在线客服
扫描二维码
下载博学谷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前端工程师的薪资待遇怎么样？工资有多少?
相关推荐 更多
前端开发之input标签的type属性
在前端开发中必然会涉及到用户交互功能的开发，例如注册登录、评论等等。只要涉及到用户录入信息的过程，我们都要用到input标签。本文就主要问大家介绍一下input标签的type属性。
19961
2019-11-20 18:37:40
前端基础JavaScrip书籍推荐
相信对前端稍微有一些了解的人，都知道学习前端的三大基础，即HTML、CSS和JavaScrip，今天我们要讲的就是JavaScrip。关于JavaScript要学的内容是在太多了，尤其对于编程零基础的学习者来讲，学起来并不友好。因此本文将推荐给大家一些JavaScrip入门的书籍，大家可以先了解一些基础的语法知识，以打好Javascript能做一些的基础。
7755
2020-04-24 11:16:31
HTML入门实操4例子
在没有任何辅助工具基础上，本次通过实操来完成4个例子。首先建立一个文本文档（.txt后缀），然后打开后把下面例子一个一个粘贴到文档里保存关闭，把文档后缀改成.html,双击即可自动打开浏览器预览。
6808
2020-06-22 16:38:22
前端开发与网站运营有什么关系
经历过前端面试求职过程的小伙伴都会发现，很多企业招聘前端开发工程师时都会要求掌握网站优化技巧，了解SEO（搜索引擎优化）技术。作为一个开发人员，为什么还要掌握网站运营相关的技术呢？前端开发与网站运营有什么关系？
7186
2020-08-07 10:19:19
Ant Design Mobile 5.6.0版本来了
Ant Design Mobile（ 官网地址：https://mobile.ant.design/zh ） 是由支付宝设计团队基于蚂蚁集团的众多业务实践，亿万用户的验证反馈，抽象构建出的移动端资产库。希望可以帮助设计师们脑海中的 idea 轻松转变为自然好用的设计，给用户更真实自然的体验。
6002
2022-08-26 18:02:25
