本文详细介绍了HTML的基本概念，包括其作为超文本语言的角色，以及与CSS、JavaScript的配合使用。文章重点讲解了一个完整HTML网页的结构，包括文档声明、html元素、head元素和body元素，并阐述了各元素的作用。此外，还列举了常见的HTML标签，如标题标签、段落标签、强调标签等，并提供了相关示例。文章强调了遵循HTML规范和良好注释习惯的重要性。
所用编译器:vs code
首先了解什么是html?
简单来说，html是一种超文本语言，html是一种基础技术，常与 CSS 、 JavaScript 一起被众多网站用于设计网页、网页应用程序以及移动应用程序的用户界面 。网页浏览器可以读取HTML文件，并将其渲染成可视化网页。
一.完整的网页结构
一般情况下，一个完整的网页结构包括：文档声明、html元素、head元素以及body元素。
1.文档声明
<!doctype html>是写在html的最上面，用来告诉浏览器我们是按照html的规则来进行编写，这样浏览器也会根据html的规则进行编译，以免在代码编译时出现乱码。
2.html元素
<html></html>是根标签（根元素），我们所有的网页内容都要写在html里面开始标签（<html>）和结束标签(</html>)中间，注意：一个页面只能有一个html标签!
3.head元素
<head></head>该标签是为了保存一些元信息。它里面的内容，用户是看不到的，主要是帮助浏览器编译代码。里面可以包含一些标签，例如：<meta>,<title>等
4.body元素
<body></body>该标签是写网页主要内容，给用户看的内容都写在body中间，这部分的内容是可以直接在网页上所看到的。
二.html规范
1.html标签有成双成对的，也有自结束标签。
2.html中不区分大小写，但一般小写居多。
3.标签可以嵌套，但不可以交替嵌套。
4.养成良好的注释习惯，简洁明了。
5.html.css,js都是一种宽泛的语言，它的容错率比较高，它会自动纠错,但我们要尽量的避免，防止网站的性能有所影响,而且它改的不一定是自己想要的。
三.html中的一些标签
1.标题标签
是通过 <h1> - <h6> 标签进行定义的。<h1> 定义最大的标题，<h6> 定义最小的标题。其中h1--h6，字体大小逐步减小，字体会加粗，会变黑，且语义是逐渐降低的。运用不同的标题标签可以帮助检索浏览器内容。
<h1>.......</h1>
<h2>.......</h2>
<h3>.......</h3>
<h4>.......</h4>
<h5>.......</h5>
<h6>.......</h6>2.段落标签
<p></p>在里面的内容就是单独的一个段落。
<p>
第一段
</p>
<p>
第二段
</p>
3.标题分组
<hgroup></hgroup>是标题分组，表明标题之间有关系，但没有默认样式。
<hgroup>
<h1>古诗</h1>
<h3>李白</h3>
</hgroup>像该代码表示的就是古诗和李白之间有关系
4.强调标签(1)
<strong></strong>表现效果是会被加粗。
<strong>
这里面的字体能够加粗
</strong>5.强调标签(2)
<em></em>表现效果是字体变成斜体。
<em>
这里面的内容能变成斜体
</em>6.强制换行
<br>是一个自结束标签
第一行<br>
第二行<br>
第三行<br>
第四行<br>
第五行<br>7.分割线
<hr>是一个自结束标签,会在画面中显示一条分割线。
1
2
3
4
<hr>该代码的表现就是在该处会有完整的分割线
8.删除线
<del></del>在该标签的中间部分会出现一条删除线。
<del>
此部分被划上删除线
</del>
该部分依然正常9.居中效果
<center>可以让文本，图片等居中显示。
<center>使得文字或者图片居中</center>10.无任何语义的标签（1）
<div>是块元素，没有语义。
11.无任何语义的标签（2）
<span>是一个没有任何语义的标签，一般用来包裹文字。
12.引用标签
<q></q>它的作用是会加上双引号。
<p>
子曰<q>学而时习之</q>
</p>画面中显示，子曰：“学而时习之”
扫一扫
685
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
