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

文博---广交益友 探求文化奥秘

博 览 群 贤. 收 藏 知 识. 精 华 .

 
 
 

日志

 
 

《博客基本代码释义》  

2012-07-13 15:13:18|  分类: 百万代码珍藏 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自香儿《博客基本代码释义》
 


博客基本代码释义

代 码

释 义

一、文字语法

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%"> 

分割上中下三个框架

七、HTML基本语法

<html>网页内容</html>

文件格式(文件的开头与结尾)

<head>网页主题</head> 

文头区段(放在文件的开头)

<title>主题信息</title>   

网页主题

<body>网页正文内容</body> 

内文区段(放此文件的内容)

   黄  绿 边框 多种 - 香儿 - xianger

百万书库 百万图库 百万音乐 百万素材 书库主题 图库主题 音乐主题 素材主题
百万工具 主题模块 立地书厨 首页书橱 网上书厨 首页板块 首页模块 收藏精华
期刊杂志 百家讲坛 英语拼音 你的最爱 十大精华 视觉震撼 诗词曲赋 星座物语
有声读物 动态素材 幽默大全 益智游戏 道听图说 五花八门 名人名言 开心辞典
菩提心者 博客制作 精品主题 特别主题 完美主题 珍品主题 我爱我家 魅力中国
国宝档案 百年中国 书法长廊 传世名画 风光典藏 连环画集 世界名画 香儿涂鸦


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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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