注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

我的博客

学如逆水行舟,不进则退!

 
 
 

日志

 
 
关于我

我崇拜伟人,但我从不追逐伟人,因为自知没有那么开阔的步伐!

网易考拉推荐

HTML笔录(-)  

2007-01-07 13:43:04|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

1、分隔线标签<hr>的属性noshade:无需设置值,去除线条阴影;

2、向右缩排标签<blockquote>:将包起来的文字,全部往右缩排。加一组标签,往右缩排一单位,加两组标签,往右缩排两单位,依此类推。

3、字型变化标签:<b>粗体</b>;<i>斜体</i>;<u>底线</u>;<sup>上标</sup>;<sub>下标</sub>;<strong>加强</strong>;<em>强调</em>;<cite>引用</cite>;<address>所在地址</address>;

4、特殊符号:一些特殊的符号是需要特别处理,这些符号若想要呈现在网页上是没有办法直接打印出来,必须输入编码表示法;

原始码 呈现结果
&nbsp;   (&nbsp;代表一个不断行空白)
&lt; <
&gt; >
&amp; &
&quot; "


5、设置文字内定值大小<basefont size="1~7">  这个标签可以改变文字大小的内定值,直接加在<body>标签之后就行了。一般而言,若是没有特别设定,文字大小内定值预定值为3;

6、影象标签<img>:图象文件名区分大小写(网站运行的电脑伺服器的系统比个人用电脑的作业系统严谨得多).常见的网页图形格式有两种就是gif及jpg两种格式。gif格式只有256色,不过色彩比较鲜艳干净漂亮,适合电脑美工图案。而jpg格式的图案是全彩失真压缩,比较适合一大堆颜色的图片,如照片就较适合用jpg格式来呈现

图片位置 用法:<img src="图档" align="位置">
图片位置设定!可以靠左放:align=left、靠上align=top、靠下align=bottom、垂直置中align=middle,其中靠左放可以造成‘文绕图’的效果。
原始码 <img src="images/G-FASE4.GIF"
呈现结果 HTML笔录(-) - 帽檐 - 我的博客嗨!我往右边靠!
原始码 <img src="images/G-FASE4.GIF"
呈现结果 HTML笔录(-) - 帽檐 - 我的博客嗨!我往左边靠!
原始码 <img src="images/G-FASE4.GIF"
呈现结果 HTML笔录(-) - 帽檐 - 我的博客文字对齐我头顶!
原始码 <img src="images/G-FASE4.GIF"
呈现结果 HTML笔录(-) - 帽檐 - 我的博客文字对齐我脚底!
原始码 <img src="images/G-FASE4.GIF"
呈现结果 HTML笔录(-) - 帽檐 - 我的博客文字对齐我中间!
原始码 <img src="images/G-FASE4.GIF"
呈现结果 HTML笔录(-) - 帽檐 - 我的博客文字对齐我绝对中间!

左右间距 用法:<img src="图档" hspace="离左右物件的距离">
离文字的水平距离,通常多少也设一点,以免靠文字太近,看起来才不会有太挤的感觉。
原始码 左边的字<img src="images/G-FASE4.GIF" <>>右边的字
呈现结果 左边的字HTML笔录(-) - 帽檐 - 我的博客右边的字

上下间距 用法:<img src="图档" vspace="离上下物件的距离">
离文字的垂直距离,通常多少也设一点,以免靠文字太近,看起来才不会有太挤的感觉。
原始码 上面的字<br><img src="images/G-FASE4.GIF" <>><br>下面的字
呈现结果 上面的字
HTML笔录(-) - 帽檐 - 我的博客
下面的字

网页用的图档目前只有gif格式以及jpg格式为一般的浏览器所接受。其他如bmp格式或是pcx格式都是无法在网页上使用!

7、文字的颜色内定值::<body text="颜色码">设定一般文字颜色,也就是说,若没有特别去设定文字颜色的话,浏览器就会自动显现您所设定的颜色。:<body link="颜色码">设定“连结”的颜色。:<body alink="颜色码">设定“按下连结”的颜色。:<body vlink="颜色码">设定“按下链结后”的颜色。

1、分隔线标签<hr>的属性noshade:无需设置值,去除线条阴影;

2、向右缩排标签<blockquote>:将包起来的文字,全部往右缩排。加一组标签,往右缩排一单位,加两组标签,往右缩排两单位,依此类推。

