Chap 03 HTML文字与段落标记

3.1 标题字

         HTML文档中包含有各种级别的标题，各种级别的标题由<h1>到<h6>元素来定义。其中<h1>代表最高级别的标题，依次递减，<h6>最低。

 

3.1.1  标题字标记h

       <h1>到<h6>元素中的字母h是英文headline的简称。作为标题，它们的重要性是有区别的，其中h1标题的重要性最高，h6最低。

 

语法：

<h1>1级标题</h1>

<h2>2级标题</h2>

<h3>3级标题</h3>

<h4>4级标题</h4>

<h5>5级标题</h5>

<h6>6级标题</h6>

 

补充：

        对于不同的浏览器，其确切的点阵尺寸的大小也不相同，但<h1>标题大约是标准文字高度的2到3倍,<h6>标题则比标准字体略小。

 

3.1.2  标题字对齐属性align

      默认情况下，标题文字是左对齐的。而在网页制作过程中，常常需要选择其他的对齐方式。对齐方式的设置需要使用align参数设置。

 

语法：

<align=对齐方式>

 

说明：

       在该语法中，align属性需要设置在标题标记之后。

 

3.2  文本基本标记

       <font>标记用来控制字体、字号和颜色等属性，它HTML中最基本的标记之一，掌握好<font>标记的使用时控制网页文本的基础。

 

3.2.1  字体属性face

     字体的face属性设置不同的字体，设置的字体效果必须在浏览器中安装响应的字体后才可以正确浏览，否则有些特殊字体会被浏览器中的普通字体所代替。因此，在网页中尽量减少使用过多的特殊字体，以免在用户浏览时无法看到正确的效果。

 

语法：

<font face="字体样式">……</font>

 

说明：

      face属性用于定义该段文本所采用的字体名称。如果浏览器能够在当前系统中找到该字体，则使用该字体显示。

 

3.2.2   字号属性size 

       文字的大小也是字体的重要属性之一。除了使用标题文字标记设置固定大小的字号之外，HTML语言还提供了<font>标记的size属性来设置普通文字的字号。

 

语法：

<font size="文字字号">……</font>

 

说明：

       size属性用来设置字体的大小，它有绝对和相对两种方式。从1到7的整数，代表字体大小的绝对字号。从 -4到+4的整数，字体相对于3号放大和缩小字号。

 

3.2.3  颜色属性color

 

语法：

<font color="字体颜色">……</font>

 

说明：

        color属性用来定义文字的颜色，它可以和</font>元素的其他属性一起配合定义字体的各种样式，各个属性之间没有先后次序。

 

3.3   文本格式化标记

       在HTML中，还有一些文本格式化标记用来设置文字以特殊的方式显示，如粗体标记、斜体标记和文字的上下标等。

 

3.3.1  粗体标记b、strong

     <b>和<strong>是HTML中格式化粗体文本的最基本元素。在<b>和</b>之间的文字和在<strong>和</strong>之间的文字，在浏览器中都会以粗体字体显示。该元素的首位部分都是必须的，若没有结尾标记，则浏览器会认为从<b>开始的所有文字都是粗体。

 

语法：

<b>加粗的文字</b>

<strong>加粗的文字</strong>

 

说明：

        在该语法中，粗体的效果可以通过<b>标记来实现，还可以通过<strong>标记来实现。<b>和<strong>是行内元素，它可以插入到一段文本的任何部分。

 

3.3.2  斜体标记i、em、cite

       <i>、<em>和<cite>是HTML中格式化斜体文本的最基本元素。

 

语法：

<i>斜体文字</i>

<em>斜体文字</em>

<cite>斜体文字</cite>

 

3.3.3  上标标记

        上标字体<sup>的英文原名为superscript,在各种数学公式等方面有广泛应用。

 

语法：
^上标内容

 

说明：

<sup>元素也是行内元素，并且允许嵌套使用。因此如果在<sup>里再使用<sup>则会变成"上标的上标"。

 

3.3.4  下标标记

        下标字体<sub>的英文原名为suberscript,在各种数学公式等方面有广泛应用。

 

