网页制作学习用好HTML字体标记及属性

网页

  我们在这里将要谈的是有关文字的标记,包括字体大小、颜色、字型...等变化,适当的应用可以增加页面的美观!

  常用字体标记

<Hn>...</Hn> 标题 ,设定标题字体大小, n = 1 ( 大 ) ~ 6 ( 小 ) 会自动跳下一行。通常用在如章节、段落等标题上。
如 : <H2> 标题 </H2>

标题

如 : <H3 ALIGN = CENTER> 标题 </H3> ( 标题置中 )

标题

<B>...</B> 粗体字 。
如 : <B> 粗体字 </B>

粗体字

<I>...</I> 斜体字 。
如 : <I> 斜体字 </I>
斜体字

<U>...</U> 加底线 。
如 : <U> 加底线 </U>
加底线

<DEL>...</DEL> 横线 ( 表示删除 )。
如 : <DEL> 横线 </DEL>
横线

<TT>...</TT> 打字体 ( 固定宽度文字 )。
如 : <TT> 打字体 </TT>
打字体

<SUP>...</SUP> 上标字 。
如 : 字体 <SUP> 上标字 </SUP>
字体 上标字

<SUB>...</SUB> 下标字 。
如 : 字体 <SUB> 下标字 </SUB>
字体 下标字


<!...> 注解 ( 不会显示在浏览器上 ),可以多行。

如 : <! 更新日期 : 2000/1/1>

设定字体大小、颜色、字型

有关设定文字的方法共有以下几种 :

1.设定HTML文件主体文字颜色。<BODY>...</BODY>标记。

   如 : <BODY TEXT=RED>...</BODY> 或
      <BODY TEXT=#FF0000>...</BODY>

2.设定基本字体大小、颜色、字型。<BASEFONT>...</BASEFONT>标记。

3.设定字体大小、颜色、字型。<FONT>...</FONT>标记。

<BASEFONT>...</BASEFONT> 设定基本字体 ,SIZE = 1 ~ 7,1 ( 最小 ) 7 ( 最大 )。
如 : <BASEFONT SIZE=4> 基本字体大小为 4 </BASEFONT>
基本字体大小为 4

如 : <BASEFONT COLOR =#FF0000> 设定颜色 </BASEFONT>
设定颜色

如 : <BASEFONT FACE = 标楷体 , 细明体 > 设定字型 </BASEFONT>
设定字型

<BIG>...</BIG> 基本字体加大 。
如 : <BASEFONT SIZE=4> 基本字体大小为 4,</BASEFONT>
<BIG> 加大为 5 </BIG>
基本字体大小为 4, 加大为 5

<SMALL>...</SMALL> 基本字体减小 。
如 : <BASEFONT SIZE=4> 基本字体大小为 4,</BASEFONT>
<SMALL> 减小为 3 </SMALL>
基本字体大小为 4, 减小为 3

<FONT>...</FONT> 设定字体大小、颜色、字型 ,SIZE = 1 ~ 7,1 ( 最小 ) 7 ( 最大 )。
如 : <FONT SIZE=4> 字体大小为 4 </FONT>
字体大小为 4

如 : <BASEFONT SIZE=4> 基本字体大小为 4
<FONT SIZE= 1> 1字体大小为 5 </FONT>
<FONT SIZE=-2> -2字体大小为 2 </FONT>...</BASEFONT>
   基本字体大小为 4
  1字体大小为 5
    -2字体大小为 2

如 : <FONT COLOR =#FF0000> 设定颜色 </FONT>
设定颜色

如 : <FONT FACE = 标楷体 , 细明体 > 设定字型 </FONT>
设定字型

  注意事项

  1. 设定字体的大小分 : 绝对SIZE 如 : <FONT SIZE=4>
和 相对SIZE 如 : <FONT SIZE= 1> ( 以 BASEFONT 设定的字体大小做加减 )。

  2. 设定字体的颜色可以是颜色名称或#RRGGBB表红绿蓝强度 ( 00 暗 ~ FF 亮 )。 #RRGGBB 所代表的是红、绿、蓝三原色,每一色由两位十六进制的数值表示 ( 即十进制 0 ~ 255 )。
十六进制 : 0、1、2、3、4、5、6、7、8、9、A、B、C、D、E、F。

  3. 设定字体的字型会按照顺序找出显示的字型,若找不到则以系统预设字型显示。

