通行证: 用户 密码 域名空间  下载中心 社区论坛 信息公告 my小屋
联系我们
设为首页
加入收藏

 

qq,asp,php,jsp,xml,sql,.net,编程 程序 网页图象 建站经验 私服
首页 | 新闻资讯 | 编程开发 | 网页设计 | 图形图象 | 网络媒体 | 网站模板 | 数 据 库 | 投稿
论坛 | 操作系统 | 系统优化 | 网络安全 | 黑客技术 | 硬件学堂 | 硬件报价 | 服 务 器 | 地图
专题 | 应用软件 | 聊天通讯 | q q 专栏 | 建站经验 | 在线工具 | 站长club | 注 册 表 | 旧版
社会 | 游戏娱乐 | 设计欣赏 | 疑难解答 | 社区论坛 | 网络赚钱 | 网站地图 | 广告服务 | 服务
当前位置:首页>>网页设计>>html/css>>正文 新版上线![旧版]
注:打开慢时请稍等
html语言剖析(4)

http://www.iyit.net  日期:2006-5-5 9:44:02  来源:中国站长学院  点击:
参加讨论

排版标记

<!--注解--><p><br><hr><center><pre><div><nobr><wbr>
<!--注解-->:
像很多电脑语言一样,html 文件亦提供注解功能。浏览器会忽略此标记中的文字(可以 是很多行)而不作显示,一般使用目的:
  • 为文中不同部份加上说明,方便日后修改。
    这对较复杂或非私人网页尤其重要,它不单是提醒自已,亦提醒你的同事这部分 做什么、那部分做什么。
    例子:
    <!--由这处开始是产品订购表格-->

  • 用作版权声明。
    假如你不希望别人使用或复制你的网页,可加上警告字眼。
    例子:
    <!--本文版权为 1998, creation of webpage 所拥有,未经许,请勿抄摘-->
<p> :
<p>称为段落标记。作用:为字、画、表格等之间留一空白行。

本来<p>是一围堵标记,标于一段落的头尾,但从 html 2.0 开始己不需要</p>作结尾。

<p> 的常用参数: 如:<p align="center">

  • align="center"
    可选值:right, left, center。
    内定值: align="left"

例子:
原始码here is the text for my paragraph. it does't matter how long it is,
how many space are between the words or when i decide to hit the return key.
it will create a new paragraph only when i begin the tag with another one.
<p>here's the next paragraph.
显示结果

here is the text for my paragraph. it does't matter how long it is, how many space are between the words or when i decide to hit the return key. it will create a new paragraph only when i begin the tag with another one.

here's the next paragraph.

<br> :
<br>称为换行标记。作用:令字、画、表格等显示于下一行。

由于浏览器会自动忽略原始码中空白和换行的部分,这令到<br>成为最常用的标记之 一。因为无论你在原始码中编好了多漂亮的文章,若不适当地加上换行标记或段落标记, 浏览器只会将它显示成一大段。

错误示范:(邮局可不会接受一行过的地址)
原始码566 e boston post rd
mamaroneck ny 10543-9982
united states of america
结果566 e boston post rd mamaroneck ny 10543-9982 united states of america

正确例子:
原始码566 e boston post rd
<br>mamaroneck ny 10543-9982
<br>united states of america
结果566 e boston post rd
mamaroneck ny 10543-9982
united states of america

<hr> :
<hr>称为水平线。作用:插入一条水平线。

<hr> 之参数修改:
以: <hr align="left" size="2" width="70%" color="#0000ff" noshade> 为例。

  • align="left"
    设定线条置放位置,可选择:left;right;center 三种设定值。

  • size="2"
    设定线条厚度,以像素作单位,内定为 2。

  • width="70%"
    设定线条长度,可以是绝对值(以像素作单位)或相对值,内定为 100%。

  • color="#0000ff" 『只适用于ie』
    设定线条颜色,内定为黑色。 #0000ff 代表蓝色,亦可以采用颜色的名称,即 text="blue" 。

  • noshade
    设定线条为平面显示,若删去则具阴影或立体,这是内定值。

例子:
原始码<hr>
<hr align="left" size="4">
<hr align="left" size="2" width="70%" color="#0000ff" noshade>
<hr align="left" size="4" width="70" color="#008000">
显示结果



<center> :
<center>称为居中标记。作用:令字、画、表格等显示于中间。

这标记原先是 netscape 所定义,后来其它浏览器都支持它,但你会发现很多标记已有 align="center" 的参数,<center>似乎多馀了,事实上它还是常用的标记之一,其简单 易用,常用于文字上,对于己加有 align="center" 参数的 <table> 标记亦要不厌其烦 地加上居中标记,因有狻多浏览器不支持<table> 标记中的 align="center" 参数。

例子:
原始码<center>chris's first homepage</center>
<center>what's new</center>
<center>my profile</center>
结果
chris's first homepage
what's new
my profile

