HTML
超文本标记语言,一种规范
预定义,已经定义好的各种标记,只需要我们把对应的标记放到合适的位置
一. HTML基本语法与基本结构(重点)
标记的使用
1、标记一般成对出现,包含开始标记和结束标记
2、标记可以嵌套使用,但是不能交叉使用
3、标记不区分大小写
属性的使用(属性控制内容的格式,额外的格式)
1、书写位置在开始标记中
2、格式:属性名=“属性值",多个属性之间使用空格分割
3、不同的标记属性可能相同也可能不同
4、属性使用的标记中,只能对本标中的内容记产生影响
5、属性不冲突时,效果叠加,属性冲突时,就近原则
html的基本结构
〈html>-—--声明网页
〈head〉———-网页的头部信息
<title〉标题〈/title〉—---网页的标题
</head>
<body〉—---网页的主体,网页内容主要展示的部分
网页的主要内容
</body>
〈/html〉
二. 文本格式的应用
1、标题标记<hn>,n的取值1-6,1级标题最大
效果:加粗显示,带有自动换行
属性:align 控制标题的对齐方式,取值left(左对齐,默认值)|center(居中)|right(右对齐)
2、段落标记<p〉
效果:把内容分段展示,自动换行
属性:align,控制段落内容的对齐方式,取值left(左对齐,默认值)|center(居中)|right(右对齐)
3、换行符〈br /〉,单标记,不需要结束标记,换行但不分段
空格符号: ;表示一个空格
强制换行符:<br /〉
4、水平线标记<HR />,单标记
效果:水平线,默认是一个粗细为2px(像素)的线条
属性:size 控制水平线的粗细,取值为整数,单位为像素(px)
width 控制水平线的长度,取值可以是像素单位,也可以是百分数(相对于浏览器窗口百分比)
noshadehtml frame 设置水平线不带有阴影,该属性不需要取值
color 设置水平线的颜,取值可以是英文的颜值,也可以是十六进制的颜代码
align 控制水平线的对齐方式,取值left(左对齐)|center(居中,默认值)|right(右对齐)
5、分节标记<div〉
效果:把内容设置为一节,前后带有自动换行
属性:align 控制div中内容的对齐方式,取值left(左对齐,默认值)|center(居中)|right(右对齐)
6、居中标记符<center>
效果:把center标记中的内容居中显示
7、文本控制标记<font>
效果:控制字体的各种显示样式
属性:size 控制字体的大小,取值为绝对值时,1--7,数字越大字体越大,取相对值时,参考的是默认字体(3号),取值在-2-—+4之间
color 控制字体的颜
face 控制字体的字体,取值可以是多个值,多个值之间使用逗号分割,取值时从左往右依次取值,到合适的值为止,假如都不支持,使用默认格式显示
8、字体的物理样式
加粗:<b>
斜体:〈i>
下划线:〈u〉
删除线:<s〉
上标:<sup〉
下标:〈sub>
1、常用逻辑字符
〈ADDRESS〉 网页设计者或维护者的信息,通常显示为斜体
<CITE> 表示文本属于引用,通常显示为斜体
<CODE〉 表示程序代码,通常显示为固定宽度字体
<DFN> 表示定义了的术语,通常显示为黑体或斜体
〈EM> 强调某些字词,通常显示为斜体
〈KBD〉 表用户的键盘输入,通常显示为固定宽度字体
〈SAMP> 表示文本样本,通常显示为固定宽度字体
〈STRONG〉 特别强调某些字词,通常显示为粗体
<VAR> 表示变量,通常显示为斜体
2、列表标记
1、有序列表,〈ol〉,需要配合〈li>标记使用
一个<li>标记对应一个选项
ol的属性:type 控制列表的符号样式,取值1|A|a|i|I,默认是1
start 控制列表的起始值,取值为任意的整数
li的属性:type 控制选项自身的符号样式,取值1|A|a|i|I
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论