千家信息网

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

发表于:2025-02-02 作者:千家信息网编辑
千家信息网最后更新 2025年02月02日,这篇文章主要介绍"HTML标签语法的知识点有哪些"的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇"HTML标签语法的知识点有哪些"文章能帮助大家解决问题。一、标签
千家信息网最后更新 2025年02月02日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安全错误 数据库的锁怎样保障安全 戴尔服务器下机柜 数据库应用系统的特点 数字媒体网络技术专业 佛山市思赢互联网科技有限公司 用友t6数据库补丁怎么安装 数据库维护公司 商汤科技属于几线互联网公司 cpu软件开发面试题 广州短播网络技术 饥荒服务器1m带宽 海州区智能网络技术创新服务 峨眉山dellr940服务器 魔兽世界玛维影歌服务器地址 中山大学密码学与网络安全试卷 java 服务器客户端 海康设备管理服务器 2021国产数据库排名 长沙高坪网络技术有限公司 摩尔庄园几个服务器共通吗 大专计算机网络技术去征兵 天龙八部荣耀版新手服务器 在线网络安全培训平台 服务器崩溃会恢复吗 人工智能专业买什么配置的服务器 深信服 代理服务器 西安运通网络技术有限公司 合耀上海网络技术有限公司 网络安全预案和方案的区别 腾讯云服务器多少流量怎么看 数据库中组别是什么意思
0