在线客服
扫描二维码
下载博学谷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前端求职必备 常见前端面试题汇总（二）
一般情况下web前端面试的时候并不会设计特别复杂的问题。但是依旧有很多同学在比较基础的问题上栽了跟头。所以小编结合多套面试题，为大家整理出8个虽然简单面试题，即将面试或者正在面试的小伙伴速度参考一下，别让小问题组织了你高薪的步伐。
9154
2019-06-28 18:29:15
前端还能火几年？做前端有前途吗？
前端在前几年里有了飞速的发展，因此前端技术也逐渐变得成熟。但是相对稳定的前端技术，却让一些人担忧：前端还能火多久？可以这么说，只要IT行业还在发展，前端技术的需求就永远存在，不存在什么唱衰的说法。而且前端技术即将进入迭代优化阶段，在未来中高端的前端人才会更加缺乏。
9595
2019-09-29 16:57:16
十个实用的CSS代码技巧整理
为了让大家高效率的进行工作，本文归纳总结了十个实用的CSS代码技巧，希望对大家能有所帮助。简单来说，这十大技巧分别是注意外边距折叠，使用flex进行布局，所有元素设置为Border-box，重置元素的CSS样式，使用transform属性来创建动画，短横线命名，不要使用!important，使用AutoPrefixer达到更好的兼容性，Caniuse和验证。
7391
2019-11-10 14:57:03
H5前端开发主要做什么？从事的前端岗位？
html5前端技术集合开发岗位，会用到html5、CSS3以及JS前端技术；h5即HTML5，描述网页的标准语言，html5是属于前端开发的一部分。可以胜任企业的WEB前端开发工程师、H5 APP开发工程师、微信小程序开发工程师。
12034
2020-11-23 16:40:24
学Web前端和测试哪个好？门槛低？
有不少人在转换工作时很迷茫，不知道学习什么又担心自己入错行。Web前端和软件测试都是不错的专业, 从市场行情来看工作岗位比较多, 各有各特色优势。web前端相当于是半个程序员，测试门槛比较低学起来简单些。
8320
2021-04-01 15:43:58
