Web前端开发笔记——第二章 HTML语言第一节标签元素属性

Posted 2021-09-06 晚风(●•σ )

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Web前端开发笔记——第二章 HTML语言第一节标签元素属性相关的知识，希望对你有一定的参考价值。

一、什么是html？

HTML语言，即超文本标记语言，是来制作网页页面的语言，对网页的内容进行编写，决定了网页的结构，可以通过编写HTML并打开浏览器进行解析，另外在敲代码时不区分大小写。

二、标签

（一）标签、元素的定义

我们把HTML标记的文字或者图片称为标签，它是由尖括号"<>"包围标签的名称而成的，即尖括号之间是标签的名称。
标签分为开始标签和结束标签，它们是成对出现的，开始标签和结束标签之间是内容，标签和内容一起就叫做元素，我们称其为HTML的一个元素。

比如上面这个元素的开始标签名称为title，结束标签为/title，其内容是教学管理信息服务平台。

（二）标签的嵌套

标签可以嵌套，但要注意外层标签要完全包含内层标签这样才是正确的标签嵌套关系。比如< A >< B >< /B >< /A >中，标签A中就完全嵌套了标签B；下图的< header >和< /header >也是嵌套了其它的标签：

（三）标签的属性

除了给标签加上标签名称外，还可以给标签加上相应的属性，在标签的名称后面跟属性名称，通过赋值符号"="，来对属性进行赋值。
属性可以有多个，多个属性之间用空格隔开区分，且多个属性的先后顺序是没有关系的，不影响结果。

例如上图的< input type=“hidden” id=“sessionUserKey” value=“193001060112” >中，其标签名为input，它有三个属性，分别为属性1：type、属性2：id、属性3：value，同时其双引号中代表其不同属性对应的不同值1、值2、值3。

（四）父元素、子元素、兄弟元素

父元素、子元素、兄弟元素很容易理解，我们通过以下html语言来讲解，如下：

<html>
	<head>
	...
	</head>
	<body>
	...
	</body>
</html>

这里的< head > < /head >和< body > < /body >都在< html >和< /html >之间并同级存在，称为兄弟元素，且它们都是子元素被父元素即最外层的< html >和< /html >包围。

三、HTML DOM树

<html>
	<head>
	...
	</head>
	<body>
	...
	</body>
</html>

HTML可以用文档对象模型（DOM）来描述，可以将其转换成下图的一个模型：

结语

以上就是本次全部内容，篇幅较长，感谢您的阅读和支持，若有表述或代码中有不当之处，望指出！您的指出和建议能给作者带来很大的动力！！！

以上是关于Web前端开发笔记——第二章 HTML语言第一节标签元素属性的主要内容，如果未能解决你的问题，请参考以下文章

Web前端开发笔记——第三章 CSS语言第一节 CSS的基本概念和样式表

Web前端开发笔记——第四章 JavaScript程序设计第一节输出数据

Web前端开发笔记——第二章 HTML语言第七节表格标签

Web前端开发笔记——第二章 HTML语言第五节图像标签

Web前端开发笔记——第二章 HTML语言第二节基本标签

Web前端开发笔记——第二章 HTML语言第六节区域标签列表标签

Web前端开发笔记——第二章 HTML语言 第一节 标签元素属性

目录