HTML笔记（二）HTML常用标签

最新推荐文章于 2025-08-16 06:13:53 发布

蒲公英ⁿ

最新推荐文章于 2025-08-16 06:13:53 发布

阅读量240

点赞数 2

CC 4.0 BY-SA版权

分类专栏： HTML 文章标签： HTML 前端

本文链接：https://blog.youkuaiyun.com/weixin_44589858/article/details/97395199

HTML 专栏收录该内容

9 篇文章

订阅专栏

本文详细介绍了HTML中的常用标签，包括文本格式化、列表、表格、链接及语义化标签等，帮助初学者快速掌握HTML的基本使用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML常用标签

1.强制换行
<br/>
没有任何属性
2.水平线
<hr/>
块级元素
属性值
color:颜色
size：线的高度
width:线的长度
align:默认值为center

链接

1.超链接
<a></a>
双标记，行内元素
属性：
href 路径
target 跳转窗口：默认值 _self 原窗口打开
_blank 新窗口打开

2.空链接
href="#"
返回网页顶部

3.锚点：
点击a跳转到a

<a href="#name">点击</a>
<a href="" name="name">跳转到</a>

点击a跳转到div

<a href="#name">点击</a>
<div id="name">跳转到</div>

文本格式标签

<b>加粗</b>
<i>倾斜</i>
<u>下划线</u>
<strong>强调</strong>  
<em>强调</em>   
<sup>上标</sup>   
<sub>下标</sub>   
<s>删除线</s>
<del>删除线</del>
<small>小号字体</small>
<big>大号字体</big>
<ins>插入内容</ins>

语义化标签

1.语义化标签
h1
address 地址
pre 识别空格、换行
figure 用于在页面插入说明性的图片

   <figure>
    <img src="URL " width="300" height="200"/>  
    <figcaption>说明图片的文字</figcaption>
    </figure>

语义布局
常见的语义布局元素有header, section, footer, aside；不具备样式，要在css样式中进行布局编写。
语义标签
nav,article和details分别用以容纳导航栏、文章内容、细节描述。

正确的标签干正确的事
优点：有利于浏览器搜素引擎来查找

2、实体字符

   空格  &nbsp;  
    <    &lt;
    >    &gt;
    ©    &copy;
    ♥    &hearts;

列表

1.无序列表
Unorder List

<ul>
    <li></li>
    <li></li>
    <li></li>
</ul>

type属性
默认值 desc
空心圆 circle
实心矩形 square
无 none

2.有序列表
Order List

<ol>
    <li></li>
    <li></li>
</ol>

type属性：
默认为 1
可取值a A i I

start属性：
取值为数字，表示第几个开始

reversed 倒序
reversed ="reversed " 属性和属性值相等时，可以简写为属性

3.自定义列表

<dl>
    <dt>主题</dt>
    <dd>描述</dd>
</dl>

表格

1.table
作用：存放数据

table属性：
border 边框
width 宽
height 高
align 水平对齐方式
cellspacing 单元格之间的距离
cellpadding 内容和边框之间的距离
bgcolor 背景颜色
background 背景图片（优先级大于背景颜色）

2.行的属性
valign 垂直对齐方式：middle 默认值，居中|top 居上|bottom 居下
align 水平对齐
height 高

3.列td的属性
align 水平对齐
valign 垂直对齐
width 宽
height 高

4.合并单元格
Colspan水平合并值是数字
Rowspan垂直合并值是数字

<td colspan="2"></td>
<td rowspan="2"></td>