标签的基本含义2

定义列表

定义列表有三个标签，dl、dt、dd
格式如下：

<dl>
	<dt></dt>
	<dd></dd>
</dl>

注：

1.dt与dd属于同级关系
2.一个dt可以用多个dd来进行解释
3.dd是解释“上方”离自己最近的一个dt

超链接

a标签：anchor 锚
双标签
格式：`

<a href="填入需要跳转的地址">需要展示给用户看的内容</a>

常用的属性有：
href：

• 规定链接跳转到指定页面的url
• url可以是外部的链接，也可以是本机的文件路径，网址前需要加上http或https
• 当文件是压缩文件或exe时，点击后会自动进行下载
  target：
  -_self 默认值，从当前网页直接跳转到指定页面
• _blank 会新打开一个网页进行跳转指定的页面
  注：a标签不仅能给文字添加超链接，也可是，图片、音频、视频、表格等。

锚点

可以在网页中快速定位到某一个位置
使用方法：
1.先在目标位置的标签中添加id属性进行命名
2.创建一个a标签
3.将a标签href属性里面添加 #+id名称
锚点不仅限于自己的当前网页，也可以跳转到别的网页中去，需要设置好锚点就可以实现。

<a href=“#code”>点击进行跳转</a>
<h1 id="code"></h1>

空链接

在开发网页的过程中，a标签需要跳转的网页还未开发完成，这个时候呀就可以使用空链接，从而促使a标签点击后不进行跳转。
第一种：

<a href="#">内容</a>

注：加#号如果a标签在网页下方点击后，会跳转到网页的上方
第二种：

<a href="javascript">内容</a>

注：此类方法点击后不会有任何效果，a标签就不会跳转到网页上方了

转义字符

转义字符以“&”开头，以“ ; ”结尾
常用的有：
&nbsp 空格
&lt 小于号
&gt 大于号
$copy 版权符号
可以自己试一下

表格

表格一般用于，展示数据，布局（现在已经废弃，改用div+css）
组合为：table>tr>td/th

• table 定义一个表格
• tr 定义表格中的一行
• td 定义表格中一行中的一个单元格
• th 定义表头
• td th 是一个容器级标签
  格式为：

<table>
	<tr>
		<td></td>或者<th></th>
	</tr>
</table>

常用属性有：
table：

• width 宽 height 高（单位px）
• align 表格水平对齐方式（left，center，right）
• cellpadding 设置单元格内的空间
• cellspacing 单元格之间的空间

tr：

• align 内容水平对齐方式
  • left 左对齐
  • right 右对齐
• valign 内容垂直对齐方式
  -top 顶部对齐
  -middle 中间对齐
  -bottom 底部对齐
  注：内容水平垂直对齐方式会失效的原因：
  1.宽度没有设置
  2.cellpadding 设置过大

表格的分区

表格主要分为四个区：
标题：caption
表头：thead
主体: tbdoy
尾部：tfoot

都是语义强化标签

表格合并

单元格标签：td th 是特殊的单元格，有两个属性来合并单元格：
rowspan 跨行合并单元格 垂直方向（合并时，保留上方单元格，删除下方单元格）
colspan 跨列合并单元格 水平方向（合并时，保留任意一个即可）

div与span标签

div和span标签在css中是非常重要的标签
div：divsion的缩写，分割的含义，语义：盒子，划分一块区域。容器级标签，几乎可以嵌套所有标签包括他自己。
span：范围，跨度。文本级标签。主要是放置文字，图片，表单等元素。
从语义上来说：div的区域是要大于span。
作用：1.布局 2.捆绑操作
注：单独在页面中插入了这两个元素，不会对页面产生任何影响。这两个元素是专门为定义css样式而生的。