HTML5文档结构与标签
一、HTML5文档结构
<!DOCTYPE html> <!-- 文档声明,告诉浏览器这是html文档,浏览器就会用html语法来检查执行这个文档 --> <html lang="en"> <!-- Html标签是默认的根元素,通常可省略,整个文档的内容都放在其中 --> <!-- Html标签有lang属性,设置语言,默认为英文:en。中文简体:zh-Hans --> <head> <!-- 文档头部 head标签中的内容是给浏览器看的 --> <!-- meta标签主要是用来设置元数据,可以看作是数据的属性 有一个字符集属性--> <meta charset="utf-8"> <!-- title标签用于设置浏览器标题栏的文本 --> <title>山东大学</title> <!-- link标签用于引入外部css文件,css文件可以用来控制网页样式 --> <link rel="stylesheet" href="style.css"> <!-- script标签可以引入外部的脚本文件 --> <script src=""></script> </head>
<body> <!-- 文档主体 body标签中的内容是给访问者看的 --> 欢迎浏览:<a href="https://www.baidu.com">百度</a> </body> </html>
二、HTML5标签、属性与元素
比如我们现在要描述一个美女,她有胸围,腰围和臀围三个特征,那么可以用以下标签来表示:
<sexy chest="90" hip="88" waist="62">美女</sexy>
- 终止标签为了区别起始标签前面有一个/
- 属性在起始标签中,属性值要用""包围
- 标签是用来包装网页内容的,被包装内容的特征用属性来表示。比如,sexy标签用来包装美女,美女有胸围,腰围和臀围三个特征
- 元素是标签、标签属性以及包装内容的总称。元素=标签+属性+内容
- 元素包括文本元素、图像元素、列表元素、表单元素、视频元素等
- 网页有元素组成,而标签是元素的载体
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· winform 绘制太阳,地球,月球 运作规律
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· AI与.NET技术实操系列(五):向量存储与相似性搜索在 .NET 中的实现
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
2018-08-09 手把手教你写网络爬虫
2018-08-09 学了Python可以做什么工作
2018-08-09 git怎么使用
2018-08-09 DELPHIER,正转向PYTHON了