HTML概述

我为杰伦代言

已于 2022-09-04 21:16:21 修改

阅读量77

点赞数

分类专栏： HTML 文章标签： html5

于 2022-08-17 19:05:56 首次发布

本文链接：https://blog.csdn.net/weixin_52385232/article/details/126391886

版权

HTML 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

HTML概述

1. 什么是HTML？怎么开发HTML？怎么运行HTML？

4.1 节点的类型，按照大小关系分类如下：

5. HTML是谁制定的？

5.1 W3C制定了很多规范：

5.2 为了方便中国web前端程序员的开发，提供大量的帮助文档。为开发提供方便。

6. HTML的有关资料(源码、笔记、开发工具、帮助文档、思维导图)

HTML概述

1. 什么是HTML？怎么开发HTML？怎么运行HTML？

HTML: Hyper Text Markup Language （超文本标记语言）
由大量的标签组成，每一个标签都有开始标签和结束标签。

<标签>
<标签>
<标签属性名="属性值" 属性名="属性值">
</标签>
</标签>
</标签>

超文本: 流媒体、图片、声音、视频....
HTML开发的时候使用普通的文本编辑器就行，创建的文件扩展名是.html或者.htm
HTML也有专业的开发工具，例如：DreamWeaver、HBuilder.....
直接采用浏览器打开HTML文件就是运行。

2. HTML 标签

HTML 标签（tag or label）其实也叫标记（markup），是由一对尖括号 <> 及标签名组成的。标签分为“起始标签”和“结束标签”两种，两者的标签名称是相同的，只是结束标签多了一个正斜杠“/”。所以标签就是尖括号+标签名，不包含起止标签所包裹的内容。

3. HTML 元素

HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。

开始标签	元素内容	结束标签
<p>	This is a paragraph	</p>
<a href="default.htm" >	This is a link	</a>
<br />

注释：开始标签常被称为开放标签（opening tag），结束标签常称为闭合标签（closing tag）。

3.1 HTML 元素语法

HTML 元素以开始标签起始
HTML 元素以结束标签终止
元素的内容是开始标签与结束标签之间的内容
某些 HTML 元素具有空内容（empty content）
空元素在开始标签中进行关闭（以开始标签的结束而结束）
大多数 HTML 元素可拥有属性

3.2 HTML 实例解释

<p> 元素：

<p>This is my first paragraph.</p>

这个 <p> 元素定义了 HTML 文档中的一个段落。

这个元素拥有一个开始标签 <p>，以及一个结束标签 </p>。

元素内容是：This is my first paragraph。

<body> 元素：

<body>
<p>This is my first paragraph.</p>
</body>

<body> 元素定义了 HTML 文档的主体。

这个元素拥有一个开始标签 <body>，以及一个结束标签 </body>。

元素内容是另一个 HTML 元素（p 元素）。

<html> 元素：

<html>

<body>
<p>This is my first paragraph.</p>
</body>

</html>

<html> 元素定义了整个 HTML 文档。

这个元素拥有一个开始标签 <html>，以及一个结束标签 </html>。

元素内容是另一个 HTML 元素（body 元素）。

4. HTML 节点

节点（node）是构成我们网页的最基本的组成部分，网页中的每一个部分都可以称为是一个节点。例如： html 元素、属性、文本、注释、标签、整个文档等都是一个节点。
一个html页面加载完成他会形成一个dom树，树上的每一个dom对象都是一个节点，可以理解为节点就是html中的标签对象，但不止是标签对象。