在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. 右键选择在浏览器中打开。(如果发现浏览器显示不正确,那只能说明你没保存)