HTML常用标签

标题标签

<h1> </h1> … <h6> </h6>

为了使网页更具有语义化,我们经常会在页面中用到标题标签。HTML提供了6个等级的网页标题
即<h1>到<h6>

段落和换行标签

段落标签：<p> </p>

在HTML标签中，段落标签用于标注段落，它可以将整个网页分为若千个段落

换行标签：<br>

在HTML中,一个段落中的文字会从左到右依次排列,直到浏览器窗口的右端,然后才自动换行。如果希望
某段文本强制换行显示，就需要使用换行标签<br>

文本格式化标签

加粗：<strong> </strong>或者<b> </b>

倾斜：<em> </em>或者<i> </i>

删除线：<del> </del>或者<s> </s>

超链接标签

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

属性	作用
href	用于指定链接目标的ur地址，(必须属性)当为标签应用href属性时，它就具有了超链接的功能，href=“#”表示这是一个空链接，如果href里面地址是—个文件或者压缩包,会下载这个文件
target	用于指定链接页面的打开方式，其中_self为默认值(在本窗口中打开)，_ blank为在新窗口中打开方式

列表标签

：定义无序列表，里面只能放 li 标签，其它标签不被允许

：定义有序列表，里面只能放 li 标签，其它标签不被允许

<li></li>：有序列表和无序列表中的列表项，相当于一个容器，里面可以放其它标签

：定义自定义列表，里面只能包含 dt 和 dd 标签

<dt></dt>：定义自定义列表中的项目

<dd></dd>：描述自定义列表中的每一个项目

<ul>
    <li>无序列表</li>
    <li>无序列表</li>
    <li>无序列表</li>
</ul>

<ol>
    <li>有序列表</li>
    <li>有序列表</li>
    <li>有序列表</li>
</ol>

<dl>
    <dt>帮助中心</dt>
    <dd>账户管理</dd>
    <dd>购物指南</dd>
    <dd>订单操作</dd>
</dl>

锚点链接

<a href="#要跳转的元素的id"></a>

点击链接的时，跳转到元素所在的位置。

图像标签

图像标签：<img src=“xxxxxx” alt=“xxxxxx”>

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

注释

注释以“<!-”开头，以“->”结束。

表格标签

<table></tabe>是用于定义表格的标签。

<tr></tr>标签用于定义表格中的行,必须嵌套在< table></ table>标签中

<td></td>用于定义表格中的单元格，必须嵌套在< tr></ tr>标签中

<th></th>表示表格的表头部分，表示表格的第一行或第一列，其中的文本内容加粗居中显示

<thead></thead>用于定义表格的头部。< thead>内部必须拥有< tr>标签，一般是位于第一行

<tbody></tbody>用于定义表格的主体，主要用于放数据本体。

一些常用的属性：

属性名	属性值	描述
align	left、center、right	规定表格相对周围元素的对齐方式
border	1 或 “”	规定表格单元是否拥有边框，默认为“”，表示没有边框
cellpadding	像素值	规定单元边沿与其内容之间的空白,默认1像素
cellspacing	像素值	规定单元格之间的空白，默认2像素
width	像素值或百分比	规定表格的宽度
height	像素值或百分比	规定表格的高度
rowspan	要合并的单元格个数	合并行单元格，记得要删除多余的单元格
colspan	要合并的单元格个数	合并列单元格，记得要删除多余的单元格

<table border="1" cellspacing="0" width="500" height="250">
    <thead>
        <tr>
            <th>head1</th>
            <th>head2</th>
            <th>head3</th>
        </tr>
    </thead>
    <tbody align="center">
        <tr>
            <td align="center" rowspan="3">111</td>
            <td colspan="2">333</td>
        </tr>
        <tr>
            <td>11</td>
            <td>22</td>
        </tr>
    </tbody>
</table>

<div></div>和<span></span>

<div></div>是大盒子，一行只能放一个大盒子

<div style="background-color: brown;">111</div>
<div style="background-color: bisque;">222</div>
<div style="background-color: aqua;">333</div>

<span></span>是小盒子，一行可以放多个