今日所学：
HTML的常用标签
标签语义
指的是标签的含义，简单来说就是这个标签是用来干什么的
作用：合理的标签会让页面结构更加清晰
标题标签
为了使网页能够区分那些文字是标题，需要使用标题标签，HTML提供了六个标题标签，即<h1>-<h6>
加了标题标签文字变粗，字号逐次减小<h1>-<h6>
每一个标题标签单独占一行
段落标签
用<p></p>标签来定义段落
一个段落的文本会根据浏览器窗口大小自动换行
段落和段落之间有空隙
换行标签
html中使用<br>标签可以实现强制换行
文本格式化标签
突出文字重要性，比普通文字更加重要
加粗标签
<strong></strong>或者<b></b>
倾斜标签
<em></em>或者<i></i>
删除线
<del></del>或者<s></s>
下划线
<ins></ins>或者<u></u>
<div>和<span>
它们的作用是装内容的盒子
div用来布局网页内容，每个div独占一行
span标签一行上可以有多个，达到浏览器边缘自动换行
标签的属性
属性就是标签的特性
多个属性值用逗号隔开
属性是用=分开的名值对
属性值必须用双引号引起来
标签的属性可以有多个而且没有先后顺序，空格隔开
图像标签
<img>标签来声明图像
常用属性
属性名：src（必须属性，将图片引入进来必须要写的属性）
属性名：alt（替换文本，图片不能显示时的补充文字）
属性名：title（鼠标移动图片显示文字）
属性名：width
属性名：height
对图片同时设置宽高有时会使图片变形，只设置一个来达到图片等比例缩放
属性名：border（边框）
路径
相对路径：以当前的文件所在位置为参考基础，建立出的目录路径就是相对路径，简单来说就是图片相对于文件的位置
绝对路径：不论当前文件的位置，我们用绝对路径的时候都可以找到图片位置，绝对路径是从根目录下开始的路径
超链接
在html中使用<a></a>标签来定义超链接
超链接语法
<a href="跳转目标" target="目标窗口打开方式">文本或图像</a>
href：用于指定链接目标url地址，是必须属性
target：用于指定链接页面的打开方式
_self是默认值，代表当前页面打开
_blank代表在新窗口打开
超链接分类
外部链接：直接链接到外部的一个超文本链接
内部链接：网站内部页面之间相互链接
空连接：不知道跳转何处时，使用空连接来代替
下载链接：如果href里面指定的地址是一个文件或者压缩包，那么会直接下载该内容
网页元素链接：在网页中的各种元素，比如图片、视频、表格等等都可以添加超链接
锚点链接：点击链接，可以快速定义到页面某个位置
在hear中设置#名字 的形式
在目标位置添加id属性=hear定义的名字
base标签的使用
为页面上所有相对链接固定一个默认的url
一个文档中，最多只能使用一个<base>标签，<base>位于<head></head>标签内部，一般放在第一行的位置
HTML的注释和特殊字符
注释：如果在HTML文档中添加一些便于阅读但是又不需要进行显示在页面上的情况下，就可以使用注释标签
表格标签
为了让数据显示的更加规整，增强可读性
表格的基本语法
<table></table>标签用于定义表格
<th></th>标签用于定义行内容是否是表头内容，表头内字体会加粗并且居中显示
<tr></tr>标签用于定义表格中的行（table row），必须在<table></table>里
<td></td>标签用于定义表格中单元格（table data），必须在<tr></tr>里
表格的属性
属性名：align（规定表格对齐方式）
属性名：border（规定表格单元是否有边框，默认“”，表示没有边框）
属性名：cellpadding（规定单元格边沿与其内容之间的空白，默认1px）
属性名：cellspacing（规定单元格之间的空白，默认是2px）
属性名：width（规定表格宽度）
表格结构标签
<thead></thead>代表表格头部标签，内部必须有<tr></tr>和<th></th>，位于表格第一行
<tbody></tbody>代表表格的主体区域，主要用来放数据的本体
合并单元格
跨行合并：rowspan=“合并单元格个数”
跨列合并：colspan=“合并单元格个数”
|
