HTML常见标签_html un-优快云博客

本文链接：https://blog.youkuaiyun.com/a_un_l/article/details/89166264

本文深入讲解HTML基础结构及常用标签，包括html、head、title、body、p、hr、div、span、h1-h6、strong、em、u、sup、sub、font、ul、ol、li、a、table、tr、td等，覆盖文档结构、文本格式化、列表、超链接和表格等核心概念。

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

HTML基础结构：

<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>无标题文档</title>
	</head>
	<body>
	</body>
</html>

html标签：之间的内容标记网页
title标签：网页的标题
body标签：标记可见的网页内容
head标签：包含文档的元数据。在HTML中，元数据具有关于文档中的内容和标记的信息。它还包括脚本和对外部资源的引用，例如CSS样式表。
head 中的 title 元素必选的元素; 其他元数据元素是可选的。
p标签：表示一个段落
hr:水平线
div标签：不具有特定含义，通常用来创建页面布局
span标签：将一个全局属性应用于内容区域

标题字标签：

`h1`到`h6`字体大小逐渐减小

<h1>标题1</h1>
<h2>标题2</h2>
<h3>标题3</h3>
<h4>标题4</h4>
<h5>标题5</h5>
<h6>标题6</h6>

运行结果：
在这里插入图片描述

修饰文字标签： （目前很少使用）

<strong>粗体文字</strong>
<em>斜体字</em>
<u>带下划线文字</u>
<sup>...</sup>上标标签
<sub>...</sub>下标标签

修饰字体标签： （目前很少使用）

<font size="字号" color="字体颜色" face="字体">文字内容</font>

列表：

ul无序列表：type属性决定了列表项的项目符号，默认为dics，为黑色实心圆。
ol有序列表：type属性的值有“1、A、a等”，start属性可以决定列表中第一个项目的序数值。

<!DOCTYPE HTML>
<html>
<body>
  I like:
  <ul type="dics">
    <li>HTML</li>
    <li>CSS</li>
    <li>Javascript</li>
  </ul>
</body>
</html>

超链接：

a元素可以创建超链接，实现跳转.href填将要跳转的链接，也可以是文件路径等。

<a href="https://www.baidu.com/">百度</a>

运行结果：
在这里插入图片描述

表格标签

table标签：表格
tr标签：行标签
td标签：列标签
在以前，都是使用表格来完成页面布局，不过这样非常麻烦，后来都使用div来布局。

<table border="1">
	<tr>
		<td>(1,1)</td>
		<td>(1,2)</td>
	</tr>
	<tr>
		<td>(2,1)</td>
		<td>(2,2)</td>
	</tr>
</table>

运行结果：
在这里插入图片描述

特殊符号：

例如空格： 回车：<br>标签
在这里插入图片描述

最后，这些标签都有很多的属性，可以更改他们的样式。属性我就不提及了，如果有需要可以去一些网站查找，比如W3School等。对于html标签学习来说，我们只需要熟练掌握这些最基础的标签，一些不常用的标签和不常用的属性随时可以在浏览器查找。当然，如果你想全面学习html标签，在这些网站学习，也都是非常全面的，还有实例可以在线运行。