HTML的常用标签
标签语义：指的是标签的含义
作用：合理的标签会让页面结构更加清晰
标题标签：为了使网页能够区分哪些是文字哪些是标题，需要使用标题标签，HTML提供了6个，<h1>~<h6>
h是head的缩写，意为头部、标题
语义：作为标题来使用，重要程度以此递减
特点：1.加了标题标签的文字会变粗，字号从h1到6依次变小
2.每一个标题标签都单独占一行
段落标签
用<p></p>标签来定义段落
语义：html文档中来分割段落的
特点1.文本在一个段落里会根据浏览器窗口大小进行自动换行
2.段落之间保有空隙
换行标签 HTML中使用 br标签可以实现强制换行
特点：
br是一个单标签
br只是简单的开始新的一行，与段落相比间距并不大
文本格式化标签
概念
在网页中我们经常要对字体进行设置 粗体、斜体、下划线等等，这是就需要用到文本格式化标签
语义：
突出文字重要性，比普通文字更加重要
加粗标签
<strong></strong>>或者<b></b>
倾斜标签
<em></em>或者<i></i>
删除线
<del></del>或者<s></s>
下划线
<ins></ins>或者<u></u>
<div></div>和<span></span>标签是没有语义的，它们的作用就是装内容的盒子
div是英文division的缩写，代表分割、分区的意思
span代表跨度、跨距的意思
特点
div是用来布局网页内容的，每个div会独占一行
span标签一行上可以有多个，达到浏览器边缘会自动换行
标签的属性
属性：
简单理解就是这个标签的特性
多个属性值用逗号隔开
属性是用等号分开的名值对
属性的值必须用双引号引起来
标签的属性可以有多个，并且没有先后顺序，用空格隔开
图像标签<img>标签来声明图像
常用的标签属性
属性名：src（必须属性）
属性值：图片路径
属性名：alt（替换文本，图片不能显示出来时，可以说明图片是什么）
属性值：文本
属性名：title（鼠标停留所显示出的东西，适用于超链接）
属性值：文本
属性名：width（宽）
属性值：像素值
属性名：height（高)
属性值：像素值
单独设置宽或高，可以进行等比例缩放
属性名：border（增加边框)
属性值：像素值
路径
相对路径：
以当前文件所在位置为参考的，建立出来的目录路径就是相对路径，简单来说就是图片相对于文件的位置
绝对路径
不论当前文件的位置，我们用绝对路径的时候都可以找到所需图片的位置，绝对路径是从盘符（根目录）下开始的路径
超链接
在html中，使用<a></a>标签来定义超链接
超链接的语法
<a href="跳转的目标" target="目标窗口的打开方式“>文本或者图像</a>
href：用于指定链接目标的url地址，是必须属性
target：用于指定链接页面的打开方式
_self 是默认值，代表在当前页面进行打开
_blank 代表在新窗口打开
超链接的分类
1.外部链接，直接链接到外部的一个超链接文本
2.内部链接，网站内部页面之间的相互链接
3.空链接，如果在实际开发中不知道链接应跳转到何处，可以临时用空链接来代替（#来代替）
4.下载链接：如果href里面指定的地址是一个文件或者压缩包，那么点击之后会直接下载该内容
5.网页元素链接：在网页中的各种元素，比如图片、视频、表格等等都可以添加超链接
6.锚点链接，点击链接，可以迅速定义到页面的某个位置
在href属性中，设置#名字的形式
在目标位置标签添加一个id属性 = 刚才定义的名字即可
base标签
给页面上的所有链接固定一个默认的url
给页面上的链接地址提供一个前置的相同的路径，方便后续的路径拼接使用
head下只能使用第一个base，一般放在第一行，其他有若存在则失效
HTML的注释和特殊字符
CTRL+/ （注释）
注释可以在不显示页面的情况下，解释代码，便与阅读
html的注释标签是以<！--注释内容-->来表示
特殊字符
表格标签
为什么使用？
为了让数据显示的更加规整，增强刻度性
表格的基本语法：
<table></table>标签用于定义表格
<tr></tr>标签用于定义表格中的行，必须嵌套在table中
<td></td>标签用于定义表格中的单元格，必须嵌套在tr中
<th></th>标签用于定义行的内容是否是表头内容，表头内的字会加粗显示，并且居中
表格的属性
表格标签的这些属性一般我们在开发中不常见，后面会通过css来进行设置，目前主要记住属性名字及对应值
属性名：align（规定表格的对齐方式）
属性值：left、right、center
属性名：border（规定表格单元是否有用边框，默认为””，表示没有边框）
属性值：“”或者1
属性名：cellpadding（规定单元格边沿与其内容之间的空白，默认是一个像素）
属性值：像素值
属性名：cell spacing（规定单元格之间的空白，默认两个像素）
属性值：像素值
属性名：width（规定表格宽度）
属性值：像素值
表格的结构标签
<thead></thead>代表表格的头部区域，内部必须拥有<tr></tr>标签和<th></th>标签，一般位于表格的第一行
<tbody></tbody>代表表格的主体区域，主要用来放数据本体
合并单元格
合并方式：
1.跨行合并：rowspan=“合并单元格的个数“
2.跨列合并：clospan=”合并单元格的个数“
合并步骤：
1.确定要合并的第一个单元格
2.确定跨行还是跨列，并且写明要合并单元格的个数
3.删除被包括的单元格
|
