html5 知识点简单总结03

table表格

----基本结构

table默认无边框(border)

<table border="数值">

<tr>

<th>表头</th>

<th>表头</th>

</tr>

<tr>

<td>单元格</td>

<td>单元格</td>

</tr>

</table>

table的属性

边框 border = "数值"

单元格之间的间距 cellspacing="数值"

内容到单元格边框的距离 cellpadding="数值"

th 默认样式 加粗 水平居中 垂直居中

td 默认样式 水平左对齐 垂直居中  style="text-align:center" align="center" (淘汰)

水平对齐方式:left(左对齐)、center(居中对齐)、right(右对齐)

--------合并单元格

1.行合并   上下合并单元格   属性 rowspan="合并的行数"

2.列合并   左右合并单元格   属性 colspan="合并的列数"

==================================

form表单

method  提交的方法

1.get  不安全 大小有限制

2.2.post 安全 大小不受限制

<form action="表单要提交的服务器的页面地址" method="get或者post">

<input type="text" name="自己起的名字" value="" / >

</form>

<Label ><input type="text" name="自己起的名字" value="" / >

</form></Label>

<Label for=”666” ><input type="text" name="自己起的名字" value=""  id=”666”/ >

</form></Label>

Label 有 for 就一定用id

点击文字即可选中文本框

input 属性type值:

1.text   文本框

2.password   密码框

3.radio      单选框    一组里的name必须是同一个值   默认被选中  给input标签加checked="checked" 或者 直接加checked

4.checkbox   复选框    默认被选中  给input标签加checked="checked" 或者 直接加checked

5.submit     提交按钮  value值记得加上

6.reset      重置按钮

7.button     一般按钮

8.hidden     隐藏域

9.file       文件上传框

属性 placeholder=”默认显示,鼠标点击会消失”

一般按钮  <button>普通按钮</button>  type设为submit 或 reset 必须在form 表单里 否则无效

属性 disabled=”disabled” 表示按钮不可用 也可用于其他表单

文本域(多行文本框)

<textarea cols="列数" rows="行数">

</textarea>

实现文字在多行文本框左上 用 vertical-align=”top”; middle(中间) bottom(底部)

下拉选项框(下拉列表)

<select>

<option value="值">内容</option>

<option value="值" selected>内容</option>

....

</select>

默认选中 selected=”selected”

时间: 2024-10-19 01:24:05

html5 知识点简单总结03的相关文章

jmGraph:一个基于html5的简单画图组件

jmGraph:一个基于html5的简单画图组件 特性: 代码书写简单易理解 面向对象的代码结构 对图形控件化 样式抽离 模块化:入seajs实现模块化开发 兼容性:暂只推荐支持html5的浏览器:ie9+,chrome,firefox等. jiamao/jmgraph · GitHub APIs jmgraph是一个基于html5的WEB前端画图组件. 前端画图对象控件化,支持鼠标和健盘事件响应,可对单个控件样式设定,支持简单的动画处理.可大大地简化前端画图.

【html5】html5本地简单存储

html5本地简单存储 HTML5 提供了四种在客户端存储数据的新方法,即 localStorage .sessionStorage.globalStorage.Web Sql Database. 前面三个适用于存储较少的数据,而Web Sql Database适用于存储大型的,复杂的数据,我习惯把前面的三个称之为小存储. 简单存储与cookie的区别 1.存储量大①web存储比cookie存储量更大,在数据量上可以达到5M,而cookie最多也就4KB,或者20个key/value对.2.安全

html5学习篇:03.字体样式相关

1.粗体 b 2.斜体 i 3.等宽字体tt 4.小一号字体:small 5.删除线 del 6.下划线:ins 7.上标下标 sup sub 8.高亮 mark <!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>段落相关</title> </head> <body> <h

知识点简单总结——BSGS与EXBSGS

知识点简单总结--BSGS与EXBSGS BSGS 给出 $ A,B,C,(A,C)=1 $ ,要你求最小的 $ x $ ,使得 $ A^x \equiv B(mod \ C) $ . 在数论题中经常会看见这样的式子,而它的用处确实也不少,例如: 求指标 ...想不到了(被打) 解题思路 众所周知 $ A^{x} \equiv A^{x \ mod \ \phi (C) }(mod \ C) $ 所以考虑暴力枚举就可以. 但是我们显然要考虑一个更快的. 分块就好了. 设块大小 $ m $ ,预处

iOS端 HTML5的简单了解

/*------------------------------------- 01 HTML5 ---------------------------------------*/ { hosts: 帮助我们记录一些IP地址! 测试服务器地址: itcast } HTML(网页内容!) + CSS(让网页变的好看!) + JS (让网页动起来!(与用户交互!)) 重点:1.了解 HTML5 . { 1. 什么是 HTML5 ? HTML 的全称是:HyperText Markup Languag

HTML5 绘制简单圆形 loading. . . .

现在有很多的 loading 组件 什么js 等等 闲来没事就写一个 H5的 loading  有很多的Loading 是一张张图片 js 控制的  有了 canvas的 出现 你就可以体验不同之处了 自己效仿前人的做法去看两种的效率 和占用的资源 chrome=>更多工具=>资源管理器  Canvas : 初期比图片占用大一点,能接受, 后面会降下来, 而且一直稳定.  图片+js: 初期效果满意 越到后面 资源占用越多 . <只是画圆 如果你想要图片,后文会给介绍> 我们都知道

HTML5 SVG简单的动态绘制轮廓线条动画插件

walkway是一款非常简单的HTML5 SVG动态绘制轮廓线条动画插件.它支持SVG的path,line 和 polyline元素.walkway使用起来简单方便,可以制作出非常酷的SVG线条动态绘制效果.更好的动态绘制线条插件可以参考:html5 svg线条动态绘制文字轮廓边框动画.HTML5 SVG图形轮廓线条绘制动画插件-vivus 和 html5 svg线条动态绘制iphone边框动画效果. 在线演示:http://www.htmleaf.com/Demo/201501261282.h

html5知识点:超文本标记语言编程

超文本标记语言,标准通用标记语言下的一个应用. "超文本"就是指页面内可以包含图片.链接,甚至音乐.程序等非文字元素. 超文本标记语言的结构包括"头"部分(英语:Head).和"主体"部分(英语:Body),其中"头"部提供关于网页的信息,"主体"部分提供网页的具体内容. 详细介绍 1.由来 万维网上的一个超媒体文档称之为一个页面(外语:page).作为一个组织或者个人在万维网上放置开始点的页面称为主页(外

XPath知识点简单总结(思维导图)

XPath是一种用于在XML文档中查找信息的语言,其对HTML也有很好的支持,所以在网络爬虫中可用于解析HTML文档.参考链接. 下图是XPath知识点的简单总结成思维导图: 原文地址:https://www.cnblogs.com/yuanyiming/p/9868345.html