HTML学习笔记——文字与段落标记

2.1标题字
HTML文档中包含有各种级别的标题,各种级别的标题由< h1 >到< h6 >元素来定义。其中< h1 >代表最高级别的标题,依次递减。
2.1.1标题字标记h
对于不同的浏览器,其确切的点阵尺寸的大小也不相同,但< h1 >标题大约是标准文字高度的2到3倍, < h6 >标题则比标准字体略小。
语法:< hn >n级标题 //n代表标题级数
2.1.2 标题字对齐属性align
默认情况下,标题文字是左对齐的。而在网页制作过程中,常常需要选择其他的对齐方式。关于对齐方式的设置要使用align参数进行设置。
语法:
align属性需要设置在标题标记的后面。常见的对齐方式的取值由left,center,right。
2.2文本基本标记
< font >标记用来控制字体、字号和颜色等属性,它是HTML中最基本的标记之一,掌握好< font >标记的使用是控制网页文本的基础。
2.2.1 字体属性face
可以通过字体的face属性设置不同的字体,设置的字体效果必须在浏览器中安装相应的字体后才可以正确浏览,否则有些特殊字体会被浏览器中的普通字体所代替,因此,在网页中尽量减少使用过多的特殊字体,以免在用户浏览时无法看到正确的效果。
语法:......
2.2.2字号属性size
文字的大小也是字体的重要属性之一。除了使用标题文字标记设置固定大小的字号之外,HTML语言还提供了< font >标记的size属性来设置普通文字的字号。
size属性用来设置字体的大小,它有绝对和相对两种方式。从1到7的整数,代表字体大小的绝对字号。从-4到+4的整数,字体相对于3号放大和缩小字号。
语法:......
2.2.3 颜色属性color
在HTML页面中,还可以通过不同的颜色表现不同的文字效果,从而增加网页的亮丽色彩,吸引浏览者的注意。
语法:......
2.3 文本格式化标记
在HTML中,还有一些文本格式化标记用来设置文字以特殊的方式显示,如粗体标记、斜体标记和文字的上下标等。
2.3.1 粗体标记b、strong
< b >和< strong >是HTML中格式化粗体文本的最基本元素。在< b >和< /b >之间的文字或在< strong >和< /strong >之间的文字,在浏览器中都会以粗体字体显示。该元素的首尾部分都是必须的,如果没有结尾标记,则浏览器会认为从< b>开始的所有字体都是粗体。< b >和< strong >是行内元素,它可以插入到一段文本的任何部分。
语法:

加粗的文字
              加粗的文字

2.3.2 斜体标记i、em、cite
语法:

斜体文字
  					   < em >斜体文字< /em >
  					   < cite >斜体文字< /cite >

2.3.3上标标记sup和下标标记sub
< sup >元素也是行内元素,它可以成对出现在一段文字的任何地方,并且允许嵌套使用。因此如果在< sup >里再使用< sup >则会变成“上标的上标”。同理下标标记sub亦如此。
语法:

< sup >上标的内容< /sup >
  				< sub >下标的内容< /sub >

2.3.4 大字号标记big和小字号标记small
Big标记用来增大文本中字号的大小,它所包含的文字都会在原来的字号上增加一级。如果由多个< big >元素作用于同一个文本,则字号会被逐级增大。< big >作为一个行内元素,它可以成对出现在一段文字中的任何位置。小字号标记< small >亦如此。
语法:

< big >大字号内容< /big >
 			 < small>小字号内容< /small>

2.3.5 下划线标记u
语法:< u >下划线的内容< /u>
2.4 段落标记
在网页中如果要把文字有条理地显示出来,离不开段落标记的使用。在HTML中可以通过标记实现段落的效果。
2.4.1 段落标记p
< p>是HTML文档中最常见的标记,

用来起始一个段落。
语法:< p>段落文字< /p>
2.4.2 换行标记br
换行标记< br>的作用是在不另起一段的情况下将当前文本强制换行。
语法:< br>
2.4.3 不换行标记nobr
在网页中如果某一行的文本过长,浏览器会自动对这段文字进行换行处理。可以使用nobr标记来禁止自动换行。
语法:< nobr>不换行文字< /nobr>
2.5 水平线
在网页中常常看到一些水平线将段落与段落之间隔开,这些水平线可以通过插入图片实现,也可以更简单地通过标记来完成。
2.5.1 插入水平线hr
< hr>标记代表水平分割模式,并会在浏览器中显示一条线。
语法:< ht>
2.5.2 水平线宽度width
width用于改变水平线的宽度,水平线的宽度值可以是确定的像素值,也可以是窗口的百分比。
语法:< hr width=”宽度”>
2.5.3 水平线高度size
size标记用于改变水平线的高度。水平线的高度值只能是像素值。
语法:< hr size=”高度”>
2.5.4 水平线去掉阴影noshade
noshade属性用于定义浏览器是否显示水平线的阴影。noshade是布尔值的属性,它没有属性值,如果在< hr >元素中写上了这个属性,则浏览器不会显示立体形状的水平线,反之则无需设置该属性,浏览器默认显示一条立体形状带有阴影的水平线。
语法:< hr noshade>
2.5.5 水平线颜色color
语法:< hr color=”颜色”>
2.5.6 水平线排列align
水平线在默认情况下是居中对齐的,如果想让水平线左对齐或右对齐,就需要设置对齐方式。在如下语法中对齐方式可以有## 标题3种,包括center、left和right。
语法:< hr align=”对齐方式”>
2.6 其他标记
2.6.1 插入空格
可以用许多不同的方法来分开文字,包括空白、标签和Enter,这些都被称为空格,因为它们可以增加字与字之间的距离。在网页中可以有多个空格,一个 ;代表一个半角空格,多个空格则可以多次使用这一符号。
语法: 
2.6.2 插入特殊符号
一般情况下,特殊符号的代码由前缀“&”、字符名称和后缀“;”组成。使用方法与空格符号类似。

你可能感兴趣的:(HTML学习笔记)