青训营HTML学习笔记
HTML（超文本标记语言）是一种用于创建网页结构的标记语言。它由一系列的HTML标签组成，每个标签包含不同的元素和属性，用于定义网页内容的结构和样式。
「HTML骨架格式」
<!-- 页面中最大的标签 根标签 -->
<!DOCTYPE html>
<html>
<!-- 头部标签 -->
<head>
<!-- 标题标签 -->
<title></title>
</head>
<!-- 文档的主体 -->
<body>
</body>
</html>
html（HyperText Markup Language。主要是要传达内容的，而不是样式！）在网页制作中相当于一个制造一个骨架的功能，为网页提供内容
HTML常用的标签
-
常用标签
首先是标题标签,h标签有h1到h6表示标题从大到小，h1最大（数字越小，级别越高），段落标签为p标签，在p标签内用于存放段落内容，a标签是一个超链接标签。 示例代码<h1>这是一个标题标签</h1> <p>这是一个段落标签</p> <a herf=https://juejin.cn/>这是一个超链接标签</a> -
列表
有序列表ol-li：会有123 无序列表ul-li：小黑点 定义列表dl-dt/dd：标题dt，值放dd里- 有序列表项1
- 有序列表项2
- 无序列表项1
- 无序列表项2
-
表格 由
<table>、<tr>和<td>标签来表示,<table>定义表格，<tr>定义表格行，<td>定义单元格。
| 单元格1 | 单元格2 |
| 单元格3 | 单元格4 |
HTML标签的语义化
- 方便代码的阅读和维护，样式丢失的时候能让页面呈现清晰的结构。
- 有利于SEO，搜索引擎根据标签来确定上下文和各个关键字的权重。
- 方便其他设备解析，如盲人阅读器根据语义渲染网页
「排版标签」
- b和strong 文字以粗体显示
- i和em 文字以斜体显示
- s和del 文字以加删除线显示
- u和ins 文字以加下划线显示
合并单元格
合并的顺序我们按照 先上 后下 先左 后右 的顺序 ,合并完之后需要删除多余的单元格。
- 跨行合并：
rowspan="合并单元格的个数" - 跨列合并：
colspan="合并单元格的个数"
总结：
在Web前端中，HTML也发挥着很大的作用，HTML为前端提供了内容框架，再结合css就可以制作出一个静态的网页，再配和JavaScript的使用，使得网页更加的灵活，对于HTML应该熟悉HTML的基础语法已经用法，熟练的使用它们。
