我的一亩三分地 我就喜欢!
13fen  设为主页
 收藏本站
 
当前位置: > 一亩三分地:首页 > 网络学院 > 网页设计 > Html/Css > 学习网页制作基础入门教程(3)字体标签
热门文章排行
热门文章排行 网页上传常见问题分析(11-24)
五彩缤纷建网页(一)(10-11)
五彩缤纷建网页(二)(10-11)
五彩缤纷建网页(三)(10-11)
五彩缤纷建网页(四)(10-11)
精采文章排行
精采文章排行 网页技巧二十例(11-13)
模仿QQ和MSN消息提示的效果(11-13)
根据分辨率不同调用不同的css文件(11-13)
Dreamweaver 基础 :DW的"文档"工具(11-01)
Dreamweaver 基础 :DW的"文档"窗口(11-01)
技术专题推荐
网管论坛交流
 

学习网页制作基础入门教程(3)字体标签 

作者:佚名   来源:Linux 宝库   点击:   日期:2006-12-07


-->

  标题标签


  1. 使用方法:<H1>标题?容</H1>


  2. 标签解释:标题的大小一共有六种,两个标签一组,也就是从 <H1> 到 <H6> , <H1> 最大,<H6>最小。使用标题标签时,该标签会将字体变为粗体字,并会自成一行。


  3. 使用范例:


























原始瘁

呈?劫果
<H1>标题1</H1>

标题1

<H2>标题2</H2>

标题2

<H3>标题3</H3>

标题3

<H4>标题4</H4>

标题4

<H5>标题5</H5>
标题5
<H6>标题6</H6>
标题6


  设定字体大小标签


  1. 使用方法:<FONT SIZE="尺寸">文字?容</FONT>


  2. 标签解释:标题的大小一共有七种,也就是<FONT SIZE=1>(最小)到 <FONT SIZE=7>(最大),另外,还有一种写法:<FONT SIZE=+1> 文字?容 </FONT>,其意思就是说:比预设字大一级。当然也可以 FONT SIZE=+2(比预设字大二级),或是 FONT SIZE=-1(比预设字小一级),以一般而言,预设字体多为 3。


  3. 使用范例: 本网页就是 <FONT SIZE = 9pt>


  字型变化标签


  1. 使用方法:<B>文字?容</B>


  2. 标签解释:在文字标签里,对于文字的格式也有相当多的变化,如粗体、斜体...等,此外,也定义了一些现成的格式供编者使用,如『强调』、『原始码』...等,当然,这只是方便您参考用,并无强迫说遇到原始码就要加上『原始码』的标签。


  3. 使用范例:





















































原始代码


显示结果

<B>粗体</B> 粗体 
<I>斜体</I> 斜体
<U>底线</U> 底线
<SUP>上标</SUP> 上标
<SUB>下标</SUB> 下标
<TT>打字机</TT> 打字机
<BLINK>闪烁</BLINK> 闪烁
<EM>强调</EM> 强调
<STRONG>加强</STRONG> 加强
<SAMP>范例</SAMP> 范例
<CODE>原始码</CODE> 原始码
<VAR>参数</VAR> 参数
<DFN>定义</DFN> 定义
<CITE>引用</CITE> 引用
<ADDRESS>所在地址</ADDRESS>
所在地址


  文字颜色设定


  1. 使用方法:<FONT COLOR="#000000">文字颜色</FONT>


  2. 标签解释: 文字也可以设定颜色!


  3. 使用范例:






















原始代码

显示结果
<FONT COLOR="#ff0000">红色</FONT>
红色
<FONT COLOR="#ff8000">橙色</FONT>
橙色
<FONT COLOR="#ffff00">?色</FONT>
?色
<FONT COLOR="#00ff00">绿色</FONT>
绿色
<FONT COLOR="#0080ff">蓝色</FONT>
蓝色
<FONT COLOR="#8000ff">紫色</FONT>
紫色
<FONT COLOR="#000000">黑色</FONT>
黑色


  文字字型设定


  1. 使用方法: <FONT FACE="字型名称">文字</FONT>


  2. 标签解释: 网页上也可以使用字型!唯一的一个限制是:对方也要有该字型!否则看到的仍然还是默认字体(默认字体为宋体)。另外要说明的是,这个标签并无法保证在每个浏览器上都能正常的显示,不过这并没有关系,看不到特殊的字型时,浏览器仍会以默认字体显示,所以不用怕会一团乱。


  3. 使用范例:










原始代码

显示结果
<FONT FACE="宋体">宋体</FONT>
宋体


  特殊字元


  1. 使用方法:试打 "&nbsp;"


  2. 标签解释:很多特殊符号是需要特别处理的,比如说" < "、" > "这两个符号若想要显示在网页上是没有办法直接打" < "的,要显示" < "必须输入编码表示法。


  3. 使用范例:

















原始代码

显示结果
&nbsp;
( 代表一个不断行空白)
&lt;
<
&gt;
>
&amp;
&
&quot;
"





文章评论】 【收藏本文】 【推荐好友】 【打印本文】 【论坛讨论

   相关文章:
·在状态栏中实现活动文字效果 ·DW+ASP玩转动态二级菜单
·鼠标事件的基础和完美实现 ·DW滑动菜单的制作
·网页里震动的效果怎么做 ·灵活运用DREAMWEAVER的SITE功能

   文章评论:(条)
  
 请留名: 匿名评论   点击查看所有评论 网管论坛
 

  责任编辑:一分  声明:刊登此文章是为了传递更多信息,文章内容仅供参考,转载请注明出处。