导语:
修改发表于2012年12月31号 13点 阅读 4183 评论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> |
设定斜体字(强调) |
<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> |
换行 |
|
空格 |
<p>相关内容</p> |
段落 |
<DIV相关内容</DIV> |
段落 |
<center>相关内容</center> 居中 |
居中 |
<left>相关内容</left> 居左 |
居左 |
<right>相关内容</right> |
居右 |
<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 height=数值>相关文字</marquee> |
设定移动高度 |
<marquee bgcolor=颜色代码>相关文字</marquee> 设定移动背景颜色 |
设定移动背景颜色 |
<marquee scrollamount=数值>相关文字</marquee> |
设定文字移动的速度 |
<marquee scrolldelay=数值>相关文字</marquee> 设定移动时间 |
设定移动时间 |
<marquee scrolldelay=数值 scrollamount=数值>相关文字</marquee> |
设定移动停顿 |
六、表格语法 |
|
<TABLE></TABLE> |
定义表格 |
<TR></TR> |
定义表格中的“行” |
border=数值 |
表格外框线宽度 |
borderColor=颜色代码 |
表格边框线颜色 |
bordercolorlight=颜色代码 |
表格亮边框颜色 |
bordercolordark=颜色代码 |
表格暗边框颜色 |
bgcolor=颜色代码 |
表格的背景颜色 |
background=图片地址 |
表格的背景图案 |
cellspacing=数值 |
表格中各单元格框线的间距 |
cellpadding=数值 |
表格内容与表格边框之间的距离 |
colspan=数值 |
合并表格的列数 |
<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%"> |
分割上中下三个框架 |
请选择你想添加的收藏夹