HMTL5

• HTML：超文本标记语言

• 网页主要组成部分：

  • HTML：用来制作网页基础内容和基本结构
  • CSS：用于网页样式美化效果
  • JavaScript：用来制作数据验证、交互行为效果，可以动态操作网页的元素增删查改

• 文本标签

  | 标签 | 说明 | | ----- | ------------------------------------------------------------ | | h1~h6 | 表示文档标题,

  ~

  , 呈现了六个不同的级别的标题 ,

  级别最高,

  级别最低 | | p | 表示文本的一个段落 | | hr | 表示段落级元素之间的主体转换,一般显示为水平线 | | i | 表示文本斜体 | | b | 表示加粗文本 | | font | 表示字体,可以设置样式(已过时) | | br | 表示换行 | | ol-li | 有序列表 | | ul-li | 无序列表 |

• span和div

  • 都是容器，可以包裹其他内容

  | 标签 | 作用 | | ---- | ------------------------------------------------------------ | | span | 是内联标签，不带换行功能，用于小范围的内容的划分 | | div | 是块标签，自带换行功能，用于一段的范围的内容划分，通常网页布局使用div将网页分成不同块 |

• 图片标签：<img src="图片文件路径"/>

• 链接标签：<a href="跳转的目的地">内容</a>

  • target属性：页面打开方式，_self当前页（默认值），_blank新标签页

• 表格标签

  | 标签名 | 作用 | | ------- | ------------------------------------------------------------ | | table | 表格容器，包含其他的表格元素 | | tr | 表示一行 table row | | th | 列标题：加粗，居中 table head | | td | 普通单元格 | | caption | 表格的标题 | | thead | 在逻辑上将表格层三个部分：表格头部 | | tbody | 在逻辑上将表格层三个部分：表格的主体 注意：如果没有写tbody，浏览器运行时会自动加上tbody | | tfoot | 在逻辑上将表格层三个部分：表格的脚部 |

• 表单标签：<form action="数据提交的目的地" method="提交数据的方式"></form>
  • 表单数据提交的两个要求
    • 必须用from标签将表单项标签包起来
    • 表单标签上必须有name属性

CSS

• css导入html的三种方式

  • 内联式：在标签内部使用style属性

    • <div style="color: gray; font-size: 18px">内容</div>

  • 内部式：定义