掌握网页代码基本格式(HTML页面的基本代码结构是什么?)
很多刚入门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中,标签元素是给计算机读的,为注释是给程序员看的 。
【掌握网页代码基本格式(HTML页面的基本代码结构是什么?)】
- 程序员自编代码偷原公司钱 被捕时咬伤辅警终获刑
- 小恒钱包:怎样掌握6大财富“技能”
- 2021秋冬女装款式流行趋势 提前掌握秋冬潮款
- 低代码风起,平台化和生态化支撑厂商规模化发展
- 2022大牌秀场抢先看 提前掌握流行元素
- 粤料中秋假期以自驾游为主 部分路段用“智慧监控”掌握交通
- 俄罗斯称已掌握大量美国干扰俄大选证据
- 仙人掌视频地址永久入口网页破解版能看吗
- 三叶草欧洲码和亚洲码网页版点此进入
- 拍贷利息高吗?掌握方法享受低利息借款