HTML页面的基本代码结构是什么? 掌握网页代码基本格式

很多刚入门HTML5前端开发的小伙伴对HTML页面的根本机构代码还不是很清晰,下面和千锋广州小编一起来看看吧 。
【HTML页面的基本代码结构是什么? 掌握网页代码基本格式】1、什么是标签:
html标签组成是html文档的最根本元素,一般是成对涌现,由开端标签和与其对应的停止标签构成.?如<html></html>,<p></p>,<body></body>,<head></head>,<span></span>等,此外,还有一些标签是单独涌现的,如<img/>,<input/>等,标签可以相互嵌套应用 。
由于html语言是一门弱类型语言,对格局的请求不是非常严厉,因此所有标签是不区分大小写的,但是,一般在实际开发中,大家都统一应用小写 。
2、html文档的根本构造
如上图,每一个html文档的根本构造为:

HTML页面的基本代码结构是什么? 掌握网页代码基本格式

文章插图


第一层:
<!DOCTTYPE>------!文档类型,它的目标是要告知尺度通用标志语言解析器,它应当应用什么样的文档类型定义(DTD)来解析文档,在html5文档中,一般写为<!DOCTTYPE html&资源网gt; ;值得注意的是,<!DOCTTYPE>不属于html标签 。
<html></html>-------html标签,是html文档的根标签,所有的网页标签都放在这对标签中,是所有html标签的祖先容器 。
第二层:
<head></head>-------头部标签,代表着html文档的头信息,是所有头部元素的容器,内部一般包括:&资源网lt;title> <script><style><meta><link>这些头部元素 。
<body></body>-------网页主体标签,其内部重要包括着构成网页内容的一些元素,如<p></p>,<span></span>,<div></div>,<table></table>等 。这些元素都会在网页的内容部分显示 。
3、标签的属性
就如人有这身高、体重、年纪等这些属性一样,html标签也有自己的属性,如字体色彩,宽,高,背景等 。这些属性一般通过键值对的情势卸载标签中,是标签的一部分,并且每种标签的属性都不完整像同,有的标签有着自己特有的属性 。如下图所示:
HTML页面的基本代码结构是什么? 掌握网页代码基本格式

文章插图


4、html注释
在实际开发中,我们须要在html文档中做一些标志,便利日后对代码的保护及修正,也便利其他程序员懂得我们的代码 。而在html文档中,注释的格局为:
HTML页面的基本代码结构是什么? 掌握网页代码基本格式

文章插图


我们可以懂得为,html中,资源网标签元素是给盘算机读的,为注释是给程序员看的 。


    推荐阅读