Html5学习记录

< br>换行符

一 文本标签

（1）超链接 < a>< /a>
属性 :
href 链接地址
target _blank 创建新页 _self 刷新本页
（2）粗体 < b>< /b>
（3）斜体 < i> < /i>
（4）下划线 < u>< /u>
（5）删除线 < s>< /s>
（6）强调< em>< /em>

二 表格标签

（1）表格 < table>< /table>
（2）普通行< tr>< /tr>
（3）标题行< th>< /th>
（4）单元格< td>< /td>
属性 :
colspan=“2” 合并2行单元格
rowspan=“2” 合并2列单元格
（5）表头 < thead>< /thead>
（6）表身 < tbody>< /tbody>
（7）表脚< tfoot>< /tfoot>

三 列表标签

（1）有序列表 < ol>< /ol>
属性 :
type 样式 A(字母) a（字母） 1（阿拉伯数字） I（罗马数字）i（罗马数字） reversed 降序
（2）无序列表< ul>< /ul>
（3）列表中的项< li>< /li>

四 表单标签

（1）表单< form>< /form>
属性:
method=“get”
action=“xxx”
（2）输入框< input>
属性 ：
type=“text” 单行文本框 password 单行密码框 button 按钮 submit 提交 range(min 最小 max 最大 step 渐变值 value 起始值)
value="xxxx"占位文本
placeholder=“xxxx"提示不占位
maxlength=“8” 最大输入文本长度
size=“50"单行文本框长度
readonly 只读
list='datalistid” 列表
type=“password” 单行密码框
type=“button” 按钮
type=“submit” 提交
type=“range”(min 最小 max 最大 step 渐变值 value 起始值)
type=“number”(min 最小 max 最大 step 渐变值 value 起始值)
type=“checkbox”
type=’'radio” name="a"多选一 checked 选中
type=“email” 邮箱
type=“tel” 电话
type=“url” url
type=“data” 日期
type=“color” 颜色
type="search"搜索
type=“hidden” 隐藏
type=“image” 图片 src 路径 width height
type=“file” 文件 multiple 上传多个 required 一个 form 添加属性 enctype=“multipart/form-data”
（3）输入域< textarea>< /textarea>
属性：
rows=“20” 行
cols=“20” 列
（4）复选框< select>< /select>
< option>< /option> 选项
（5）列表数据< datalist>< /datalist>
< option>< /option> 选项
属性：
id id

五 图片标签

（1）图片< img>
属性：
src 路径
width 宽
height 高
usemap="#mapname" 使用map
alt 设置备用内容
（2）图片分区< map >
（3）图片区域< area>
属性：
hred 链接地址
alt 备用内容
shape="rect"矩形 coords=“左边缘，上边缘，右边缘，下边缘”
shape=“circle"圆形 coords=“圆心横坐标，圆心纵坐标，半径”
shape=“Poly"多变形 coords=””

六 音频标签

（1）音频< audio>
属性：
src 路径
loop 循环
autoplay 自动播放
preload 预加载 none metadata auto
controls 控制器
（2）格式支持
属性：
src 路径
type 格式种类

七 视频标签

（1）视频< video>
属性：
src 路径
loop 循环
autoplay 自动播放
preload 预加载 none metadata auto
controls 控制器
width 宽度
height 高度
（2）格式支持
属性：
src 路径
type 格式种类