千家信息网

HTML标签语法的知识点有哪些

发表于:2026-11-03 作者:千家信息网编辑
千家信息网最后更新 2026年11月03日,这篇文章主要介绍"HTML标签语法的知识点有哪些"的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇"HTML标签语法的知识点有哪些"文章能帮助大家解决问题。一、标签
千家信息网最后更新 2026年11月03日HTML标签语法的知识点有哪些

这篇文章主要介绍"HTML标签语法的知识点有哪些"的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇"HTML标签语法的知识点有哪些"文章能帮助大家解决问题。

一、标签语法

1、所有的标签都必须使用尖括号扩起来,例如 ,

... ,

2、有封闭类型的标签,也有非封闭类型的标签

2.1、封闭类型,也称作双标记,则必须成对出现;语法规则: <标记>文本内容; 不同的标记,决定 了"文本内容"的不同表现形式;常见的封闭类型标记有:,

,

2.2、非封闭类型,也称作单标记、空标记;语法规则: <标记>或者<标记/> 常见的非封闭类型标记有:


,
,

区别封闭类型和非封闭类型标签,就看这标签是一对出现的,还是单个出现的。

3、标签嵌套

标签之间可以相互嵌套,形成复杂的语法结构,简单的例子如下:

4、标签属性,标签属性是指出现在开始标记中的内容,作用是修饰元素,如

标准属性:就是每个元素与生俱来就具备的通用属性,常见的标准属性有:

id :定义每个标签的唯一标识

title:提示文本

class:样式相关,类样式

style:样式相关,行内样式

现在可以和小编一个编写一个简单的标签,同时设置这个标签的id属性为myDIv。(属性命名方式:驼峰命名,后续会分享给大家)

实战:第一步:先定义一个标签div,即

第二步:添加id属性,即

疑问:如果存在多个属性值怎么办?怎么添加属性值是编码规范的?

答:如果是多属性的,那么直接在前一个属性值后继续编写,不需要用","或者";"分开,直接写就对了!而且,多个属性排名不分先后的,举个栗子:

二、文档结构

1、文档类型声明:即声明使用的HTML版本和风格,HTML5中使用声明为:

2、html页面

2.1、文档根元素,每个文档有且仅有一对根元素 , html

2.2、在根元素的内部,包含两对子元素;

2.2.1、head : 页面的头部内容,定义页面全局信息 包含的内容有:

;网页标题,就是网页地址上面显示的名称;

:声明元数据(编码,关键字,描述),最重要的搜索引擎SEO主要是写这部分;同时也可以定义一些网页属性,比如说,中文显示 ;

:声明内部样式表,声明当前网页所用到的样式,这种方式的样式定义只能运用在当前页面,其他页面不能使用这里定义的样式;

:引入外部样式表,引入外部定义好的样式,只要是这个页面想要用到某一个外部样式表,就直接引入就可以用了,这种样式表定义运用弥补上面不能共享的缺陷,是的代码达到了重用的优势;

:定义或引入脚本文件,主要是引入一些js脚本语言,完成这个页面所需要的交互;

2.2.2、body : 页面的主体内容,任何一个标签,都可能会出现在body中;也是标签,它也可以定义自己的属性,比如网页背景有绿色,那么就是;

3、文本标记

3.1、特殊的文本,除了正常文字外,在一些特定的情况下会需要有特别的标点符号等,小编举例几个常见的特殊符号的标记,如 空格对应的是" "、 <对应的是 "<" 可以理解为less than 、> 对应的是 "> "理解为greater than、 版权标识对应的是 "©",这里需要特别特别注意的一点是 每个特殊字符有需要";"

3.2、文本标记

3.2.1、文本样式

...: 加粗文本;

...:斜体文本;

...:下划线;

...:删除线;

...:上标;

...:下标;

3.2.2、标题元素, 1-6级6个标题 n:1-6 其中一级是最大的, 六级是最小的;

3.2.3、段落元素,提供了结构化文本的表现方式, 语法:

, 注意:每对p标签单独成一个段落,常用属性:

align:水平对齐方式 取值:left center right;

4、换行元素,在代码的任何位置处,实现回车的效果
,是非封闭类型标记;

5、水平线, 又叫分割线,


也是非封闭类型标记,常用属性;

5.1、size :水平线的粗细,通常以像素(px)为单位;

5.2、width:宽度;

5.3、align:水平线的水平对齐方式;

5.4、color:颜色;

6、分区元素目的:为元素进行分组,多数用在布局中;

块分区元素:

;

行内分区元素:;

注意:

div :主要用在布局上;

span:修改其内部内容的样式;

7、预格式化,保留源文档中的空格和回车

文本内容 
;

8、注释

可以写在html源码中,但不被浏览器解释的文本;

语法:

!!!特别注意:行内元素与块级元素

块级元素:默认情况下,块级元素独占一行,元素的前后都会自动换行 div、hn、hr、p等 主要用于布局。

行内元素:默认情况,多个元素位于同一行,不会换行,span、文本标记... .主要行内元素作用:修改内部内容的样式。

关于"HTML标签语法的知识点有哪些"的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注行业资讯频道,小编每天都会为大家更新不同的知识点。

元素 标签 属性 样式 文本 标记 类型 内容 语法 页面 知识 文档 方式 水平 网页 知识点 常见 不同 特殊 多个 数据库的安全要保护哪些东西 数据库安全各自的含义是什么 生产安全数据库录入 数据库的安全性及管理 数据库安全策略包含哪些 海淀数据库安全审计系统 建立农村房屋安全信息数据库 易用的数据库客户端支持安全管理 连接数据库失败ssl安全错误 数据库的锁怎样保障安全 互联网科技公司 河南云网互联网络科技有限公司 科技赋能下的互联网金融 互联网金融科技创新 苏州大垚互联网科技 国外互联网科技网站 四个字互联网科技公司取名 互联网汽车科技小镇 创业天下互联网科技有限公司 全球顶尖互联网科技公司 互联网为啥属于高科技 荆州市昕露互联网络科技有限公司 开一家科技互联网公司需要多少钱 乌鲁木齐新华智原互联网科技学校 恒生互联网科技业指数调整周期 启辰互联网科技 互联网科技资金流入 陕西九四连强互联网科技有限公司 10位科技互联网大佬 重庆科技产业互联网有哪些 中关村互联网 科技集团 互联网医疗科技 须眉科技是互联网公司吗 广州恒生互联网科技有限 河南住房之家互联网科技 图游互联网科技 易企秀互联网科技是做什么的 陕西九四连强互联网科技有限公司 互联网科技创新创业项目 现代互联网科技公司
0