Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >HTML页面的基本代码结构是什么?

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

原创
作者头像
用户8983410
修改于 2021-09-19 12:20:15
修改于 2021-09-19 12:20:15
1.3K0
举报

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页面的基本代码结构是什么?的详细内容

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
html基础
HTML简介 超文本标记语言(Hypertext Markup Language, HTML)是一种用于创建网页的标记语言。 本质上是浏览器可识别的规则,我们按照规则写网页,浏览器根据规则渲染我们的网页。对于不同的浏览器,对同一个标签可能会有不同的解释。(兼容性问题) 网页文件的扩展名:.html或.htm HTML是一种标记语言(markup language),它不是一种编程语言。 HTML使用标签来描述网页。 Web服务本质 浏览器发请求 --> HTTP协议 --> 服务端接收请求 --> 服务端返
人生不如戏
2018/04/12
9980
开心学前端(一):HTML、CSS入门(1)1.1 html概述及html文档基本结构1.2 html标签入门
HTML是 HyperText Mark-up Language 的首字母简写,意思是超文本标记语言,超文本指的是超链接,标记指的是标签,是一种用来制作网页的语言,这种语言由一个个的标签组成,用这种语言制作的文件保存的是一个文本文件,文件的扩展名为html或者htm。
Python之道
2018/08/02
9240
开心学前端(一):HTML、CSS入门(1)1.1 html概述及html文档基本结构1.2 html标签入门
HTML——学习笔记
HTML不是一种编程语言,它是一种超文本标记语言(Hyper Text Markup Language),标记语言是一套标记标签(Markup tag),浏览器通过HTML标记标签来构造描述我们访问的网页。
IMWeb前端团队
2019/12/03
1K0
HTML——学习笔记
【HTML5】html5开篇基础(1)
网页生成制作: 有前端人员书写 HTML 文件, 然后浏览器打开,就能看到了网页.
E绵绵
2024/09/24
4060
【HTML5】html5开篇基础(1)
HTML 简介
该文介绍了HTML的基本概念,包括HTML的定义、用途、基本结构、标签和元素等。同时,还介绍了HTML的一些常用属性和标签,以及HTML5的新特性。
静默虚空
2018/01/05
1.2K0
前端系列教学 - HTML基础
作为还在慢慢前端学习路上的一位自学者。我以写教程文章的方式来整理自己对于知识的理解,同时也希望能够把自己的理解作为一个分享。希望能够和大家共同进步,如有任何纰漏的话,希望大家多多指正。感谢万分!
罐装汽水Garrik
2018/05/23
7.4K4
前端系列教学 - HTML基础
「HTML」认识
请注意,本文编写于 2126 天前,最后修改于 174 天前,其中某些信息可能已经过时。
曼亚灿
2023/05/17
3350
「HTML」认识
从头学前端-HTML简介
网页基本都是通过浏览器访问;网页主要有图片,文字、链接、视音频等元素组成;使用不同的标签引入元素;最终生成的文件和展示的方式一般都是html或htm文件;
JQ实验室
2022/10/24
1.3K0
前端零基础入门:页面结构层HTML
HTML页面结构层HTML 分以下方面学习: HTML基础, HTML表格, HTML表单, 搭建网页结构
达达前端
2019/11/12
1.4K0
前端零基础入门:页面结构层HTML
HTML入门与进阶以及HTML5_html 菜鸟教程
HTML入门与进阶以及HTML5_html 菜鸟教程目录一、简介1、前端开发最核心技术(1)HTML是什么?(2)CSS(3)JavaScript2、前端开发其他技术二、基础内容1.基础总结2.HTML的基本标签(1)HTML标签(2)head标签(3)body标签3、段落与文字(一)、段落标签(二)、网页特殊符号(三)、自闭合标签(四)、块元素和行内元素(五)、练...
Java架构师必看
2022/05/10
4.4K0
HTML入门与进阶以及HTML5_html 菜鸟教程
前端HTML万字血书大总结,来看看你入门了吗?
    网页主要由文字、图像和超链接等元素构成。当然,除了这些元素,网页中还可以包含音频、视频以及Flash等。
上分如喝水
2021/08/16
1.7K0
前端HTML万字血书大总结,来看看你入门了吗?
前端开发基础教程-HTML教程和CSS教程
html是超文本标签语言,又可以说是超文本标记语言,是基本功。html发展历史跳过。
达达前端
2019/07/03
2.7K0
HTML学习笔记一
如上就是最简单的HTML文档内容,< html> 标签之间描述的代码内容就是描述网页(文档内容),< body>标签之间的文本代表可见的网页文档内容,< h1>代表一级标题,< p>代表一个内容段落
Mirror王宇阳
2020/11/13
2.8K0
HTML学习笔记一
php学习之初识html
1.什么是html html 是用来描述网页的一种语言 html 指的是超文本标记语言:HyperText Markup Language 超文本 就是网页上不仅仅有文本,还有图片、音乐、视频等 标记语言是一套标记标签(markup tag) 如:div、span、font等标记 html 使用标记标签来描述网页 html 文档包含了html标签和文本内容 html 文档也叫做 web 页面,是以.html结尾的文件 html 的主要目的:通过一系列的标记来显示网页不同的效果、不同的部分 2.html发展
吾爱乐享
2018/07/12
1.4K0
01.前端之HTML
  浏览器发请求 --> HTTP协议 --> 服务端接收请求 --> 服务端返回响应 --> 服务端把HTML文件内容发给浏览器 --> 浏览器渲染页面
changxin7
2019/09/10
1.2K0
HTML是什么?
html就是要告诉浏览器我的某个东西是什么,没错,这就是它的主要功能。html的实质,他就是一种标签,一种人和浏览器交流的标签,我们只有告诉浏览器这是什么,他才能帮助我们显示.
PM吃瓜
2019/08/13
1.9K0
1.HTML基础知识-HTML进阶
HTML,超文本标记语言,是构成网页的主要语言。我们经常所说的HTML,其实指的是HTML 4.01。
见贤思齊
2020/09/24
1.1K0
E001Web学习笔记-HTML
一个HTML标签称为一个元素,一个元素内部可以设置例如id,title等信息,这些信息称为属性;
訾博ZiBo
2025/01/06
1630
E001Web学习笔记-HTML
描述 HTML、CSS、DOM、JavaScript分别表示的含义
学会 HTML 对写博客非常有帮助,比如这篇作业就是使用 markdown 编写的,在markdown中可以内嵌HTML标签,来让自己的文章更好看。例如下面我就使用了 <font>标签来处理了部分文字。
繁依Fanyi
2023/05/07
1.1K0
描述 HTML、CSS、DOM、JavaScript分别表示的含义
HTML试题-附答案
答案: HTML指的是超文本标记语言(HyperText Markup Language)。它是一种用于创建网页的标记语言。
知孤云出岫
2023/12/06
6870
相关推荐
html基础
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档