HTML5各标签的使用

1.1HTML基本结构

1.2vscode生成HTML基本骨架

快捷键：！+ tab

运行浏览器快捷键：alt+b标题标签

1.3标题标签h1-h6

1.4段落<p></p>和换行标签<br/>

特点： 1. 文本在一个段落中会根据浏览器窗口的大小自动换行。 2. 段落和段落之间保有空隙

注意：两个段落之间的距离大于换行的距离

1.5文本格式化标签

1.6div标签和span标签（盒子标签）

特点： 1.div标签用来布局，但是现在一行只能放一个（大盒子） 2.span标签用来布局，一行上可以多个 （小盒子）。

1.7图像标签和路径

<img src="图片路径">

注意相对位置是从你这个html页面所在的目录开始寻找。

图像标签的属性：

1.8超链接标签

    语法格式:<a href="跳转目标" target="目标窗口弹出的方式">文本或图像</a>

属性：

链接分类（注重锚点链接的学习）

1.9HTML中的特殊字符

空格：&nbsp；大于>:&gt;小于<:&lt

2.1表格标签table

基本语法：

<tr>里可以放<th>,一般表头单元格位于表格的第一行或第一列，表头单元格里面的文本内容加粗居中显示.标签表示 HTML 表格的表头部分(table head 的缩写)

表格属性：

表格结构标签：

合并单元格：

跨行合并：rowspan=“合并单元格数量”

跨列合并：colspan=“合并单元格数量”

注意第三步要删除多余的单元各，即删除<td>标签

2.2列表标签

无序标签：

---

有序标签

自定义标签

2.3表单标签

表单的组成：

表单域：<form></form> 里面的后提交到后台

表单控件：

<input>

lable标签重点，点击文字时也能选中增加用户体验。

<select>标签

<textarea>标签