目录

  • 一、什么是HTML?
  • 二、标签
  • (一)标签、元素的定义
  • (二)标签的嵌套
  • (三)标签的属性
  • (四)父元素、子元素、兄弟元素
  • 三、HTML DOM树
  • 结语



一、什么是HTML?

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

二、标签

(一)标签、元素的定义

我们把HTML标记的文字或者图片称为标签,它是由尖括号"<>"包围标签的名称而成的,即尖括号之间是标签的名称。

标签分为开始标签结束标签,它们是成对出现的,开始标签和结束标签之间是内容,标签和内容一起就叫做元素,我们称其为HTML的一个元素

html5 标签元素周期表 html元素和标签_Web前端开发


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

(二)标签的嵌套

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

html5 标签元素周期表 html元素和标签_html_02

(三)标签的属性

除了给标签加上标签名称外,还可以给标签加上相应的属性,在标签的名称后面跟属性名称,通过赋值符号"=",来对属性进行赋值

属性可以有多个,多个属性之间用空格隔开区分,且多个属性的先后顺序是没有关系的,不影响结果。

html5 标签元素周期表 html元素和标签_web development_03


例如上图的< 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)来描述,可以将其转换成下图的一个模型:

html5 标签元素周期表 html元素和标签_web development_04


结语

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