语法：
_下标内容

 

说明：

<sub>元素也是行内元素，并且允许嵌套使用。因此如果在<sub>里再使用<sub>则会变成"下标的下标"。

 

3.3.5 大字号标记big

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

 

语法：

<big>被增大字号的内容 </big>

 

3.3.6  小字号标记small

         small标记用来缩小文本中字号的大小，它所包含的文字都会在原来的字号上缩小一级。如果有多个<small>元素作用于同一个文本，则字号会被逐级缩小。<small>作为一个行内元素，它可以成对出现在一段文字中的任何位置。

 

语法：

<small>被增大字号的内容 </small>

 

3.3.7 下划线标记u

        <u>标记的使用和粗体以及斜体标记类似，它作用于需加下划线的文字。

 

语法：

<u>被添加下划线的内容</u>
 

3.4  段落标记

        在网页中如果要把文字有条理地显示出来，离不开段落标记的使用。在HTML中可以通过标记实现段落的效果。

 

3.4.1  段落标记p

      <p>是HTML文档中最常见的标记，<p>用来起始一个段落。

 

语法：

<p>段落文字</p>

 

说明：

      段落标记可以没有结束标记</p>，而每一个新的段落标记开始的同时也意味着上一个段落的结束。

 

3.4.2  换行标记br

        换行标记<br>的作用是在不另起一段的情况下将当前文本强制换行。

 

语法：

 文本内容……<br>被换行的文本内容……

 

说明：

    一个<br>标记代表一个换行，连续的多个标记可以实现多次换行。

 

3.4.3  不换行标记nobr

           在网页中如果某一行的文本过长，浏览器会自动对这段文字进行换行处理。可以使用nobr标记来禁止自动换行。

 

语法：

<nobr> 标记中间的文本不被自动换行</nobr>

 

3.5   水平线

       在网页中常常可以看到一些水平线将段落与段落之间隔开，这些水平线可以通过插如图片来实现，也可以更简单地通过标记来完成。

 

3.5.1  插入水平线hr

        <hr>标记代表水平分隔模式，并会在浏览器中显示一条线。

 

语法：

<hr>

 

说明：

     在网页中输入一个<hr>标记，就添加了一条默认样式的水平线。

 

3.5.2  水平线宽度width

      width用于改变水平线的宽度。

 

语法：

<hr width="宽度值">

 

说明：

    在该语法中，水平线的宽度值可以是确定的像素值，也可以是窗口的百分比。

 

3.5.3 水平线高度size

      size标记用于改变水平线的高度。

 

语法：

<hr size="高度值">

 

说明：

          在该语法中，水平线的高度值只能是像素值。

 

3.5.4  水平线去掉阴影noshade

        noshade属性用于定义浏览器是否显示水平线的阴影。

 

语法：

<hr noshade>

 

说明：

         noshade是布尔值的属性，它没有属性值，如果在<hr>元素中写上了这个属性，则浏览器不会显示立体形状水平线，反之如果不设置该属性，浏览器默认显示一条立体形状带有阴影的水平线。

 

3.5.5   水平线颜色color

语法：

<hr  color="颜色值">

 

说明：

颜色代码是十六进制的数值。

 

3.5.6   水平线排列align

       水平线在默认情况下是居中对齐的，如果想让水平线左对齐或者右对齐，就需要设置对齐方式。

 

语法：

<hr align="对齐方式">

 

说明：

      在该语法中对齐方式有3种，包括center、left和right，其中center的效果与默认的效果相同。

 

3.6   其他标记

 

3.6.1   插入空格

 nbsp

 

语法：

&nbsp

 

说明：

       在网页中可以有多个空格，一个&nbsp；代表一个半角空格，多个空格则可以多次使用这一符号。

 

3.6.2 插入特殊符号

      除了空格以外，在网页的创作过程中，还有一些特殊的符号也需要使用代码进行代替。一般情况下，特殊符号的代码由前缀"&"、字符名称和后缀";"组成。 使用方式与空格符号类似。

&quot;

&amp;

&lt;

&gt;   等等

原创内容，转载请注明出处。谢谢！