<pre> :
<pre>称为预设格式标记。作用:令文件按照原始码的排列方式显示。

这标记允许保留你于原始码中输入的空白及 return。细看以下例子你便可体会到此标记的 威力。除了运用一大堆表格标记之外你只有采用这标记才能有此效果。

能以<pre>标记产生对 效果,或产生多于一行的空白才算上乘!

例子:
原始码
	<pre>	creation of webpage log analysis i	composer learning  459 407 480 522 547 586 673	html advanced      200 268 296 358 385 453 506</pre>
显示结果
 		creation of webpage log analysis i		composer learning  459 407 480 522 547 586 673	html advanced      200 268 296 358 385 453 506

<div> :
<div>称为区隔标记。作用:设定字、画、表格等的摆放位置。

<div>应用于 style sheet(式样表)方面会更显威力,它最终目的是给设计者另一种组织 能力,有 class ; style ; title ; id 等属性,将会于【style sheet】一节才作详述,这处只介绍 一个属性设定。
以 <div align="center"> 为例:

  • align="center"
    可选值:center ; left ; right 。决定字、画、表格等居中、靠左或靠右。
    <div align="center"> 的作用和居中标记 <center>一样,前者是由 html3.0 开始 的标准,后者是通用己久的标示法。

例子:
原始码<div align="center">chris's first homepage
<br>what's new
<br>my profile</div>
结果
chris's first homepage
what's new
my profile

<nobr> :
<nobr>称为不折行标记。作用:令某些文字不因太长而绕行,一 显示于同一行或下一 行。它对住址、数学算式、一行数字、程式码等尤为有用。

例子:(其中 chris's creation of webpage 将不被分开而显示于同一行。)
if you want to know how to create you own homepage quickly, don't miss <nobr>chris's creation of webpage</nobr> which will help you a lot.
结果if you want to know how to create you own homepage quickly, don't miss chris's creation of webpage which will help you a lot.

<wbr> :
<wbr>称为建议折行标记。作用:预设折行部位。
它没有侵犯到 <br> 的责任,只是作建议而已,若观者的系统解像度够高的话,那么它是 不会折行的。

例子:(若不加<wbr>标记,整个网址会显示于下一行。)
原始码please visit my other homepage which locate at http://www.geocities.com/siliconvalley/<wbr>sector/8234/index.html there are many softwares for download. i think you will really love that place.
结果please visit my other homepage which locate at http://www.geocities.com/siliconvalley/sector/8234/index.html there are many softwares for download. i think you will really love that place.



编辑:黑鹰 [发送给好友] [打印本页] [关闭窗口] [返回顶部]
上一篇:html语言剖析(3)
下一篇:常见页面元素遮住菜单解决方法
转载请注明来源:www.iyit.net
特别声明: 本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。

 相关文章
最新更新 热点排行 推荐新闻
xhtml第12天:校验及常见错误
xhtml第11天:如何制作不用表格的菜单
xhtml第10天:div自适应高度
xhtml第9天:第一个css布局实例
xhtml第8天:css布局入门技术
按形容词分类:传统、稳重、古典
按形容词分类:传统、高雅、优雅
按形容词分类:冷静、自然
按形容词分类:高尚、自然、安稳
按形容词分类:回味、女性化、优雅
按形容词分类:华丽、花哨、女性化
按形容词分类:狂野、充沛、动感
按形容词分类:轻快、华丽、动感
按形容词分类:运动型、轻快
按形容词分类:活泼、快乐、有趣
读取符合rss2.0规范的xml文档
flash中通过xmlsocket监控生产系统(2-
flash中通过xmlsocket监控生产系统(2-
flash中通过xmlsocket监控生产系统(2-
flash中通过xmlsocket监控生产系统(2-
qq珊瑚虫外挂4.0版本发布!
多个广告位招商!
摄影后期系列一:1分钟为数码相片去红眼
qq挂机说明
asp进度条
photoshop通道抠图:给秀发飞扬的mm照
教您显示器亮度对比度的调节
新版上线,今日正式开通!!!
更多精彩图文广告等着您!
asp中使用sql语句教程
第二十章 开发delphi对象式数据管理功
sql简明教程(1)
vbscript和javascript互相调用 
jsp教程(四)-jsp actions的使用
操作系统被入侵后的修复过程
五一别忘电脑防毒 养成良好上网习惯
google对ie浏览器将捆绑搜索功能表担忧
新版上线,今日正式开通!!!
用photoshop创意图形“岁月”
摄影后期系列一:1分钟为数码相片去红眼

 友情链接
设置首 页 - 版权声明 - 广告服务 - 关于我们 - 联系我们 - 友情连接
copyrights © 2004-2006 iyit.net all rights reserved.
网站合作、广告联系qq:147007642、466949678
易特网络技术 点击这里给我发消息