时间: 2024-08-22 14:24:31

网页制作学习用好HTML字体标记及属性的相关文章

HTML字体标记及属性

我们在这里将要谈的是有关文字的标记,包括字体大小.颜色.字型...等变化,适当的应用可以增加页面的美观! 常用字体标记 <Hn>...</Hn> 标题 ,设定标题字体大小, n = 1 ( 大 ) ~ 6 ( 小 ) 会自动跳下一行.通常用在如章节.段落等标题上. 如 : <H2> 标题 </H2> 标题 如 : <H3 ALIGN = CENTER> 标题 </H3> ( 标题置中 ) 标题 <B>...</B&g

网页设计用好HTML表格标记及属性

设计|网页|网页设计 表格是HTML的一项非常重要功能,利用其多种属性能够设计出多样化的表格.使用表格可以使你的页面有很多意想不到的效果,使页面更加整齐美观. 常用表格标记 <TABLE>...</TABLE> 表格指令 . 相关属性 : · ALIGN 调整 · BGCOLOR 背景颜色 · BORDER 边框 · HEIGHT 高度 · WIDTH 宽度 <CAPTION>...</CAPTION> 表格标题 . 相关属性 : · ALIGN 调整 &l

HTML彻底剖析(5)字体标记

■ 字体标记 <STRONG> <B> <I> <EM> <VAR> <CITE> <DFN> <ADDRESS> <TT> <SAMP> <CODE> <KBD> <U> <STRIKE> <BIG> <SMALL> <SUP> <SUB> <H1> <H2> <

HTML语言剖析(五)字体标记

HTML语言剖析 字体标记 <STRONG> <B> <I> <EM> <VAR> <CITE> <DFN> <ADDRESS> <TT> <SAMP> <CODE> <KBD> <U> <STRIKE> <BIG> <SMALL> <SUP> <SUB> <H1> <H2&

字体标记

    字体标记 作者:unknown 更新时间: 2http://www.alixixi.com/web/a/0http://www.alixixi.com/web/a/05-http://www.alixixi.com/web/a/03-15     <STRONG> <B> <I> <EM> <VAR> <CITE> <DFN> <ADDRESS> <TT> <SAMP> <

HTML之字体标记

■ 字体标记 <STRONG> <B> <I> <EM> <VAR> <CITE> <DFN> <ADDRESS> <TT> <SAMP> <CODE> <KBD> <U> <STRIKE> <BIG> <SMALL> <SUP> <SUB> <H1> <H2> <

html5-手机网页开发,如何设置字体,使得任意一种手机调试,字体大小都一样

问题描述 手机网页开发,如何设置字体,使得任意一种手机调试,字体大小都一样 我在设置的时候,试了设置百分比,还有设置像素, 两者都不行,是什么原因,有什么解决办法 解决方案 这个很难做到,手机上浏览器不同,内置的字体文件不同,分辨率和缩放比例不同. 除非你用图片代替文字. 解决方案二: 你可以试试em,例如16px就设置为1em试试 解决方案三: 可以试试设置em 只要不要使用px就可以

逻辑性字体标记

     HTML作为一种用于展示文档的语言,包含了一些使用其功能而不是效果来命名的标记,这就是逻辑型字体标记.逻辑型字体标记一般适用于英文字体.另外,一般主页制作时很少使用这些标记,因为他们的显示结果,一般都可以使用<FONT>.<B>.<I>等这些标记达到.不过,稍微了解一下,可以帮助我们看懂别人的HTML代码.BIG和 SMALLBIG和SMALL改变字体的大小.例子:正常 <BIG>大字</BIG> <SMALL>小字<

为什么网页在手机上显示的字体很小?

问题描述 为什么网页在手机上显示的字体很小? 将网页的宽度设为1280后,虽然网页的内容刚好显示在手机上, 全是字体即非常小,这样什么原因,如何调整啊 而设置font的大家好像不起作用. 解决方案 目前手机屏幕的分辨率达到1920×1080.完全可以显示通常网页了.这时,通过手机浏览网页,满屏显示页面上的字体就很小. 为了解决手机的浏览,通常二种办法: 1.放大字体,手工放大后,网页自动适应宽度.这对网页和要求比较高了. 2.多数网站,为了方便手机用户浏览网页,建立一个手机版网页,自动转换或手工