
一篇结构清晰的文章通常都有标题和段落,HTML网页也不例外。为了使网页中的文字有条理地显示出来,HTML提供了相应的标记,对它们的具体介绍如下
(1)标题标记<h1>——<h6>
为了使网页更具有语义化,经常会在页面中用到标题标记,HTML提供了6个等级的标题,即<h1>、<h2>.<h3>、<h4>、<h5>和<h6>,从<h1>到<h6>字号依次递减。其基本语法格式如下:
<hn align=”对齐方式”>标题</hn>
上述语法中n的取值为1-6, align属性为可选属性,用于指定标题的对齐方式,用于标题对齐方式,具体实例代码如下:
<h1>1级标题</h1>
<h2>2级标题</h2>
<h3>3级标题</h3>
<h4>4级标题</h4>
<h5>5级标题</h5>
<h6>6级标题</h6>
默认情况下标题文字是加粗左对齐的,并且从<hb>到<h6字号依次递减。如果想让标题文字右对齐或居中对齐,就需要使用align属性设置对齐方式取值如下
●lef: 设置标题文字左对齐(默认值)。
●center: 设置标题文字居中对齐。
●right: 设置标题文字右对齐。
注意:
1)一个页面中只能使用一个<h1>标记,常常被用在网站的logo部分。
2)由于h标记拥有确切的语义,请慎重选择恰当的标记来构建文档结构。禁止仅仅使用h标记设置文字加粗或更改文字的大小。
(2)段落标记<p>
在网页中要把文字有条理地显示出来,离不开段落标记。就如同平常写文章一样,整个网页也可以分为若干段落,而段落的标记就是<P>。默认情况下,文本在段落中会据浏览器窗口的大小自动换行。<p>是HTML文档中最常见的标记,其基本语法格式如下
<p align=”对齐方式">段落文本</p>
上述语法中 align属性为<p>标记的可选属性,和标题标记<h><h6>一样,同样可以使用 align属性设置段落文本的对齐方式。
一、标题标记语法: n是为1-6的数字
例如:
、
属性:align 控制标题的对齐方式的属性
值: “left” “center” “right” 分别为左对齐 居中对齐 右对齐
特点:标题都有加粗的效果
标题都有一定的行间距
标题有大小的变化
二、段落标记
语法:
内容
特点:普通大小的字体
上下的行间距是有一定距离
属性:依然三种对齐方式 左中右 同上
三、标线标记
语法
特点:默认宽度为整个页面的宽度
默认灰色 2px的像素
属性:width height color 宽度 高度 颜色
四、换行(单标记)
语法:
或者
特点:可以让普通的字体进行换行 另外占一行的空间
五、文本样式标记
1.加粗 内容
2.倾斜 内容
3.下划线 内容
4.删除线 内容
注意:当我们在Html文件当中如果直街换行写,或者空间隔去写,浏览器都会将其解释为空一个空格,显示状态就是空一个英文字符的间隔,如果需要进行多个字符的空格,则需要使用特殊字符。
5.特殊字符
&nbsp; 一个空格 看需要的程度去使用
<<用于展示给用尖括号的形式,因为浏览器一看到就会自动识别
>>
© 版权符号
¥ 货币符号
六、div和span标记
div元素
作用:做页面布局
语法:
内容
特点:独占一行 字体大小样式 以及行间距和普通文本无任何差异
span元素
语法: 内容
作用:用于包裹文本,进行自定义样式
特点:多个元素在同一行中进行显示、从左到右进行排列
表示网页标题的标签有<title>其次还有一些小标题,从大到小的顺序分别为
<h1><h2><h3><h4><h5><h6>
最大的是<h1>,最小的是<h6>
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)