标签，属性与布局元素，列表和表格

HTML常用元素与元素 1.标签 元素的功能 描述html元素的功能：

, 双标签 内容由用户提供：

Hello world

单标签/空元素：没有内容也叫空元素，内容有某个属性指定， ： ） 2.属性 必须写到起始标签中，使用“名-值对”的方式：,

Hello

不同的类型的标签，具有不同的属性，但是总有一些通用的，共有的属性 通用属性： id：匹配唯一元素，唯一性由用户保证，浏览器不检查 class:匹配满足条件的一类元素 style：设置当前元素的样式 title：鼠标停留时的弹窗（不常用） 推荐3个vscode插件 Auto Rename Tag Auto Close Tag Prettier-Code formatter(设置自定义默认格式化程序：default formatter更改为prettier-code formatter，设置自动保存：auto save 更改为onfocuschange 3.布局元素 所有的布局元素，默认都是块元素，所以独占一行显示 页眉header 主体: 主题通常不止一例，所以用一个通用容器元素来表示，通常使用“div” div是没有任何语义的，所以应该给他价格属性，进行描述 左边栏aside class=“left” 中间内容区main class=“content” 右边栏aside class=“right” 页脚footer 4.列表元素 列表元素是一组标签构成的 经典语法ul+li:无序列表 如果列表顺序很重要将ul改为ol：有序列表 导航列表：ul+li+a 图文列表导航：ul+li+a+img 5.表格元素 表格是列表的plus+版本 列表相当于多行单列的一个特殊的表格 表格也是一个多标签的符合元素 最简单的表格：table+tr+th/td 表格内容必须全部写到单元格元素td/th中 创建表格元素的第一步必须先创建一个行元素tr，再写td/th，作为单元的容器 标题caption 表头 表头中一般应该用th，代替td，因为它自带加粗和居中效果 表体 表尾 完整表格：table+thead+tr+th/td+tbody+tr+td+tfoot+tr+td 通常thead和tfood只需要一个，tbody可以有多个 6.表格的行与列的合并 列的合并：colspan=# 将以下的几列进行合并，一旦合并只有第一列的数据有效 行的合并：rowspan 行与列的合并属性必须添加到td/th上，不能添加到tr上