HTML基础标签总结（一）

最新推荐文章于 2025-06-30 23:51:31 发布

原创最新推荐文章于 2025-06-30 23:51:31 发布 · 435 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#前端开发 #HTML

前端开发专栏收录该内容

8 篇文章

订阅专栏

本文深入讲解HTML的基础框架，包括特殊符号、元素与文字标签、段落、图片、列表及链接的使用方法，是初学者不可多得的入门指南。

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

HTML基础框架

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>标题</title>
</head>
<body>
这是一个最简单的基础框架
</body>
</html>

HTML的特殊符号

特殊符号	符号码
空格	&nbsp
回车
"	&quot
&	&amp
&	&amp
<	&lt
>	&gt

元素标签

<html></html>         <!--html元素定义了整个html文档  -->
<body></body>         <!--body元素定义了整个html主体  -->
<p></p>               <!--p元素定义了html中的一个段落  -->

文字标签

<h1>标签标题，h1-h6逐渐减小</h1>

<!--注释标签 -->

<b>定义粗体文本</b>

<em>定义着重文字</em>

<i>定义斜体字</i>

<small>定义小号字</small>

<strong>定义加重语气</strong>

<sub>定义下标字</sub>

<sup>定义上标字</sup>

<ins>定义插入字</ins>

<del>定义删除字</del>

<font size="字号"color=”字体颜色“face="字体">修饰字体标签</font>

段落标签

<p>段落标签</p>

<nobr>不换行显示文字</nobr>

<p align="">段落对齐属性</p>

<pre>保留原始排版</pre>

图片标签

<img src="图像的存储位置" alt="当图片无法载入时的提示">

<img src="存储路径"width="宽" height="高">

列表标签

<!--定义一个有序列表-->
<ol start="起始数值" type="排序类型">
<li>第一项</li>
<li>第二项</li>
</ol>

<!--定义一个无序列表-->
<ul type="排序类型">
<li>第一项</li>
<li>第二项</li>
</ul>

<!--定义一个定义列表-->
<dl>
<dt>名词1<dd>解释1
<dt>名词2<dd>解释2
</dl>

链接标签

<a href="#">链接文字</a>   <!--#为空链接-->

<a href="链接地址">链接入口文字（或图片等）</a>

<!--建立书签链接-->

<a id="建立的链接名">建立的文本</a>