HTML初步认知

Code知行合壹

已于 2025-08-19 21:06:51 修改

阅读量346

点赞数 5

CC 4.0 BY-SA版权

分类专栏：前端开发文章标签： html 前端

于 2025-08-19 15:33:40 首次发布

4 篇文章

订阅专栏

网页

网页的本质是前端程序员写的代码，通过浏览器的转化（解析和渲染）为用户看到的网页，网页包含了文字、图片、音频、视频、超链接。

浏览器是网页显示和运行的平台，根据statcounter的数据显示，截止2025年7月，chrome浏览器市场份额稳居全球第一名。
在这里插入图片描述请添加图片描述
渲染引擎（浏览器内核）是浏览器中对代码进行解析和渲染的部分，内核不同导致解析相同代码的速度、性能、效果也不同。

不同浏览器的渲染引擎不同，对于相同代码的解析效果会存在差异，用户在不同浏览器打开同一个网页的效果可能不同，用户体验极差，web标准是让不同浏览器按照相同的标准显示结果，让展示的效果统一。
Web标准包含三个构构成，实现结构、表现、行为三层分离。

HTML是 Hyper Text Markup Language 的缩写，中文译为：超文本标记语言，是用于网页开发的语言，主要通过HTML标签对网页中的文本、图片、音频、视频等内容进行描述。
HTML的结构
HTML的骨架结构包括

<html>
<head>
    <title>网页的标题</title>
</head>
<body>
  网页的身体
</body>
</html>

HTML注释
注释是为代码添加具有解释性的信息，用来帮助开发人员理解代码，浏览器在执行代码是会忽略所有注释。

<!-- html注释 -->

HTML标签

<!-- 双标签，前部分叫开始标签，后部分叫结束标签，两部分之间包裹内 -->
<strong>文字加粗</strong>

<!-- 单标签，无法包裹内容 -->
<br>
<hr>

HTML标签属性
HTML 中的元素拥有属性（attribute）；这些额外的值可以配置元素或者以各种方式来调整元素的行为，进而满足用户所需的标准。
双标签的属性要写在开始标签中，标签上可以有多个属性，标签与属性之间、属性与属性之间以空格隔开。

<div id="" name=""></div>

HTML标签关系

<!-- 父子关系（嵌套关系） -->
<head>
	<title></title>
</head>

<!-- 兄弟关系（并列关系）-->
<head></head>
<body></body>