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

很多刚入门HTML5前端开发的小伙伴对HTML页面的基本机构代码还不是很清楚,下面和千锋广州小编一起来看看吧。 [转载出处:www.777y.com]

1、什么是标签: [转载出处:www.777y.com]

html标签组成是html文档的最基本元素,一般是成对出现,由开始标签和与其对应的结束标签构成.?如<html></html>,<p></p>,<body></body>,<head></head>,<span></span>等,此外,还有一些标签是单独出现的,如<img/>,<input/>等,标签可以相互嵌套使用。

由于html语言是一门弱类型语言,对格式的要求不是非常严格,因此所有标签是不区分大小写的,但是,一般在实际开发中,大家都统一使用小写。

2、html文档的基本结构

如上图,每一个html文档的基本结构为:

HTML5前端开发入门:HTML页面的基本代码结构是什么?


第一层:

<!DOCTTYPE>------!文档类型,它的目的是要告诉标准通用标记语言解析器,它应该使用什么样的文档类型定义(DTD)来解析文档,在html5文档中,一般写为<!DOCTTYPE html> ;值得注意的是,<!DOCTTYPE>不属于html标签。

<html></html>-------html标签,是html文档的根标签,所有的网页标签都放在这对标签中,是所有html标签的祖先容器。

第二层:

<head></head>-------头部标签,代表着html文档的头信息,是所有头部元素的容器,内部一般包含:<title> <script><style><meta><link>这些头部元素。

<body></body>-------网页主体标签,其内部主要包含着构成网页内容的一些元素,如<p></p>,<span></span>,<div></div>,<table></table>等。这些元素都会在网页的内容部分显示。

3、标签的属性

就如人有这身高、体重、年龄等这些属性一样,html标签也有自己的属性,如字体颜色,宽,高,背景等。这些属性一般通过键值对的形式卸载标签中,是标签的一部分,并且每种标签的属性都不完全像同,有的标签有着自己特有的属性。如下图所示:

HTML5前端开发入门:HTML页面的基本代码结构是什么?


4、html注释

在实际开发中,我们需要在html文档中做一些标记,方便日后对代码的维护及修改,也方便其他程序员了解我们的代码。而在html文档中,注释的格式为:

HTML5前端开发入门:HTML页面的基本代码结构是什么?


我们可以理解为,html中,标签元素是给计算机读的,为注释是给程序员看的。


自媒体微信号:777y扫描二维码关注公众号
爱八卦,爱爆料。
小编推荐
  1. NO.1 盘点只有老司机才听过的英雄台词,孙尚香和芈

    上次猫叔收集了一些霸气的英雄台词 受到了老铁们的喜欢 虽然你们没有直说 但是从你们积极的后台留言当中 猫叔 就可以看出来 以后有什么你们想

  2. NO.2 香甜软糯中透着阵阵肉香,可把人馋坏了!

    香甜软糯的板栗既是厚味的小零嘴,同时也是入菜的好搭配。今天分享一道应季的厚味佳肴,把板栗、南瓜等食材和排骨一路烧制,给浓烈的肉香增

  3. NO.3 撩妹竟然一不小心撩到亲妈,人生啊…都是坑…

    地铁有多挤 腋来香 给孩子报情趣班的用处 养儿千日,用儿一时 切克闹 生成自带锅盖头 宠物店里的野蛮总裁 四郎:导演,选这位阿姨来敷衍朕合适

  4. NO.4 “美国队长误发私密照在网上之后...” 哈哈哈哈我被网友的回复笑到干呕!

    八卦让人快乐加倍 吃瓜使人容光焕发 这两天引爆内外网的一大话题 莫过于咱的 美国队长 . . . . . . 因为 不小心泄了手机里存的果照 让国外网友们整

  5. NO.5 啪啪时女票超能夹紧是什么感觉?

    从前有个人,人称3X哥。X哥爱污漫,一画不吃饭,天天开火车,呜呜呜呜呜,呆萌爱搞笑,逗比又好色。既爱啪啪啪,也爱么么哒,键盘遥控器,榴

  6. NO.6 “你有H色网站吗?”深夜收到私密请求,想看片倒不如实际操作下吧

    01 如何找到黄色网站 连个黄色网站都没有了 我留你什么用 02 内衣区 小时候不敢看,长大了巴不得天天看 03 跟你妈妈保密哦! 突然对自己的身世感

  7. NO.7 抖音十大女网红排行榜,吴佳煜、fox严谨目前都很火

    越来越多悦目的女生在抖音这个平台上发布他们的短视频,个中不乏有才有有颜的女生,下面,就快和360常识网一路认识抖音十大女网红排行榜吧!

  8. NO.8 ipad有几个型号,2020年最值得入手的四款ipad

    苹果公司上周推出了其最新的入门级平板电脑,2017款iPad。相信好多同伙已经对苹果的产物线晕头转向了,究竟我应该买哪款iPad更划算呢?究竟哪款

Copyright2018.七云自媒体资讯站,让大家及时掌握各行各业第一手资讯新闻!