掌握网页代码基本格式(HTML页面的基本代码结构是什么?)
2021-02-21 21:42:39老黄小舍
很多刚入门HTML5前端开发的小伙伴对HTML页面的基本机构代码还不是很清楚,下面和千锋广州小编一起来看看吧。
1、什么是标签:
html标签组成是html文档的最基本元素,一般是成对出现,由开始标签和与其对应的结束标签构成.?如<html></html>,<p></p>,<body></body>,<head></head>,<span></span>等,此外,还有一些标签是单独出现的,如<img/>,<input/>等,标签可以相互嵌套使用。
由于html语言是一门弱类型语言,对格式的要求不是非常严格,因此所有标签是不区分大小写的,但是,一般在实际开发中,大家都统一使用小写。
2、html文档的基本结构
如上图,每一个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标签也有自己的属性,如字体颜色,宽,高,背景等。这些属性一般通过键值对的形式卸载标签中,是标签的一部分,并且每种标签的属性都不完全像同,有的标签有着自己特有的属性。如下图所示:
4、html注释
在实际开发中,我们需要在html文档中做一些标记,方便日后对代码的维护及修改,也方便其他程序员了解我们的代码。而在html文档中,注释的格式为:
我们可以理解为,html中,标签元素是给计算机读的,为注释是给程序员看的。
热门推荐
- 顺遂是什么意思(人有“三懂”,一生顺遂)2021-02-26
- down什么意思(I am down表示什么意思?)2021-02-26
- 空调的1匹2匹啥意思(空调1匹、2匹到底指的是什么意思?)2021-02-26
- 迈腾多少钱(最低落地约15万元,大众迈腾购车价格调查)2021-02-26
- 年总结怎么写(2020年工作总结怎么写?)2021-02-26
- 宝马5系多少钱(新款宝马5系提车,落地66万)2021-02-26
- 网速慢怎么办(手把手教你家庭网络解决方案)2021-02-26
- 成都哪里好玩(成都9个必玩景点)2021-02-26
- 元宵节的传说(元宵节的来历你知道吗?)2021-02-26
- 企业文化是什么(如何在企业发挥作用?)2021-02-26
阅读排行
- 如何办理社保卡(办理社保卡需要什么东西?)
- 网店怎么开(开网店需要准备哪些东西呢?)
- 微信收藏怎么删除(微信收藏删除如何恢复?)
- 直男什么意思(直男和弯男是什么意思)
- 格式工厂怎么用(手把手教你用格式工厂)
- 专科可以考研吗(大专生也可以考研吗?有什么要求?)
- 招聘广告怎么写(如何撰写出超具吸引力的招聘广告)
- 炸鸡腿怎么做(炸鸡腿时,有人用淀粉,有人用面粉,教你正确做法)
- 水果沙拉怎么做(水果沙拉的十种做法)
- 桑葚怎么洗(吃桑葚前到底要不要洗?)
随机文章
- 姜汤怎么熬(煮姜汤加这5种“料”)
- 打耳洞疼吗(打耳洞需要注意的事项,你知道吗?)
- 凡士林是什么(凡士林到底怎么用?)
- 烂嘴角是怎么回事(烂嘴角是什么原因造成的)
- 杀青是什么意思(杀青有什么作用?)
- 什么是容积率(容积率高低有什么影响?)
- b股是什么意思(什么是A股、B股、H股、N股、s股?)
- 显卡温度多少是正常的(电脑的温度多少度才算是正常水平?)
- 美的吸尘器怎么样(美的吸尘器价格)
- 海南的省会是哪个城市(海南省知名度最高的城市)