登录名:  密码:  验证码: 7257
设为首页 收藏本站 联系站长
2009年1月10日
农历戊子年(鼠)
腊月十五
 首页 | 最新上传 | 新闻 | 购物商场 | 招聘求职 | HTML学习 | java学习 | IT新闻 | 黑客技术 | 域名和空间 | 流量统计 | 故事小说
 GIF动画制作 | 图片素材 | 源码下载 | 书籍下载 | 视频资料 | ASP | 数据库 | PHP | 基本电脑知识 | 迅雷资源 | 兼职 | 组网工程
 英语学习 | FLASH专区 | ASP.NET | VB | 综合资源网 | 驱动下载 | 游戏下载 | 网站模板网页美工 | 韩文学习 | 论坛
 特别推荐:产品报价  漂亮网站网址  图片素材
  我要查找:  
欢迎您来这里。每天学一点,每天进步一点!
Google
 当前位置:首页 >> HTML学习  >> HTML学习
HTML语言教程:版面风格控制
来源:  发表日期:2008年6月25日 作者: 

 编辑:admin 级别: 司令 浏览次数:171
】    
§4.1 字体大小

  html有七种字号,1号最小,7号最大。缺省字号为3,可以用<basefontsize=字号>设置缺省字号。
  设置文本的字号有两种办法,一种是设置绝对字号,<font size=字号>;另一种是设置文本的相对字号;<font size=±n>。用第二种方法时“+”号表示字体变大,“-”号表示字体变小。

<font size=7>Today is fine!</font>
Today is fine!

<font size=6>Today is fine!</font>
Today is fine!
<font size=5>Today is fine!</font>
Today is fine!
<font size=4>Today is fine!</font>
Today is fine!
<font size=3>Today is fine!</font>
Today is fine!
<font size=2>Today is fine!</font>
Today is fine!
<font size=1>Today is fine!</font>
Today is fine!

§4.1.2 字体风格

  字体风格分为物理风格和逻辑风格。物理风格直接指定字体,物理风格的字体有<b>黑体,<i>斜体,<u>下划线,<tt>打字机体。逻辑风格指定文本的作用。<em>强调 <srrony>特别强调 <code>源代码 <samp>例子 <kbd>键盘输入 <var>变量 <dfn>定义 <cite>引用 <small>较小<big>较大 <sup>上标 <sup>下标
物理风格
<b>Today is fine!</b> Today is fine!
<i>Today is fine!</i> Today is fine!
<u>Today is fine!</u> Today is fine!
<tt>Today is fine!</tt> Today is fine!

§4.1.3 字体颜色

  字体的颜色用<font color=#>指定,#可以是6位16进数,分别指定红、绿、兰的值,也可以是black,olive,teal,red,blue,maroon,navy,gray,lime,fudrsia,white,green,purple,sliver,yellow,aqua 之一。

§4.1.4 闪烁

  <blink>文本</blink>使文本闪烁,闪烁频率为1秒钟一次。

§4.2 横线 (hr)

  横线,一般用于分隔同一文体的不同部分。在窗口中划一条横线非常简单,只要写一个<hr>即可。横线的宽度用<hr size=n>指定,width=#>指n是线宽,单位是象素。例:<hr size=10>。 <hr 定横线长度,可以指定绝对线长,也可以指定横线长度占窗口宽度的百分比。例
<hr width=50>


<hr width=50%>


  横线的位置用<hr align=#>指定。
  #是left成right之一,left表示左端与左边界对齐,right是右端与右边界对齐,缺省,横线出现在窗口正中。

4.3 行间图象

  行向图象使你的页面更加漂亮,但是行向图象会导致网络通讯量急剧增大。使访问时间延长。所以在主页(homepage),不宜采用很大的图象。如果确实需要一些大图象,最好在主页中用一个缩小的图象指向原图,并标明该图的大小。这样读者可以快速地访问您的主页,自己选择看还是不看那些图象。
  图象的基本格式为:
  <img src="image-url">或<img src="image-urd"alt="text">
