请选择 进入手机版 | 继续访问电脑版

DZ起点网_免费Discuz视频教程

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
热搜: 活动 交友 discuz

1-3 HTML文本标记

2014-3-19 19:27| 发布者: admin| 查看: 4133| 评论: 2|原作者: 朱朝兵|来自: DZ起点网

摘要: 标题标记 格式:...,...,... ,... 功能:设置各种大小不同的标题。 HTML语言提供了一系列对文本的标题进行操作的标记对;...,...,... ,...,即一共有6对标题标记对,...是最大的标题,...则是最小的标题, ...

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

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

主讲老师:朱朝兵  QQ537060756

 

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颜色码,也可以是颜色的英文单词。

综合实例

[代码]HTML代码:

  
    
        字体标记的使用
  
     
 
文字大小的设置:
这是 size=6是的字体
这是 size=5是的字体
这是 size=4是的字体
文字颜色的设置:
这是 color=#ff0000时的字体颜色(#ff0000是红色的十六进制代码)
这是 color=black时的字体颜色(black是黑色的英文单词)
文字字体的设置:
字体设置为楷体
字体设置为黑体
字体设置为宋体
文字字体的设置:
这是字体为6,颜色为红,字体为黑体的文字


(3)其他标记

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

标记格式
功能

文本加粗

文本倾斜

文本加下划线

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


综合实例:

[代码]HTML代码:

    
        其他字体标记

     

粗字体

斜字体

加下划线

加重文本


(4)背景颜色

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

或者


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

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

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

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

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

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

例如:

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


综合实例:

[代码]HTML代码:

    
        其他字体标记

     

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


 感谢收看本教程


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


Discuz模板制作交流群:235092987


www.dz7.com.cn

 

4

路过

雷人

握手

鲜花

鸡蛋

相关阅读

发表评论

最新评论

引用 admin 2014-3-20 18:17
ansscs: 学习了,长见识了,哈哈
用心听!记住实践最重要!
引用 ansscs 2014-3-19 20:10
学习了,长见识了,哈哈

查看全部评论(2)

QQ|小黑屋|Archiver|手机版|Discuz代码分析|Discuz目录结构|DZ起点网 ( 蜀ICP备13000518号-15 )

GMT+8, 2021-11-27 14:02 , Processed in 0.034463 second(s), 19 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

返回顶部