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

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

创新互联是一家集网站建设,肇庆企业网站建设,肇庆品牌网站建设,网站定制,肇庆网站建设报价,网络营销,网络优化,肇庆网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。

一、标签语法

1、所有的标签都必须使用尖括号扩起来，例如 <a>,<div> ... <A>,<a>

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

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

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

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

3、标签嵌套

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

<body>

<p>

<a></a>

</p>

</body>

4、标签属性，标签属性是指出现在开始标记中的内容，作用是修饰元素，如 <div 属性名="属性值"></div>

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

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

title：提示文本

class：样式相关，类样式

style：样式相关，行内样式

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

实战：第一步：先定义一个标签div，即<div></div>

第二步：添加id属性，即<div id="myDIv"></div>

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

答：如果是多属性的，那么直接在前一个属性值后继续编写，不需要用“，”或者“；”分开，直接写就对了！而且，多个属性排名不分先后的，举个栗子： <div id="myDiv" title="myTitle"></p>

二、文档结构

1、文档类型声明：即声明使用的HTML版本和风格，HTML5中使用声明为： <!doctype html>

2、html页面

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

2.2、在根元素的内部，包含两对子元素；

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

<title></title> ;网页标题，就是网页地址上面显示的名称；

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

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

3、文本标记

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

3.2、文本标记

3.2.1、文本样式

<b>...</b>：加粗文本；

<i>...</i>：斜体文本；

<u>...</u>：下划线；

<s>...</s>：删除线；

<sup>...</sup>：上标；

<sub>...</sub>：下标；

3.2.2、标题元素， 1-6级6个标题 <hn></hn> n：1-6 其中一级是最大的，六级是最小的；

3.2.3、段落元素，提供了结构化文本的表现方式，语法：<p></p>，注意：每对p标签单独成一个段落，常用属性:

align：水平对齐方式取值：left center right；

4、换行元素，在代码的任何位置处，实现回车的效果 <br />，是非封闭类型标记；

5、水平线，又叫分割线， <hr /> 也是非封闭类型标记，常用属性；

5.1、size ：水平线的粗细，通常以像素(px)为单位；

5.2、width：宽度；

5.3、align：水平线的水平对齐方式；

5.4、color：颜色；

6、分区元素目的：为元素进行分组，多数用在布局中；

块分区元素：<div></div> ；

行内分区元素：<span></span>；

注意：

div ：主要用在布局上；

span：修改其内部内容的样式；

7、预格式化，保留源文档中的空格和回车 <pre>文本内容 </pre>；

8、注释

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

语法：

！！！特别注意：行内元素与块级元素

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

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

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

本文标题：HTML标签语法的知识点有哪些
文章分享：https://www.cdcxhl.com/article22/jghecc.html

成都网站建设公司_创新互联，为您提供商城网站、品牌网站设计、网站设计公司、ChatGPT、企业网站制作、域名注册

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容