HTML 基本骨架与常用标签_html的基本骨架标签有哪些-优快云博客

本文链接：https://blog.youkuaiyun.com/Lululovesickness/article/details/110160098

本文介绍了HTML的基础知识，包括HTML的定义——作为一种超文本标记语言，它不是编程语言而是标记语言。接着，文章详细讲解了HTML的基本骨架，并列举了一些常用标签，如排版、容器、格式化、内联标签、图像和超链接标签，帮助读者理解HTML如何构建网页内容。

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

HTML

HTML是什么？

是一种超文本标记语言 Hyper Text Markup Language
不是编程语言，是一种标记语言
标记语言是一套标记标签

超文本

超越文本，在文本内容的基础上，添加更加丰富是信息（图片，动画，声音等等）

HTML的基本骨架

	<!--HTML的基本骨架-->
<html>
	<head>
		<title></title>
	</head>
	<body>
	</body>
</html>

<!DOCTYPE html>	   // 声明文档类型
<html lang="en">    // 语言属性   en是英文   zh-cn是中文
<head>
    <meta charset="UTF-8">   // 最常用的字符集编码方式，包含所有国家的语言
    <title>Title</title>
</head>
<body>

</body>
</html>

常用标签

排版标签

标签	含义
h1~h6	标题标签，h1~h6逐渐递减，独占一行具有加粗加黑效果
p	段落标签，自动换行
hr	水平线标签。单标签
br	换行标签，单标签是break的缩写

容器标签

标签	含义
span	不占一行，一行可以放多个span
div	独占一行，一行只能放一个div

格式化标签

标签	含义
b，strong	加粗效果，strong语义更强烈
i，em	倾斜效果，em语义更强烈
s，del	加删除线，del语义更强烈
u，ins	加下划线，ins语义更强烈

内联标签与其他内联标签共处一行

图像标签

 // 图像标签   
<img src = "图像的链接地址" />

超链接标签

	// 超链接标签    _blank新窗口打开  _self本窗口打开（默认本窗口打开）
<a href = "目标地址" target = "目标窗口弹出方式">文本或图像</a>

标签的属性

<标签名  属性1 = "属性值1"  属性2 = "属性值2">内容</标签名>