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

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

1、什么是标签: [本文来自:www.11jj.com]

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

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

2、html文档的基本结构

如上图,每一个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标签也有自己的属性,如字体颜色,宽,高,背景等。这些属性一般通过键值对的形式卸载标签中,是标签的一部分,并且每种标签的属性都不完全像同,有的标签有着自己特有的属性。如下图所示:

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


4、html注释

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

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


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


自媒体 微信号:11jj 扫描二维码关注公众号
爱八卦,爱爆料。

小编推荐

  1. 1

    内江公需科目继续教育登录入口官网(内江市公需科目考试网)

    大家好,小美今天来为大家解答内江公需科目继续教育登录入口官网以下问题,内江市公需科目考试网很多人还不知道,现在让我们一起来看看吧!

  2. 2

    第四门八门遁甲(八门遁甲第四门叫什么)

    大家好,小乐今天来为大家解答第四门八门遁甲以下问题,八门遁甲第四门叫什么很多人还不知道,现在让我们一起来看看吧!1、八门遁甲中的第四

  3. 3

    毫无底线,永久封禁!8人全部获刑

    为了流量,毫无底线编造“怙恃双亡”人设骗取网友同情和爱心卖的居然照样假货……近日拥有近400万粉丝的主播“凉山孟阳”及其团伙等8人均获刑

  4. 4

    左边绿右边红左右相遇起凉风打一字(左边绿,右边红相遇起凉风,(打一字))

    大家好,小丽今天来为大家解答左边绿右边红左右相遇起凉风打一字以下问题,左边绿,右边红相遇起凉风,(打一字)很多人还不知道,现在让我们一起

  5. 5

    提高语文成绩的办法有哪些(提高语文成绩具体措施)

    大家好,小美今天来为大家解答提高语文成绩的办法有哪些以下问题,提高语文成绩具体措施很多人还不知道,现在让我们一起来看看吧!1、快速提

  6. 6

    葡语还在让你心累 ?

  7. 7

    女生网名可爱超萌清新2字(网名2021最新版的女生可爱2字)

    大家好,小豪今天来为大家解答女生网名可爱超萌清新2字以下问题,网名2021最新版的女生可爱2字很多人还不知道,现在让我们一起来看看吧!1、漠

  8. 8

    常识积累:刑法之自首

    小伙伴们,下昼好今天给人人带来的常识相关考点是【刑法之自首】供人人储蓄进修一、概念。  自首是指犯罪后主动投案,向公安、司法机关或

Copyright 2024.依依自媒体,让大家了解更多图文资讯!