HTML常用标签

1.标题标签

<h1>-<h6>:六个等级的网页标题

2.段落换行标签

<p>:定义段落

<br />:换行标签  （单标签）

3.文本格式化标签

加粗：<strong>或<b>

倾斜：<em>或<i>

删除线：<del>或<s>

下划线：<ins>或<u>

以上四个分别有两个标签，第一个语义更强烈。

4.<div>和<span>标签

这俩标签没语义，是一个盒子，用来装内容。

div表示分割，分区。span表示跨度，跨距。

简单理解：div大盒子，span小盒子。

5.图像标签和路径

图像标签：<img src="图像url"  /> （单标签）

属性	属性值	说明
src	图片路径	必须属性
alt	文本	替换文本。图像不能显示的文字
title	文本	提示文本。鼠标放在图像上，显示文字
width	像素	设置图像高度
height	像素	设置图像高度
border	像素	设置图像边框粗细

相对路径：下一级  /   上一级  ../

绝对路径：指从盘符开始的路径。

6.超链接标签

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

属性	作用
href	指定连接目标的url地址，（必须属性）
target	用于指定链接页面的打开方式，_self为默认值，_blank为在新窗口中打开

链接分类

1.外部链接：<a href="跳转目标 " target = "目标窗口的弹出方式"> 文本图像 </a>

2.内部链接：<a href="跳转目标 " target = "目标窗口的弹出方式"> 文本图像 </a>。直接链接内部页面名称即可。

3.空连接：没有确定的链接目标时，<a herf = "#">文本图像 </a>

4.下载链接： herf里面地址是一个文件或者压缩包，会下载这个文件

5.网页元素链接：在网页中各种元素都可以添加超链接，例如文本，图像，表格，音频等。

6.锚点链接：当我们点了链接，可以快速定位到页面中的某个位置

*在连接文中中的herf属性中，设置属性值为#名字的形式，如<a herf ="#zhang">张</a>

*找到目标位置标签，里面添加一个id属性=刚才的名字，如<h3   id = "zhang">张姓的介绍</h3>

7.注释和特殊字符

注释：ctrl + /

特殊字符：空格符（&nbsp）大于号（&gt） 小于号（&lt）其他特殊字符不常用。

8.表格标签

<table>定义表格

<tr>定义表格中的行

<td>定义表格中的单元格

<th>表头单元格（table head的缩写 ）

9.合并单元格

跨行合并：rowspan="合并单元格的个数"

跨列合并：colspan="合并单元格的个数"

合并步骤

1：先确定是跨行还是跨列

2：找到目标单元格，合并方式=合并单元格数量。

3：删除多余单元格。

10.列表标签

无序列表：ul  (里面只能嵌套<li>标签)

有序列表：ol  (里面只能嵌套<li>标签)

自定义列表：dl定义列表，<dt>（定义项目）和<dd>（描述项目）一起使用，

*通常一个dt对应多个dd