2 HTML简介&标签嵌套和并列关系&文档声明
HTML：Hyper Text Markup Language 超文本标签语言(hyper：精力旺盛的 markup:标记 n noun)
- HTML不是编程语言，而是一种标记语言（就是一套标记标签），用于描述网页，是网页制作必备的。
- 超文本是指页面内可以包含图片、链接、甚至音乐、程序等非文字元素。
- HTML的结构包含头和主题，头提供网页信息，主体提供网页的具体内容。
- HTML文档包含标签和文本内容，HTML文档也叫作web页面
- HTML标签和HTML元素通常都是同一个意思
网页的本质就是超文本标记语言结合其他的web技术（脚本语言、公共网管接口、组件等）创造出来的。万维网（web）建立在超文本基础知识。
HTML骨架格式：
<html> 根标签
<head> 头标签
<title></title> 标题标签
</head>
<body>主体标签
</body>
</html>
- 根标签：HTML中标签的根节点
- 头标签：用于存放:title,meta,base
- 标题标签：让页面有一个属于自己的标题
- 主体标签：页面的主题部分
html和body标签是父子关系，也叫嵌套关系。
head和body是兄弟关系，也叫并列关系。
web浏览器：
不会直接显示HTML标签，而是其通过使用标签来决定如何向用户展示HTML页面的内容。
<!DOCTYPE>声明：
用途：标准通用标记语言的文档类型声明，帮助浏览器正确显示网页。
特点： 不区分大小写。以下均可用。
- <!DOCTYPE html>
- <!DOCTYPE HTML>
- <!doctyPe htML>
- <!DOCTYPE Html>
在不同的HTML版本中文档类型的声明不相同。
- HTML5：<!DOCTYPE html>
- HTML 4.01：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- XHTML 1.0：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
中文编码:
在头标签的子标签meta中设置charset为UTF-8
<meta charset="UTF-8"> charset：字符集
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· SQL Server 2025 AI相关能力初探
· Linux系列：如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 阿里最新开源QwQ-32B，效果媲美deepseek-r1满血版，部署成本又又又降低了！
· AI编程工具终极对决：字节Trae VS Cursor，谁才是开发者新宠？
· 开源Multi-agent AI智能体框架aevatar.ai，欢迎大家贡献代码
· Manus重磅发布：全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！