在线客服
扫描二维码
下载博学谷APP
扫描二维码
关注博学谷微信公众号
计算与语言与学习外语相同，都要首先掌握它的基本语法和规则。HTML作为入门互联网最基本的开发语言之一，是每一位互联网技术人员都需要掌握的技术，尤其是前端开发工程师。对于初学者而言，HTML都有哪些基本标签。这些标签分别有哪些作用呢？
HTML文档基本格式主要包含<!doctype>文档类型声明、<html>根标记、<head>头部标记和<body>主题标记四个主要的基本格式。
1、<!doctype>
<!doctype>位于文档的最前面。主要是向浏览器说明当前文档使用哪种HTML或者XHTML标准规范。网页必须有<!doctype>标签开头，只有这样浏览器才能将网页作为有效的HTML文档，并按指定的文档类型进行解析。如果没有<!doctype>标记，浏览器会根据默认的形式展现页面，甚至无法正常解析页面。
2、<html>
<html>是根标记，一般位于<!doctype>标记之后，它的作用是告诉浏览器自身是一个HTML文档，<html></html>是成对出现的，位于整个代码的开端和结尾。文档的具体内容包括头部以及主体部分都在<html></html>之间。
3、<head>
<head>标记主要是注明HTML文档的头部信息，头部标记主要用来封装其他位于文档头部的标记，例如<title>用来描述文档的标题、坐着以及其他文档的关系。需要注意的是，一个HTML文档只能包含一对<head>标记。在页面展示时，其内容并非直接作为页面内容展现在页面中。
4、<body>
<body>是HTML文档的主体部分，是页面为用户展示的内容。浏览器中显示所有的文本、图像、音频视频等信息都是位于<body>标签之内。和<head>标签一样，同一个HTML文档中也只能包含一组<body>标签。<body>标签一般位于<head>标签之后，并且两者是并列关系。
有了这几个标签之后，一个完整的HTML文档框架就已经搭建完成，然后根据自己实际开发需求，填充相应的内容就可以完成一个页面的开发。其中一定要注意的是，在HTML中几乎所有的标签都是成对出现的，仅仅部分特殊标记可以单独存在。学习HTML开发仅仅是前端开发和互联网技术的开端。如果大家想学习更多的前端和其他互联网技术，可以直接通过博学谷选择适合自己的免费课程或者收费优质课程。参加在线就业班可以系统的学习某个方向的技术，实现自己的高薪就业。
— 申请免费试学名额 —
在职想转行提升，担心学不会？根据个人情况规划学习路线，闯关式自适应学习模式保证学习效果
讲师一对一辅导，在线答疑解惑，指导就业！
上一篇：
前端关于ES6的面试题汇总含答案
下一篇：
Web前端工程师的薪资待遇怎么样？工资有多少?
相关推荐 更多
Web前端知识点之HTML规范
本文就标签规则，标签语义化，属性规则，属性顺序和布尔属性五个方面，带大家梳理一下Web前端知识点之HTML规范。
6383
2019-07-29 14:16:46
HTML5开发工具哪个好?前端必备工具推荐
HTML5作为前端开发中十分重要的部分，深受前端工程师的喜爱和欢迎。都说工欲善其事必先利其器。想要更好的完成在HTML5开发，好用的工具少不了。下面给大家推荐10款前端必备的HTML5开发工具，它们分别是Lungo、Animatron、DCloudHBuilder、mobl、Initializr、WebStorm、Notepad++、Dreamweaver、Eclipse和DevExtreme。
5872
2019-10-09 19:10:15
为什么网站开发要重点考量浏览器兼容性？
作为前端开发工程师，在开发过程中不仅仅要考虑到移动端、小程序、APP等平台及产品，单单在PC端还要考虑各种浏览器的兼容性。为什么同样是浏览器，同样的产品展示的时候回出现不同的效果呢？除了每个浏览器本身开发架构不同之外，主要原因就是浏览器使用的内核不同。
6365
2019-12-03 18:51:40
前端开发就业方向有哪些？
前端开发就业方向有哪些？为什么要学习前端开发？学完前端开发能很快找到工作吗？对于0基础想要入行互联网的同学们而言，Web前端因为其简单易学，应用广泛的特性，成为同学们的首选。下面我们就一起了解一下前端开发就业方向都有哪些吧！
5220
2020-08-07 10:15:29
学Web前端和测试哪个好？门槛低？
有不少人在转换工作时很迷茫，不知道学习什么又担心自己入错行。Web前端和软件测试都是不错的专业, 从市场行情来看工作岗位比较多, 各有各特色优势。web前端相当于是半个程序员，测试门槛比较低学起来简单些。
5160
2021-04-01 15:43:58
