• 软件测试技术
  • 软件测试博客
  • 软件测试视频
  • 开源软件测试技术
  • 软件测试论坛
  • 软件测试沙龙
  • 软件测试资料下载
  • 软件测试杂志
  • 软件测试人才招聘
    暂时没有公告

字号: | 推荐给好友 上一篇 | 下一篇

经常使用的HTML标注

发布: 2007-7-14 20:06 | 作者: 佚名    | 来源: 网络转载     | 查看: 14次 | 进入软件测试论坛讨论

领测软件测试网 断行:

<p>段落及<br>断行标注:
要让文字断行,必需使用<p> 或<br> 标注。



    在HTML 中按「Enter」让文字分行是没有用的;另外在HTML 文件中空多个空格符,只会空一个。因为在HTML 里面断行是没有作用的,故「Hello」、「HTML」、「第一行」、「第二行」都在同一行。第二行后面有一个<br> 标注,这个标注不需要再写一个对的</br>,表示后面换行。所以「第三行」、「第四行」换到下一行显示,而「第五行」被<p>、</p> 所包围,表示新的段落,所以和<br> 比起来行距比较大。接下来我们看看下面的范例:



   这个范例中,在「第一行」以及「第二行」中间加入全角空格符,就可以将字距拉宽。这是因为全角的空白是中文字型,所以可以加大间距;而「第三行」是被<p> 段落区所包围,<palign="center"> 表示此段落的对齐属性为靠中,只要在这一个段落内的文字都生效。除了"center" 外,还有"left" 靠左及"right" 靠右可以设定。

文字的显示

<font>标注:
本标注用来设定文字的大小、颜色、字体。首先我们先来看size 属性的设定:


    size 属性的设定值最小为1,最大为7。也有另一种以第三级算为基准,然后加减几级的用法:


    face 属性是设定文字的字型,接着我们来看看face 属性的范例,分别将size 都设定为5,并且
使用细明体级标楷体:


    color 属性为设定字体的颜色,其设定方式有两种:一种是直接输入颜色的英文名称,例如红色为red,绿色为green,蓝色为blue;另一种比较常用,为输入RGB 三原色的强度值,用法为<fontcolor="#rrbbgg">,其中rr、gg、bb 分别代表红色、绿色、蓝色的强度,分别由最弱的00 到最强的FF(十六进制)。



   只要调整好RGB 三原色的强度,即可调配出各种颜色。但是并不建议这做,因为FrontPage 提供了视觉的方式直接选择你所需要的颜色,不但快速而且方便。首先,先切换到「一般」窗口,并且选择所要调整颜色的文字区域:


   然后把「字型色彩」旁的小箭头拉下来,你可以直接选择上面的颜色,或是点选「其它色彩」选择丰富的颜色:


    选择完毕后切到「HTML 窗口」即可得到所要的颜色值:


<b> 粗体、<i> 斜体及<u> 底线标注:
接下来的<b>、<i> 以及<u> 分别为设定字体是否为粗体、斜体或是加底线:


段落及项目
<h1>~<h6> 标题标注:
这个标注是用来设定用来当作标题的文字大小,从<h1> 到<h6> 总共有六级:


<blockquote>缩排标示:
这个标示可以用来设定某段落是否要缩排:



<ol> 条列标注:
本标注是用来显示条列的数据,可以自动将条列加入编号,其中要显示编号的条列前面加上<li>标注即可:


<ul>条列标注:
本标注是用和<ol> 一样用来显示条列的数据,但是以项目符号(?。)来显示,只要把刚刚的<ol> 标注改成<ul> 就可以了:


<div> 段落对齐标注:
    想要设定一个段落的对齐属性,只要在<p> 标注内设定align 属性就可以了。倘若要设定所有段落的对齐属性,那么每个<p> 标注内都要设定,对我们来说太麻烦了。这时候只要用<div>标注设定align 属性,并将要影响的段落含括到<div> 标注内就可以了:



其它和文字呈现有关的标注
除了上面所提的标注之外,还有一些和设定文字有关的标注:


表格
    善用表格来群组数据,可以让网页的版面更容易让使用者接收,也可以整齐的配置文字与影像的位置。要产生表格,必需搭配<table>、<tr> 以及<td> 这三个标注。<table> 标注用来表示表格的开始及结束,<tr> 则表示其中列的开始及结束,<td> 则表示一列中的字段,而字段我们称为储存格。我们先来看看下面的表格:

我们来看看这个表格和这三个标注的关系:

    表格要被<table> 标注所包围,而一列内所包含的字段要被<tr> 所包围,接下来才是定义一列内有多少栏<td>。另外<table> 标注的border 属性则表示表格的边框宽度,如为0 则此表格无边框。除border 属性外还有其它有用的属性,我们一一来介绍。

align 属性:
    对齐属性,如果是在<table> 标注内设定此属性,则表示是设定整个table 的对齐;如果在<tr>中设定,则表示整列文字的对齐受影响;若是在<td> 标注内,则表示此字段内文字的对齐会受影响:


bgcolor 属性:
本属性来设定表格的背景色,一样可以分别设定<table>、<tr>、<td> 这三个标注:


cellpadding 及cellspacing 属性
这两个属性用来设定储存格与表格边框的距离以及储存格和储存格边框的距离,我们看看下面范例:

width 属性:
    本属性可以用来设定表格及储存格的宽度,单位有像素及百分比两种。如果要以像素来设定,只要只直接给像素值即可;如果要以百分比设定,则在像素值后面加上百分比符号。如果像之前范例没有设定本属性,则表格的宽度以储存格内的数据长度为准。

文章来源于领测软件测试网 https://www.ltesting.net/


关于领测软件测试网 | 领测软件测试网合作伙伴 | 广告服务 | 投稿指南 | 联系我们 | 网站地图 | 友情链接
版权所有(C) 2003-2010 TestAge(领测软件测试网)|领测国际科技(北京)有限公司|软件测试工程师培训网 All Rights Reserved
北京市海淀区中关村南大街9号北京理工科技大厦1402室 京ICP备10010545号-5
技术支持和业务联系:info@testage.com.cn 电话:010-51297073

软件测试 | 领测国际ISTQBISTQB官网TMMiTMMi认证国际软件测试工程师认证领测软件测试网