image-url是图象文件的url。目前,大部分浏览器支持 .gif 和 .jpg文件,alt属性告诉不支持图象的浏览器用text代替该图。

4.3.2 图象与文本的对齐方式
  图象在窗口中会占据一块空间,在图象的左右可能会有空白,不加说明时,浏览器将随后的文本显示在这些空白中,显示的位置由align属性指定。 
  用align=left,righr时,图象是一个浮动图象。比如align=left,图象必须挨着左边框,它把原来占据该块空白的文本“挤走”,或挤到它右边,或挤到它上下。
  文本与图象的间距用vspace=#,hspace=#指定,#是整数,单位是象素,前者指定纵向间距,后者指定横向间距。

4.4 分行<BR>和禁止分行<nobr>

  <Br>表示在此处分行,<nobr>....</nobr>叫通知浏览器,其中的内容在一行内显示,若一行内显示不了,则超出部分被裁剪掉。
  <br clear=#>clear属性标明下一行的情况,如 clear=left,表示下一行从左边界处开始。#可以是left,right,all之一。

§4.5 背影和文本颜色

  窗口背景可以用下列方法指定
  <body background="image-url">
  <body bgcolor=# text=# link=# alink=# vlink=#>
前者指定填充背景的图象,如果图象的大小小于窗口大小,则把背景图象重复,直到填满窗口区域。后者指定的是16进制的红、绿、兰分量。
  bgcolor 背景颜色
  Text 文本颜色
  Link 链接指针颜色
  alinik 活动的链接指针颜色
  vlinik 已访问过的链接指针颜色
例 <body bgcolor=FFoooo>大红背景色。
注意,此时体元素必须写完整,即用<body>结束

4.6 转义字将与特殊字符

  html中< , >,&有特殊含义,(前两个字符用于链接签,&用于转义),不能直接使用。使用这三个字符时,应使用它们的转义序列。
   & 的转义序列为 &amps 或 &#38;
   < 的转义序列为 &Lt; &#60;
   > 的转义序列为 &gt; &#62;
  前者为字符转义序列,后者为数字转义序列。
  例如 &Lt;font&Lgt;显示为<font>,若直接写为<font>则被认为是一个链接签。
  需要说明的是:

  1. 转义序列各字符间不能有空格;
  2. 转义序列必须以“;”结束;
  3. 单独的&不被认为是转义开始。

  如“ & Lt; ”被解释为 “& Lt;”而不是<;
  另一个需要转义的字符是引号,它的转义序列为"&quot;"或"&#34;",例如
  <img src="image.gif"alt="A &quol; real &quot;example">
  html使用的字符集是ISO &859 Larin-1字符集,该字符集中有许多标准键盘上无法输入的字符。对这些特殊字符只能使用转义序列。

(编辑:网站学习网)
 ·上一篇文章: HTML语言教程:超文本链接指针
 ·下一篇文章: HTML语言教程:表格(Table)
 该篇文章的评论
 暂无相关评论
 姓名:  邮箱:
 内容:
                
 相关文章
 · html基础入门教程下载
 · 怎样控制文本输入框中字
 · HTML帖子制作教程:前言
 · HTML帖子制作教程:字体
 · 今天是19日想把网站首页
 · CSS语法
 · HTML语言教程:版面风格
 · HTML语言教程:分框&nbs
 · HTML2.0 字符实体名
 · HTML语言教程:表格(Tab
 · 基础知识_清华大学版
 最新上传文章
 · 使用 cookie 
 · Asp Object 之
 · 建立企业信息化 &n
 · 80后IT四少:媒体塑造了我
 · 我国企业电子商务交易总
 · asp连接带有密码的acces
 · 互联网应用广泛 电
 · Adobe Illustrator
 · delphi程序打包安装制作
 · 企业邮件管理有新招&nbs
 · toolbar图标:ToolBar上的

服务说明 | 关于网站 | 联系我们 | 友情链接
网站学习网欢迎您!
http://www.studywebgood.com
浙ICP备07030755号 
联系邮箱:shuizhilang@126.com 如本网站侵犯了您的版权,请马上通知我.