HTML文字排版和颜色表示

HTML文字排版和颜色表示

学习目的：

 

能够利用一些基本的和文字、段落相关的标签制作各种格式的由文字组成的网页，例如个人简历、日记、诗词等。

 

HTML中颜色表示方法：

 

1、直接用英文单词来表示颜色(例如:red，blue，white，black等等)

2、以六位十六进制来表示颜色。(例如:#ff00ff)

3、以RGB模式表示，也就是用3个0至255之间的数字来分别表示红绿蓝三色的比重(例如 rgb(100，100，100))

 

 

换行标签<br />：

 

换行标签是个单标签，也是空标签（不包含任何属性的标签），在html文件中的任何位置只要使用了该标签，当文件显示在浏览器中时，该标签之后的内容将显示至下一行。

 

段落标签<p>及属性：

 

由<p> 标签所标识的文字，代表同一个段落的文字。不同段落间的间距等于连续加了两个换行符，也就是要隔一行空白行，用以区别文字的不同段落。它可以单独使用，也可以成对使用。单独使用时，下一个<p>的开始就意味着上一个<p>的结束。良好的习惯是成对使用。

格式：

<p>

<p align="参数">

其中，align是<p>标签的属性，属性有三个参数left，center，right这三个参数设置了段落文字的左，中，右位置的对齐方式。

 

原样显示文字标签<pre>：

 

要保留原始文字排版的格式（即空格、换行等），就可以通过<pre>标签来实现，方法是把制作好的文字排版内容前后分别加上始标签<pre>和尾标签</pre>。

 

 

居中对齐标签<center>：

 

文本在页面中使用<center>标签进行居中显示，<center>是成对标签，在需要居中的内容部分开头处加<center>，结尾处加</center>

 

水平分隔线标签<hr />：

 

<hr />标签是单独使用的标签，效果是显示水平线，用于段落与段落之间的分隔，使文档结构清晰明了，使文字的编排更整齐。通过设置<hr />标签的属性值，可以控制水平分隔线的样式。

 

水平分割线标签<hr />的属性：

 

size：设置水平分隔线的粗细。

width：设置水平分隔线的宽度。

align： 设置水平分隔线的对齐方式(left，center，right) ，默认值为center。

color：设置水平分隔线的颜色，默认为black。

noshade：取消水平分隔线的3D阴影。

 

标题文字标签<hn>：

 

<hn>标签用于设置网页中的标题文字，被设置的文字将以黑体或粗体的方式显示在网页中，其中n的取值为1-6，字体依次变小。标题标签的格式：<hn align="参数">标题内容</hn>

 

标题文字标签<hn>说明：

 

<hn> 标签是成对出现的，<hn>标签共分为六级，在<h1>...</h1>之间的文字就是第一级标题，是最大最粗的标题；<h6>...</h6>之间的文字是最后一级，是最小最细的标题文字。

align属性用于设置标题的对齐方式，其参数为 left（左）， center（中)， right (右）。

<hn>标签本身具有换行的作用，标题总是从新的一行开始。

 

<font>标签：

 

<font>标签用于控制文字的字体，大小和颜色。控制方式是利用属性设置得以实现的。

 

字体标签<font>的属性：

 

face：设置文字使用的字体(默认为宋体)

size：设置文字的大小(默认为3)

color：设置文字的颜色(默认为黑色)

 

<font>标签属性说明：

 

face：用来设置使用的字体，默认为宋体，也可以设置字体族科，设置字体族科时优先显示前面的字体，当前面字体没有安装的时候依次显示后面的。

设置字体的语法为:

<font face="宋体">hello</font>

设置字体族科的语法为：

<font face="字体1,字体2…">hello</font>

size：的取值为1-7，依次增大，也可以用”+”或“-”来表示相对值。

color：为字体的颜色。

 

font size字体“+”，“-”表示方法：

 

size=+4等于size=7

size=+3等于size=6

size=+2等于size=5

size=+1等于size=4

size=+0等于size=3

size=-1 等于size=2

size=-2 等于size=1

 

特定文字样式标签（物理类型）：

 

(1) 粗体标签<strong>  放在<strong>与</strong>标签之间的文字将以粗体方式显示。

(2) 斜体标签<i> 放在<i>与</i>标签之间的文字将以斜体方式显示。

(3) 下划线标签<u> 放在<u>与</u>标签之间的文字将以下划线方式显示。

(4) sup上标标签：12²=144

(5) sub下标标签：硫酸亚铁的分子式是Fe₂SO₄

 

注释标签：

 

在HTML文档中可以加入相关的注释标记，便于查找和记忆有关的文件内容和标识，这些注释内容并不会在浏览器中显示出来。

 

注释标签的格式有如下：

<!--注释的内容-->

 

 

 

（本章完）