白露 的个人主页 注册

【】博客基本代码释义

导语:

修改
字体调整: | |

发表于2012年12月31号 13点 阅读 3141 评论3 点赞0 ©著作权归作者所有

           为辅助新学员更好掌握代码制作现转载菊花老师提供的代码教材。谢谢菊花老师无私奉献精神

  

博客基本代码释义

代 码

释 义

一、文字语法

align=center

文字居中

align=left

文字居左

align=right

文字居右

align=up

文字居上

align=down

文字居下

<font face=宋体></font>

指定字体

<font color=颜色代码></font>

设定字体颜色

<font size=数值></font>

设定字体大小(数值1至7,7最大)

<b>相关文字</b>

设定粗体字

<strong>相关文字</strong>

设定粗体字(强调)

<h1>相关文字</h1>

设定标题字大小(h1最大,h6最小)

<i>相关文字</i>

设定斜体字

<em>相关文字</em>

设定斜体字(强调)

 <dfn>相关文字</dfn>

设定斜体字(表示定义)

<big>相关文字</big>

字体加大

<font size=100p%>相关文字</font>

字体最大

<font style ="font-size:100px">相关文字</font>

字体无限增大

<marquee>相关文字</marquee>

移动字体

<kbd>相关文字</kbd>

键盘相关文字

<tt>相关文字</tt>

打字体

<sup>相关文字</sup>

上标字

<sub>相关文字</sub>

下标字

<u>相关文字</u>

底线

<ins>相关文字</ins>

底线(表示插入相关文字)

<strike>相关文字</strike>

横线

<s>相关文字</s>

删除线

<del>相关文字</del>

删除线(表示删除)

<xmp>相关文字</xmp>

固定宽度字体

<plaintext>相关文字</plaintext>

固定宽度字体(不执行标记符号)

<listing>相关文字</listing>

固定宽度小字体

<pre>相关文字</pre>

原始文字样式,预格式化文本

二、区段标记

<br> 

换行

&nbsp; 

空格

<p>相关内容</p> 

段落

<DIV相关内容</DIV> 

段落

<center>相关内容</center>  居中

居中

 <left>相关内容</left>  居左

居左

<right>相关内容</right> 

 居右

<P align=center>相关内容</p> 

排版段落的标签

<DIV align=center>相关内容</DIV> 

排版大块段落的标签

align=属性值

对齐方式,属性值为left(左对齐,默认),center(居中),right(右对齐)

width=数值 

表示宽度,数值为像素和百分比两种

height=数值 

表示高度,取值方法同width

<nobr>相关文字</nobr> 

不换行

<hr> 

水平线

<hr size="数值"> 

设定水平线厚度

<hr width="数值"> 

设定水平线宽度,
数值为像素和百分比两种

<hr color="颜色代码"> 

设定水平线颜色

<hr noshade> 

设定没有阴影的水平线

<BLOCKQUOTE>要缩排的文字</BLOCKQUOTE> 

从两边缩进文本

三、地址链接

<base href=网页地址>  

预设好链接路径

<a href=网页地址></a> 

外部链接

<a href=网页地址 target="_blank"></a> 

另开新窗口链接

<a href=网页地址 target="_top"></a> 

全窗口链接

<a href=网页地址 target="页框名"></a> 

在指定页框链接

<a href=网页地址 style="text-decoration:none">相关文字</a> 

消除链接文字的下划线

<a href=网页地址><IMG src=图片地址 border=0></a> 

图片链接

<a href=网页地址>相关文字</a> 

文字链接

<a href=网页地址><font face=宋体 color=#660000 size=6>相关文字</font></a> 

彩色文字链接

四、贴图/音乐

<img src=图片地址>

简单贴图

<img src=图片地址 width=数值 height=数值> 

设定图片宽度和高度

<img src=图片地址 alt="提示相关文字"> 

设定图片提示相关文字

<img src=图片地址 border=数值> 

设定图片边框(边框线宽度)

