《Discuz教育门户网站模板制作全套视频教程》

第一章 HTML+DIV+CSS基础知识

主讲老师：朱朝兵  QQ：537060756

1-3 HTML文本标记

视频教程

高清版下载地址

链接：http://pan.baidu.com/s/1hqBS5Uk 密码：bxey

教程截图

（1）标题标记

格式：

...
，
...
，... ，
...

功能：设置各种大小不同的标题。

HTML语言提供了一系列对文本的标题进行操作的标记对；

...
，
...
，... ，
...
，

即一共有6对标题标记对

...

是最大的标题

...

则是最小的标题.

标记中h后面的数字代表标题的级别，该数字越大字体就越小。如果HTML文档中需要输出标题文本的话，就可以使用这6对标题标记对中的任意一对。

（2）字体设置标记

格式：

...

功能：设置字体格式

font标记具有三个常用的属性：size（大小）、color（颜色）和face（字体）。

Size表示字体的大小，取值范围0~7，默认值是3，取1是最小，去7是最大。使用相对数值是，可以用“+”号或“-”号来指定相对于当前默认值的字号，例如“+2”表示比当前默认字号大2号。

Face用来设置字体，如“宋体”、“黑体”、“楷体”等。

Color颜色的取值可以是十六进制的RGB颜色码，也可以是颜色的英文单词。

综合实例：

  
    
        
  
     
 
文字大小的设置：

这是 size=6是的字体

这是 size=5是的字体

这是 size=4是的字体

文字颜色的设置：

这是 color=#ff0000时的字体颜色（#ff0000是红色的十六进制代码）

这是 color=black时的字体颜色（black是黑色的英文单词）

文字字体的设置：

字体设置为楷体

字体设置为黑体

字体设置为宋体

文字字体的设置：

这是字体为6，颜色为红，字体为黑体的文字
 

（3）其他标记

为了让文字富于变化，或者特意强调某一部分。或者改变字体的效果，设置一些其他的字体标记。

标记格式
功能

文本加粗

文本倾斜

文本加下划线

加重文本，通常是斜体加黑体

综合实例：

    
        

     

粗字体


斜字体


加下划线


加重文本

（4）背景颜色

改变背景颜色可以得到各种颜色的背景，颜色的一般格式为：

或者

设置颜色值用6位十六进制的RGB值来表示，前两位RR表示颜色中红色的数量（从0~255），中间GG表示绿色的数量，后面BB表示蓝色的数量。

网页中常用的颜色值如下：

黑色：#000000  橄榄色：#808000  红色：#ff0000  蓝色：#0000ff

栗色：#800000  藏青色：#000080  灰色：#808080 白色：#ffffff

绿色：#00ff00  紫红色：#800080  银色：#c0c0c0  黄色：#ffff00

设置背景颜色是也可用颜色的名称来表示。

例如：

和都是将网页背景设置为蓝色。

综合实例：

    
        

     

    bgcolor="#800000" 这是将背景颜色设置为栗色（#800000）时的背景颜色

 感谢收看本教程

本教程由DZ起点网为您录制 版权所有

Discuz模板制作交流群：235092987

www.dz7.com.cn