3、字型变化标签:<b>粗体</b>;<i>斜体</i>;<u>底线</u>;<sup>上标</sup>;<sub>下标</sub>;<strong>加强</strong>;<em>强调</em>;<cite>引用</cite>;<address>所在地址</address>;

4、特殊符号:一些特殊的符号是需要特别处理,这些符号若想要呈现在网页上是没有办法直接打印出来,必须输入编码表示法;

原始码 呈现结果
&nbsp;   (&nbsp;代表一个不断行空白)
&lt; <
&gt; >
&amp; &
&quot; "


5、设置文字内定值大小<basefont size="1~7">  这个标签可以改变文字大小的内定值,直接加在<body>标签之后就行了。一般而言,若是没有特别设定,文字大小内定值预定值为3;

6、影象标签<img>:图象文件名区分大小写(网站运行的电脑伺服器的系统比个人用电脑的作业系统严谨得多).常见的网页图形格式有两种就是gif及jpg两种格式。gif格式只有256色,不过色彩比较鲜艳干净漂亮,适合电脑美工图案。而jpg格式的图案是全彩失真压缩,比较适合一大堆颜色的图片,如照片就较适合用jpg格式来呈现

图片位置 用法:<img src="图档" align="位置">
图片位置设定!可以靠左放:align=left、靠上align=top、靠下align=bottom、垂直置中align=middle,其中靠左放可以造成‘文绕图’的效果。
原始码 <img src="images/G-FASE4.GIF"
呈现结果 HTML笔录(-) - 帽檐 - 我的博客嗨!我往右边靠!
原始码 <img src="images/G-FASE4.GIF"
呈现结果 HTML笔录(-) - 帽檐 - 我的博客嗨!我往左边靠!
原始码 <img src="images/G-FASE4.GIF"
呈现结果 HTML笔录(-) - 帽檐 - 我的博客文字对齐我头顶!
原始码 <img src="images/G-FASE4.GIF"
呈现结果 HTML笔录(-) - 帽檐 - 我的博客文字对齐我脚底!
原始码 <img src="images/G-FASE4.GIF"
呈现结果 HTML笔录(-) - 帽檐 - 我的博客文字对齐我中间!
原始码 <img src="images/G-FASE4.GIF"
呈现结果 HTML笔录(-) - 帽檐 - 我的博客文字对齐我绝对中间!

左右间距 用法:<img src="图档" hspace="离左右物件的距离">
离文字的水平距离,通常多少也设一点,以免靠文字太近,看起来才不会有太挤的感觉。
原始码 左边的字<img src="images/G-FASE4.GIF" <>>右边的字
呈现结果 左边的字HTML笔录(-) - 帽檐 - 我的博客右边的字

上下间距 用法:<img src="图档" vspace="离上下物件的距离">
离文字的垂直距离,通常多少也设一点,以免靠文字太近,看起来才不会有太挤的感觉。
原始码 上面的字<br><img src="images/G-FASE4.GIF" <>><br>下面的字
呈现结果 上面的字
HTML笔录(-) - 帽檐 - 我的博客
下面的字

网页用的图档目前只有gif格式以及jpg格式为一般的浏览器所接受。其他如bmp格式或是pcx格式都是无法在网页上使用!

7、文字的颜色内定值::<body text="颜色码">设定一般文字颜色,也就是说,若没有特别去设定文字颜色的话,浏览器就会自动显现您所设定的颜色。:<body link="颜色码">设定“连结”的颜色。:<body alink="颜色码">设定“按下连结”的颜色。:<body vlink="颜色码">设定“按下链结后”的颜色。

8、网页内部连接:先在欲连结处作记号<a >< ,设定连结<>

9、网页外部连接:

< href="#here1" a>,设定连结<>

网站连结 好站 <a href="< >好站<>
电子邮件连结 写情书给我 <a href="< >写情书给我<>
ftp连结 下载档案 <a href="< >下载档案<>
news连结 seednet news服务 <a href="< news服务< >seednet>
gopher连结 seednet gopher服务 <a href="< >seednet gopher服务<>
bbs连结 seednet gopher服务 <a href="< >seednet bbs服务<>


10、下拉式选单<SELECT>:SIZE="数值",是设定此一栏位的大小,预设值为1,MULTIPLE,是设定此一栏位为复选,可以一次选好几个选项。

  评论这张
 
阅读(143)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017