html-05 标签关系

在HTML页面中,带有“<>”符号的元素被称为HTML标签,如上面提到的<HTML>、<head>、<body>都是HTML骨架结构标签。所谓标签就是放在“<>”标签符中表示某个功能的编码命令,也称为HTML标签或HTML元素。

标签的分类

1.双标签

<标签名>内容</标签名>

该语法中“标签名>”表示该标签的作用开始,一般称为“开始标签(start tag)",“</标签名>”表示该标签的作用结束,一般称为“结束标签(endtag)"。和开始标签相比,结束标签只是在前面加了一个关闭符"”。比如:

<body>我是文字</body>

2.单标签

<标签名 />

单标签(非常少)也称空标签,是指用一个标签符号即可完整地描述某个功能的标签。比如:

<br />
 

标签的关系

标签的相互关系就分为两种:

1. 嵌套关系(父子关系)

<html>
    <head>
    </head>
</html>

2. 并列关系

<head></head>
<body></body>

注意:HTML中只有这两种关系,不存在其他花里胡哨的关系,比如下面这个写法是错误的:

<head><title></head></title>

Trick: 在sublime中快速补全html框架:

1. 按Ctrl+Shift+P打开命令面板,输入install,鼠标点击下面出来的Package Control:Install Package

2. 再点击后稍微等一等,在弹出的输入框里,输入Emmet,如果没有弹出输入框,重复第一步。

3. 在安装时,会自动打开配置文件,不用管。稍等直到sublime最下面的状态栏没有“wait”

4. 在新的html文件中(文件拓展名必须是html),输入:

html:5 或者 !

再按Tab键即可补全

5. 右键选择在浏览器中打开。(如果发现浏览器显示不正确,那只能说明你没保存)

原文地址:https://www.cnblogs.com/thewaytotheway/p/10051128.html