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

雪劲松的博客

特色:新设学生创业目录。简约,条理,以观赏陶冶情操,以资料方便博友。

 
 
 

日志

 
 

常用HTML命令代码解释01-文字部分(原创)  

2008-07-10 09:52:48|  分类: 13-2、内容 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

常用HTML命令代码解释01-文字部分(原创) - 雪劲松 - 雪劲松的博客网易博客的几次改版使得其跃身成为博客霸主,这种进化的关键是网易博客中可以使用html命令代码编辑自定义模块和日志。所以你要使用网易博客,了解这里允许使用的html命令代码是非常必要的。
      在html命令代码里有好多叫标签的元素。什么是标签?标签是在<>内加上一些英文单词或简写,用来组成<>...</>形式的html命令代码,做为通知浏览器来处理的命令。标签一般都是前后对应的,即<>...</>。html比较宽松:
  1、英文单词不区别大小写;
  2、允许标签不关闭(即没有</>);
  3、多乱的代码很可能照样能用。
html里每个标签都会对应一定的参数,由参数来指定这个标签的具体细节如何处理,比如常见的参数with="300"是宽300像素,hight="100%"是高度占页面的100%,参数的数值外面的" "也是加不加都行。

下面分几个专题来介绍常用HTML命令代码的使用,凡在这里列举的代码都是经过作者在网易博客里验证过的,欢迎大家使用,并提出您的宝贵意见和建议。
   常用HTML命令代码解释01-文字部分(原创) - 雪劲松 - 雪劲松的博客 第一讲、文字

首先明确:在html里,用标签<font>来标识文本的开始,用</font>来标识文本的结束。

1、标题文字 <h#>..........</h#>,其中 #=1~6,h1为最大字,h6为最小字。

如:<H1>你好!</H1>,显示为最大:

      你好!

       2、非标题文字

如:<FONT face=黑体 color=#ff0000 size=6>你好!</FONT>,显示为极大、红色、黑体字:

  你好!

【1】字体大小 <font size=#>..........</font>,其中 #=1~7;数字愈大字也愈大;

【2】指定字型 <font face="字体名称">..........</font> ,如上例中的“黑体”,还有楷书、仿宋体等;

【3】文字颜色 <font color=#6位数字>..........</font>,其中“color=#6位数字”是用16进制表示的颜色,如#FF0000表示红色,见我的博客里《装扮博客素材库》01的“用16进制表示的颜色代码表”。

 3、显示小字体 <small>..........</small>

如:<SMALL>你好</SMALL> ,显示为小字体:

      你好

4、显示大字体 <big>..........</big>

如:<BIG>你好</BIG>,显示为大字体:

    你好

5、粗体字 <b>..........</b>

如:<B><BIG>你好</BIG></B>,显示为大粗字体:

    你好

<STRONG>......</STRONG>也显示粗体字.

6、斜体字 <i>..........</i>

如:<I>你好</I>,显示为斜字体:

    你好

<EM>你好</EM> 也可以显示斜字体。

7、底线 <u>..........</u>

如:<U>你好</U>,显示:你好

8、删除线 <strike>..........</strike>

如:<STRIKE>你好</STRIKE>,显示:你好

9、下标字 <sub>..........</sub>

如:任一段文字<SUB>你好</SUB> ,显示:任一段文字你好

10、上标字 <sup>..........</sup>

如:欢迎光临!<SUP>你好!</SUP> ,显示:欢迎光临!你好!

11、换行(也称回车) <br>

如:欢迎光临!<BR>你好! 显示:

欢迎光临!

你好!

12、分段 <p>

如:以动画为主,拟建成集观赏、资料、咨询型于一体的温馨港湾,以便更好的为博友服务。以动画为主,拟建成集观赏、资料、咨询型于一体的温馨港湾,以便更好的为博友服务。以动画为主,拟建成集观赏、资料、咨询型于一体的温馨港湾,以便更好的为博友服务。 <P>以动画为主,拟建成集观赏、资料、咨询型于一体的温馨港湾,以便更好的为博友服务。以动画为主,拟建成集观赏、资料、咨询型于一体的温馨港湾,以便更好的为博友服务。

显示:

以动画为主,拟建成集观赏、资料、咨询型于一体的温馨港湾,以便更好的为博友服务。以动画为主,拟建成集观赏、资料、咨询型于一体的温馨港湾,以便更好的为博友服务。以动画为主,拟建成集观赏、资料、咨询型于一体的温馨港湾,以便更好的为博友服务。

以动画为主,拟建成集观赏、资料、咨询型于一体的温馨港湾,以便更好的为博友服务。以动画为主,拟建成集观赏、资料、咨询型于一体的温馨港湾,以便更好的为博友服务。

13、文字的对齐方向 <p align="#">  其中 #号可为 left:表向左对齐(预设), center:表向中对齐, right:表向右对齐。在<p align="#">之后的文字都会以所设的对齐方式显示,直到出现另一个<p align="#">改变其对齐方向,遇到<hr>(分隔线)或<h#>(标题)标签时会自动设回预设的向左对齐。

如:

【1】、<P align=left>以动画为主,拟建成集观赏、资料、咨询型于一体的温馨港湾,以便更好的为博友服务。</P>

显示:

以动画为主,拟建成集观赏、资料、咨询型于一体的温馨港湾,以便更好的为博友服务。

【2】、<P align=center>以动画为主,拟建成集观赏、资料、咨询型于一体的温馨港湾,以便更好的为博友服务。</P>

显示:

以动画为主,拟建成集观赏、资料、咨询型于一体的温馨港湾,以便更好的为博友服务。

【3】、<P align=right>以动画为主,拟建成集观赏、资料、咨询型于一体的温馨港湾,以便更好的为博友服务。</P>

显示:

以动画为主,拟建成集观赏、资料、咨询型于一体的温馨港湾,以便更好的为博友服务。

14、实心分隔线 (博客默认是空心的)

<DIV align=left><HR style="WIDTH: 600px; HEIGHT: 10px" color=#ff0000 noShade ></DIV> 

显示:


       【1】分隔线对齐方向 align="#"

     #号可为 left:表向左对齐(预设值) center:表向中对齐 right:表向右对齐

【2】分隔线的颜色 color=#6位数字

【3】实心分隔线 noshade

【4】分隔线尺寸  style="WIDTH: 600px; HEIGHT: 10px",WIDTH:宽,HEIGHT:高。

15、.文字移动指令<MARQUEE>..........</MARQUEE>

     移动速度指令是:scrollAmount=#   其中 #最小为1,速度为最慢;数字越大移动的越快。

     移动方向指令是:direction=#          其中#有三种:up表示向上、down表示向下、left表示向左、right表示向右。    

     指令举例:<MARQUEE scrollAmount=3 direction=up>
<P align=center><FONT color=#ff0000 size=6><STRONG>雪劲松欢迎您光临!</STRONG></FONT></P></MARQUEE>

      显示:

雪劲松欢迎您光临!

常用HTML命令代码解释01-文字部分(原创) - 雪劲松 - 雪劲松的博客本讲完,谢谢阅读!

素材/网络,编写/雪劲松

 

  评论这张
 
阅读(570)| 评论(28)
推荐 转载

历史上的今天

评论

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

页脚

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