前端学习之HTML基本标签介绍

计算与语言与学习外语相同，都要首先掌握它的基本语法和规则。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>标签之后，并且两者是并列关系。

小编是一个有着5年工作经验的架构师，关于web前端，自己有做材料的整合，一个完整学习web前端的路线，学习材料和工具。需要的伙伴可以私信我，免费送给大家。对于学习web前端有任何问题（学习方法，学习效率，如何就业）都可以问我。希望你也能凭自己的努力，成为下一个优秀的程序员！
有了这几个标签之后，一个完整的HTML文档框架就已经搭建完成，然后根据自己实际开发需求，填充相应的内容就可以完成一个页面的开发。其中一定要注意的是，在HTML中几乎所有的标签都是成对出现的，仅仅部分特殊标记可以单独存在。学习HTML开发仅仅是前端开发和互联网技术的开端。

前端学习之HTML基本标签介绍相关推荐

2013年7月28日web前端学习笔记-------head相关标签应用
7月份快过完了.趁周日写写学过觉得有用的东西. 1.缩略图的展示问题,不要以为缩略图设置了width,height,就是缩略图了.比如一个300kb的500*500原始图片,用户请求web服务器后,展 ...
从0开始html前端页面开发_HTML各标签介绍
<BODY> body 元素是定义文档的主体.body 元素包含文档的所有内容(比如文本.超链接.图像.表格和列表等等.)body是用在网页中的一种HTML标签,标签是用在网页中的一种HT ...
【前端学习】前端学习第二天:图片标签、音频标签及视频标签的用法说明
一.图片标签在介绍图片标签之前,首先可以了解一下图片的格式. 1.jpeg(jpg):支持的颜色比较丰富,不支持透明效果,不支持动图: 2.gif:支持的颜色比较少,支持简单透明,支持动图: 3.p ...
前端学习——HTML的各种标签（以及代码样例）
html标题head标签:快捷键h+8(快捷键中的数字键是大键盘上的数字键,不是小键盘的) 1:打开网页出现乱码时,在head标签中加<meta charset="utf-8" ...
从零开始前端学习[50]:js操作标签属性,读写属性标签
js操作标签属性标签属性 js下操作标签属性提示: 博主:章飞_906285288 博客地址:http://blog.csdn.net/qq_29924041 前端的一些标签属性标签属性:通俗的 ...
前端学习笔记day01 html 标签之音频 embed+audio+video
1. embed标签有时候视频很大,我们不直接从本地导入到html中,而是从优酷上直接复制html代码即可: 2. 如果是一些小的视频文件可以借助video标签 2.1 <video sr ...
前端学习笔记day47 其他标签
1. 其他标签标签的属性都是属性名=属性值的形式: 每一个标签都有三个基本属性 id="" (表示该标签的唯一标识,不能重复) class="" styl ...
前端学习笔记-html-列表标签
列表标签容器里面装载着文字或图表的一种形式,叫列表. 列表最大的特点就是整齐 .整洁. 有序无序列表 ul (重点) 无序列表的各个列表项之间没有顺序级别之分,是并列的.其基本语法格式如下: & ...
前端学习（1058）:面向对象介绍

前端学习之HTML基本标签介绍

前端学习之HTML基本标签介绍相关推荐

最新文章

热门文章