<img src=图片地址 hspace=数值 vspace=数值>  

图形四周留白

<body background=图片地址> 

贴背景图片

<body bgcolor=颜色代码>

设定背景颜色

<bgsound src=音乐地址 autostart=true loop=true> 

背景音乐(隐藏)

<embed src=音乐地址 autostart=true loop=true></embed> 

背景音乐(显示播放器)

<embed src=flash地址 width=数值 height=数值></embed> 

贴Flash音画

<img dynsrc=影视地址 width=数值 height=数值 start=mouseover> 

贴影视

<iframe src=网页地址 width=数值 height=数值></iframe> 

贴网页

<body background="图片地址" body bgproperties=fixed>  

固定背景不随滚动条滚动

五、文字移动

<marquee>相关文字</marquee> 

简单重复移动

<marquee behavior=slide>相关文字</marquee>

向左一次移动

<marquee behavior=scroll>相关文字</marquee>  

预设卷动

<marquee behavior=alternate>相关文字</marquee> 

左右来回移动

<marquee direction=up>相关文字</marquee> 

向上重复移动

<marquee direction=down>相关文字</marquee> 

向下重复移动

<marquee direction=left>相关文字</marquee> 

 向左重复移动

<marquee direction=right>相关文字</marquee> 

向右重复移动

<marquee loop=数值>相关文字</marquee> 

设定移动次数

<marquee width=数值>相关文字</marquee>

设定文字移动的宽度范围

<marquee height=数值>相关文字</marquee> 

设定移动高度

<marquee bgcolor=颜色代码>相关文字</marquee>  设定移动背景颜色

设定移动背景颜色

<marquee scrollamount=数值>相关文字</marquee> 

设定文字移动的速度

<marquee scrolldelay=数值>相关文字</marquee>  设定移动时间

设定移动时间

<marquee scrolldelay=数值 scrollamount=数值>相关文字</marquee> 

设定移动停顿

六、表格语法

<TABLE></TABLE> 

定义表格

<TR></TR> 

定义表格中的“行”

<TD></TD> 

定义表格中的“列”

 border=数值 

表格外框线宽度

borderColor=颜色代码 

表格边框线颜色

bordercolorlight=颜色代码 

表格亮边框颜色

bordercolordark=颜色代码 

表格暗边框颜色

bgcolor=颜色代码 

表格的背景颜色

background=图片地址 

表格的背景图案

cellspacing=数值 

表格中各单元格框线的间距

cellpadding=数值 

表格内容与表格边框之间的距离

colspan=数值 

合并表格的列数

rowspan=数值 

合并表格的行数

<caption></caption> 

建立表格的标题,
通过位置属性定义标题的位置

<table cols=数值>内容</table> 

指定表格的栏数

<table frame=数值>内容</table> 

设定表格外框线的显示方式

<frameset cols="20%,*"> 

分割左右两个框架

<frameset cols="20%,*"> 

左右分割,将左边框架分割大小为20%,右边框架的大小会自动调整

<frameset cols="20%,*,20%"> 

分割左中右三个框架

 <frameset rows="20%,*"> 

分割上下两个框架

<frameset rows="20%,*">  上下分割,将上面框架分割大小为20%,下面框架的大小会自动调整

上下分割,将上面框架分割大小为20%,下面框架的大小会自动调整

<frameset rows="20%,*,20%"> 

分割上中下三个框架

(注:您的设备不支持flash)

声明:以上内容仅用户个人行为,不代表本站(老小孩社区)观点,如有侵权或其他行为用户自己承担相关责任与本站无关。【举报文章】
点赞0 收藏 10 推送到圈子 分享
微信扫二维码分享

等0人点赞

本文作者

加好友
评论字体大小调节: | |

精选留言

您需要登录后才能回复

登录立即注册

请选择你想添加的收藏夹

新建收藏夹

收藏夹名称

©2017 老小孩网站版权所有 | 沪ICP备08012383号    举报电话:021-64323922
×
×