html标签

1. 内容标题 h1-h6 独占一行 字体加粗 有上下边距 align=left/right/center
2. 段落标签 p 独占一行 有上下边距
3. 水平分割线 hr
4. 换行 br
5. 列表标签

• 无序列表 ul:type li
• 有序列表 ol:type start reversed li
• 定义列表 dl dt dd
• 列表嵌套 有序和无序可以任意无限嵌套

6. 分区标签

• div: 独占一行
• span: 共占一行
• h5 新增 header article footer

7. 标签分类

• 块级标签: 独占一行 包括:h1-h6 div hr p
• 行内标签: 共占一行 包括:span strong和b em和i del和s u

8. 实体引用

• 空格  
• 小于号 <
• 大于号 >

9. 图片标签 img

• src:路径 相对路径:访问站内资源 同目录直接写文件名,上级目录 …/文件名,下级目录 文件夹名/图片名 和绝对路径:访问站外资源 节省本站资源,有可能会访问不到图片
• alt:图片不能正常显示时 显示的文本
• title: 鼠标悬停时显示的文本
• width/height: 1.像素 2.上级元素的百分比

10. 图片地图 map

• 属性 name 唯一标识
• 子元素 area: shape(rect/circle) coords坐标(矩形两个对角线点的坐标,圆形圆心坐标和半径) href:资源路径 页面资源和文件资源

1. 超链接a

• 如果不写href属性则是纯文本
• 有文本超链接和图片超链接
• target=_blank 在新的窗口中显示页面
• 页面内部跳转 ,目的地有标签则直接给标题添加id属性 如果没有标签则添加一个空的a标签作为锚

2. 表格table

• 子元素 tr td th caption thead tbody tfoot
• 属性 table:border cellspacing:单元格与单元号的间距或单元格和表格边框的间距 cellpadding:单元格距内容的距离 td:rowspan跨行 colspan跨列

3. 表单form

• 属性 action 提交地址
• 各种控件:
  1. 文本框: input type=text name value placeholder占位文本 maxlength最大长度 readonly只读
  2. 密码框: type=password name value placeholder占位文本 maxlength最大长度 readonly只读
  3. 单选框: type=radio name value checked id label
  4. 多选框: type=checkbox name value checked id label
  5. 日期: type=date name
  6. 文件: type=file name
  7. 隐藏域: type=hidden name value
  8. 下拉选: select:name option:value selected
  9. 文本域: textarea: name rows cols placeholder
  10. 提交按钮: type=submit value
  11. 重置按钮: type=reset value
  12. 自定义按钮: type=button value