一、什么是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前端开发笔记——第二章 HTML语言第九节框架标签、脚本标签
目录一.框架标签 (一)显示目标页面 (二)规定大小的框架 (三)规定边框的框架二.脚本标签结语一.框架标签 (一)显示目标页面 <iframe></iframe>标签 ...
Web前端开发笔记——第二章 HTML语言第四节超链接标签
目录前言一.超链接标签 (一)链接其它子网页 (二)链接其它站点 (三)虚拟超链接二.从当前页面链接到指定位置三.链接的访问情况四.在新窗口中打开链接例题结语前言本节介绍超链接标签即 ...
Web前端开发笔记——第二章 HTML语言第六节区域标签、列表标签
目录一.区域标签 (一)div标签的定义 (二)div标签的属性二.列表标签 (一)列表标签的定义 (二)列表标签的类型 1.有序列表 (1)有序列表的定义 (2)有序列表的属性 2.无序列表 ( ...
Web前端开发笔记——第二章 HTML语言第二节基本标签
目录前言一.标题标签二.段落标签和段内换行三.预留格式标签四.行内组合标签五.水平线标签六.注释标签七.空格字符例题(创建一个网页) 结语前言本节主要讲解HTML的一些基本标签. ...
Web前端开发笔记——第二章 HTML语言第三节文本格式化标签
目录前言一.文本加粗.斜体标签二.文本字体缩小.放大标签三.文本下标.上标标签四.文本下划线.删除线标签五.双引号字符结语前言这里主要介绍对html语言中对文本的处理. 一.文本加粗 ...
Web前端开发笔记——第二章 HTML语言第十一节语义标签
目录一.语义标签的定义二.头部标签.底部标签三.导航栏标签四.内容栏标签.区段标签五.其它内容标签六.< figure > 和 < figcaption >标结语 ...
Web前端开发笔记——第二章 HTML语言第十节画布标签、音视频标签
目录一.画布标签二.音视频标签 (一)音频标签 (二)视频标签 (三)资源标签结语一.画布标签 <canvas> </canvas> 画布标签用于图形.字符等的绘制,它 ...
Web前端开发笔记——第二章 HTML语言第八节表单标签
目录一.表单的定义二.输入标签 (一)文本框和密码框 (二)提交按钮和重置按钮 (三)数值选项菜单 (四)滑动条 (五)搜索框 (六)input标签的其它type属性 (七)单选框和复选框 (八) ...
Web前端开发笔记——第二章 HTML语言第七节表格标签
目录一.表格标签的定义二.表格标签的属性 (一)边框属性 (二)单元格属性三.表格标签的表头表头属性四.表格标签的标题五.表格标签的嵌套结语一.表格标签的定义在html中,表格标签表 ...

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

目录

一、什么是HTML？

二、标签

（一）标签、元素的定义

（二）标签的嵌套

（三）标签的属性

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

三、HTML DOM树

结语

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

最新文章

热门文章

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

目录

一、什么是HTML？

二、标签

（一）标签、元素的定义

（二）标签的嵌套

（三）标签的属性

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

三、HTML DOM树

结语

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

最新文章

热门文章

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

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