HTML(Hyper Text Markup Language):“超文本标记语言”。是用来描述网页的一种语言。之所以称之为超文本,是因为它可以加入图片、声音、动画、多媒体等内容,不仅如此,它还可以实现文件之间的跳转。
注意:HTML不是一种编程语言,而是一种标记语言!通过一套标记标签 (markup tag)来实现。
总结:HTML 作用就是用标记标签来描述网页,把网页内容在浏览器中展示出来。
HTML基本框架格式
众所周知,在写书信时,我们有一套需要遵循的行文规定。同理,HTML 也有自己的语言语法框架格式:
:文档类型,用于解释HTML使用版本(目前共有五个版本,现在使用的一般都是html5)。
指的就是html5,若不指定文档类型,大部分浏览器都按自己的方式来处理网页代码,可能会导致css样式无法正常显示且JavaScript代码无法正常运行。
:文档的头部,所有HTML中标签的一个根节点,描述了文档的各种属性和信息,包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者看。
:文档的标题,必须要设置,它会出现在浏览器的标题栏中。作用:让页面拥有一个属于自己的标题。主要用于告诉用户和搜索引擎这个网页的主要内容是什么,搜索引擎可以通过网页标题,迅速的判断出网页的主题。每个网页的内容都是不同的,因此每个网页都应该拥有一个独一无二的title。
/**举个栗子**/
:元信息标记,一般用来定义页面信息的说明、关键字、刷新等,其中的内容一般不会显示在网页中。
charset="utf-8":定义字符集为国际通用形式。
:文档的主体,之后我们的页面内容基本都是放到body里面的,body 元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等等。)
HTML标签分类
在HTML页面中,带有“< >”符号的元素被称为HTML标签,如上面提到的 、、都是HTML骨架结构标签。所谓标签就是放在“< >” 标签符中表示某个功能的编码命令,也称为HTML标签或 HTML元素
1.双标签
语法: 内容
该语法中“”表示该标签的作用开始,一般称为“开始标签(start tag)”,“” 表示该标签的作用结束,一般称为“结束标签(end tag)”。和开始标签相比,结束标签只是在前面加了一个关闭符“/”。
比如 :啦啦啦啦啦~~~
2.单标签
单标签也称空标签,是指用一个标签符号即可完整地描述某个功能的标签。
比如
HTML标签关系
标签的相互关系就分为两种:
1.嵌套关系(相当于父子关系)
2.并列关系(相当于兄弟关系)
更多前端知识请关注公众号:“web进阶乐园”
领取专属 10元无门槛券
私享最新 技术干货