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个标题
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标签语法的知识点有哪些”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注创新互联行业资讯频道,小编每天都会为大家更新不同的知识点。
当前文章:HTML标签语法的知识点有哪些
文章源于:http://scpengxi.com/article/jghecc.html