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

樱桃

http://klly1928.blog.163.com/

 
 
 

日志

 
 

【博客教程】基本博客代码大全  

2013-02-17 20:40:46|  分类: 博客教程 |  标签: |举报 |字号 订阅

  下载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> 

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

樱桃猜你也喜欢:

 【博客教程】什么是代码及代码怎么用?

【博客教程】学会这招您就能下载所有的视频

【博客教程】怎么制作网易博客风格教程

              点击加关注
              点击加关注
【樱桃网·欢迎您】樱桃网*网易博客声明:本博内容非商业用途,本博杜绝色情、诋毁、谩骂等一切不良内容;如转载本博所有内容不得去掉本博链接,请正常转载,保留转载来源,未经许可本博内容请勿篡改!!!【http://klly1928.blog.163.com/】

  评论这张
 
阅读(699)| 评论(2)
推荐 转载

历史上的今天

评论

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

页脚

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