HTML页面的基本代码结构是什么？

1、什么是标签：

html标签组成是html文档的最基本元素,一般是成对出现,由开始标签和与其对应的结束标签构成.?如，

，，，等,此外，还有一些标签是单独出现的，如 ,等，标签可以相互嵌套使用。

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

2、html文档的基本结构

如上图，每一个html文档的基本结构为：

第一层：

<!DOCTTYPE>------！文档类型，它的目的是要告诉标准通用标记语言解析器，它应该使用什么样的文档类型定义（DTD）来解析文档，在html5文档中，一般写为<!DOCTTYPE html> ;值得注意的是，<!DOCTTYPE>不属于html标签。 -------html标签，是html文档的根标签，所有的网页标签都放在这对标签中，是所有html标签的祖先容器。

第二层：

-------头部标签，代表着html文档的头信息，是所有头部元素的容器，内部一般包含： -------网页主体标签，其内部主要包含着构成网页内容的一些元素，如 , , , 等。这些元素都会在网页的内容部分显示。

3、标签的属性

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

4、html注释

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

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

以上就是HTML页面的基本代码结构是什么？的详细内容，

非常感谢！

请你喝杯茶记得三连哦～

1.阅读完记得给点个赞哦，有赞有动力

2.关注公众号前端留学生，陪你聊聊前端的趣事

HTML页面的基本代码结构是什么？相关推荐

9.JSP运行原理与JSP页面的基本结构
JSP运行原理与JSP页面的基本结构 HTML页面的基本构成 .代码中出现的几种标签 •单标签某些标签只需单独使用就能完整地表达意思,控制网页效果,这类标签的语法是: <标签> ...
javascrit开发的基本代码结构的
今天看到群里一个demo,简单看了一下. 然后自己就写了一个通用的javascrit开发的基本代码结构的js文件.代码如下: (function($,win){//定义全局变量对象var obj={} ...
JSP页面的基本结构
一个JSP页面是通过在HTML标签的基础上嵌入JSP动作和指令.CSS.Java变量和方法.其他脚本元素等组成的. 以下通过一个JSP实例来了解JSP页面的基本语法构成. <%@page con ...
SpringBoot+Jquery+jsTree实现页面树型结构
场景效果 jstree官网 https://www.jstree.com/ 实现引用CSS样式使用cdn或者将其下载 <link rel="stylesheet" hr ...
结合html和css制作页面的布局结构,CSS Div网页布局中的结构与表现
在Web标准中一个很重要的概念就是强调页面的结构与表现分离.说的通俗一点就是XHTML中应该没有样式化的东西,而且Web在浏览器中除内容外都应该由CSS表现,这包括布局与其它样式.一旦一个标准的XHT ...
前端学习（1995）vue之电商管理系统电商系统之添加页面的基本结构
目录结构 router.js import Vue from 'vue' import Router from 'vue-router' import Login from './components ...
html页面信息属于结构化数据,网页结构化数据的信息提取方法与流程
本发明属于网络信息处理领域,尤其涉及一种网页结构化数据的信息提取方法. 背景技术: 互联网的迅速发展带来了信息的爆炸式增长,Web己经发展为一个巨大的信息仓库,成为日益重要和最具潜力的全球信息传递与共 ...
html图标页面横向居中,结构-行为-样式-csshtml横纵居中最佳实践
最近在做手机端的H5项目,有个标题是在一根横线中的,就是水平居中加垂直居中(如图一).这应该是前端开发中经常遇到的一个场景了,做的次数多了就有一些体会,我今天就总结了下这种结构的实现思路:首先,用元素 ...
前端页面实现树形结构
树形结构的实现第一步导入js 下载地址:https://codeload.github.com/vakata/jstree/legacy.zip/3.3.4 记得引到用到的页面 HTML代码 < ...

HTML页面的基本代码结构是什么？

HTML页面的基本代码结构是什么？相关推荐

最新文章

热门文章