HTM常用代码收藏 « 颓废@tuifei.net

Home > 网络编程 > HTM常用代码收藏

HTM常用代码收藏2+

89 views Views / 2010.05.19 / 2:02 上午

预留文章，高手勿进

★★★★★★
★文字控制★
★★★★★★

(文字加粗) <b>文字</b>
(文字颜色) <FONT color=#ffffff> 文字</FONT>
(文字大小) <FONT style=”FONT-SIZE: 20px”>文字</FONT>
(文字字体) <FONT style=”FONT-FAMILY: 黑体”>文字</FONT>
(文字上标) <sup>上标</sup></p>
(文字下标) <sup>上标</sup></p>

综合示例： <FONT style=”FONT-SIZE: 20px; FONT-FAMILY: 黑体” color=#ff0000><STRONG style=”FONT-FAMILY: “>文字</STRONG></FONT>

[文字超连接并且新窗口打开-不新窗口打开，去掉target=_blank] <A href=”http://www.nhaoji.com/” target=_blank>文字</A>

[文字超连接新窗口打开] target=_blank

[网站所有文字超连接全部新窗口打开] <base target=_blank>

★★★★★★★★★★★★★★★★★★★
★ 文字/图片居左.中.右，通用控制代码★
★★★★★★★★★★★★★★★★★★★

(页面框架居中) <P align=center>内容<p>

(页面框架居左) <P align=left>内容 <p>

(页面框架居右) <P align=right>内容 <p>

[简单居中命令-图文通用，甚至框架]： <center>

[背景颜色设置] <body bgcolor=”颜色代码”>

[空格代码-一个代表一个空格]

[换行代码-一个BR代表一行] <br>

[插入一条横线] <HR>

[版权所有符号] ©(代码是：&+copy; +去掉)

[页面插入描述] <!–这里的文字，不会被显示，是代码作者注释用的–>

★★★★★★
★图片控制★
★★★★★★

(纯图片调用) <IMG src=”http://www.nhaoji.com/3.gif”>
(带大小控制) <img src=http://www.nhaoji.com/logo.gif width=270 height=129 >
(带连接地址) <a href=”http://www.nhaoji.com/”><img src=”http://www.nhaoji.com/logo.gif” border=”0″></a>
(插入背景图片) <body topmargin=”1″ background=”images/bg.jpg”>

★★★★★★★★★★★★
★永远居中你的背景图片★
★★★★★★★★★★★★

<STYLE TYPE=”text/css”>
<!–
BODY {background-image: URL(../img/2.gif);
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;}
–>
</STYLE>

★★★★★★★★★★
★背景图片随机变换★
★★★★★★★★★★

<script LANGUAGE=”JavaScript”>
bg = new Array(2);
bg[0] = ‘http://WWW.XXX.COM/0.jpg’
bg[1] = ‘http://WWW.XXX.COM/1.jpg’
bg[2] = ‘http://WWW.XXX.COM/2.jpg’
index = Math.floor(Math.random() * bg.length);
document.write(”<BODY BACKGROUND=”+bg[index]+”>”);
</script>

★★★★★★
★调用音乐★
★★★★★★

(音乐背景1) <EMBED src=”http://www.nhaoji.com/x.mid” autostart=”bool” loop=”n” width=”400″ height=”300″ >

(代码说明：
loop=true为无限次重播，false为不重播，某一具体值（整数）为重播多少次.
autostart=true为音乐文件上传完后自动开始播放，默认为false（否）
width=高度 height=宽度
背景音乐文件最好选择MID格式的，MP3也可，其他不推荐。)

(音乐背景2) <bgsound src=”http://www.nhaoji.com/x.mid” loop=”-1″>

★★★★★★★★★★★★★★★★★★★★★★★★
★调用FLASH-flash文件后缀为.swf 目前也有.FLA的★
★★★★★★★★★★★★★★★★★★★★★★★★

(1) <embed width=”0″ height=”0″ type=”audio/x-pn-realaudio-plugin” autostart=”true” controls=”ControlPanel” src=”http://www.nhaoji.com/SWF”>

(2) <EMBED align=center src=http://www.nhaoji.com/SWF width=400 height=300 type=application/octet-stream wmode=”transparent” quality=”high” >

★★★★★★★★★★★★
★ iframe插入/调用网页★
★★★★★★★★★★★★

<iframe src=”http://www.nhaoji.com” width=100% height=800></iframe>

[插入网页/广告/广告页的代码-模仿百度的iframe调用，特点是完全无边框.]
<iframe id=”baiduframe” marginwidth=”0″ marginheight=”0″ scrolling=”no”
framespacing=”0″ vspace=”0″ hspace=”0″ frameborder=”0″ width=”728″ height=”520″
src=”http://window4.cn/HTM/HTM.PHP”>
</iframe>

★★★★★
★JS调用★
★★★★★

<SCRIPT language=JavaScript src=”http://www.nhaoji.com/X.js”></SCRIPT>

★★★★★★★★★
★收藏本页/本站 ★
★★★★★★★★★

(1.普通文字版)
<A href=”javascript:window.external.AddFavorite(’http://www.nhaoji.com/’,'网站名称-WEB name’)”>收藏本页</A>

(2.离开网页时弹出)
<script language=”javascript”>
function bookmarkit(){window.external.addFavorite(’[url]http://www.nhaoji.com[/url]‘,’网站名称’)}</script>
<body onunload=”bookmarkit()”>

(3.网页载入时弹出)
<script language=”javascript”>
function bookmarkit(){window.external.addFavorite(’[url]http://www.nhaoji.com[/url]‘,’网站名称’)}
</script>
<body onload=”bookmarkit()”>

(4.鼠标滑过文字弹出)
<script language=”javascript”>
function bookmarkit(){window.external.addFavorite(’[url]http://www.nhaoji.com[/url]‘,’网站名称’)}
if (document.all)document.write(’<a href=”#” onMouseOver=”bookmarkit()”>加入收藏夹</a>’)

(5.单击文字弹出)

<script language=”javascript”>
function bookmarkit(){window.external.addFavorite(’[url]http://www.nhaoji.com[/url]‘,’网站名称’)}
if (document.all)document.write(’<a href=”#” onClick=”bookmarkit()”>加入收藏夹</a>’)
</script>

★★★★★★★★
★设为主页代码★
★★★★★★★★

(1.关闭网页时弹出设为主页对话框代码)
<BODY id=iehomepage
onunload=”iehomepage.style.behavior=’url(#default#homepage)’;if(!(iehomepage.isHomePage(’[url]http://www.nhaoji.com/[/url]‘)))iehomepage.setHomePage(’[url]http://www.nhaoji.com[/url]‘);”>

(2.打开网页弹出设为主页对话框代码)
<BODY id=iehomepage
onload=”iehomepage.style.behavior=’url(#default#homepage)’;if(!(iehomepage.isHomePage(’[url]http://www.nhaoji.com[/url]‘)))iehomepage.setHomePage(’[url]http://www.nhaoji.com[/url]‘);”>

(3.单击链接设为主页)
<a href=# onClick=”this.style.behavior=’url(#default#homepage)’;this.setHomePage(’[url]http://www.nhaoji.comt[/url]‘);”>设为主页</a>

(4.鼠标滑过,自动询问设定为主页)
<a href=# onMouseOver=”this.style.behavior=’url(#default#homepage)’;this.setHomePage(’[url]http://www.easeol.com[/url]‘);”>设为主页</a>

★★★★★★★★★★★★★★
★时间代码-直接调用电脑端 ★
★★★★★★★★★★★★★★

<script language=”JavaScript”>
<!–
var enabled = 0; today = new Date();
var day; var date;
if(today.getDay()==0) day = “星期日”
if(today.getDay()==1) day = “星期一”
if(today.getDay()==2) day = “星期二”
if(today.getDay()==3) day = “星期三”
if(today.getDay()==4) day = “星期四”
if(today.getDay()==5) day = “星期五”
if(today.getDay()==6) day = “星期六”
document.fgColor = “000000″;
date = “今天是” + (today.getYear()) + “年” + (today.getMonth() + 1 ) + “月” + today.getDate() + “日” + day +”";
document.write(date);
</script>

<html></html> 创建一个HTML文档
<head></head> 设置文档标题和其它在网页中不显示的信息
<title></title> 设置文档的标题
<h1></h1> 最大的标题
<pre></pre> 预先格式化文本
<u></u> 下划线
<b></b> 黑体字
<i></i> 斜体字
<tt></tt> 打字机风格的字体
<cite></cite> 引用,通常是斜体
<em></em> 强调文本(通常是斜体加黑体)
<strong></strong> 加重文本(通常是斜体加黑体)
<font size=”" color=”"></font> 设置字体大小从1到7，颜色使用名字或RGB的十六进制值
<BASEFONT></BASEFONT> 基准字体标记
<big></big> 字体加大
<SMALL></SMALL> 字体缩小
<STRIKE></STRIKE> 加删除线
<CODE></CODE> 程式码
<KBD></KBD> 键盘字
<SAMP></SAMP> 范例
<VAR></VAR> 变量
<BLOCKQUOTE></BLOCKQUOTE> 向右缩排
<DFN></DFN> 述语定义
<ADDRESS></ADDRESS> 地址标记
<sup></SUP> 上标字
<SUB></SUB> 下标字
<xmp>…</xmp>固定寬度字体(在文件中空白、換行、定位功能有效)
<plaintext>…</plaintext>固定寬度字體(不執行標記符號)
<listing>…</listing> 固定寬度小字體
<font color=00ff00>…</font>字體顏色
<font size=1>…</font>最小字體
<font style =’font-size:100 px’>…</font>無限增大

◆◆◆◆◆◆◆◆◆◆◆◆◆◆《〈格式标志〉》◆◆◆◆◆◆◆◆◆◆◆◆

<p></p> 创建一个段落
<p align=”"> 将段落按左、中、右对齐
<br>换行插入一个回车换行符
<blockquote></blockquote> 从两边缩进文本
<dl></dl> 定义列表
<dt> 放在每个定义术语词前
<dd> 放在每个定义之前
<ol></ol> 创建一个标有数字的列表
<ul></ul> 创建一个标有圆点的列表
<li> 放在每个列表项之前,若在<ol></ol>之间则每个列表项加上一个数字,
若在<ul></ul>之间则每个列表项加上一个圆点
<div align=”"></div> 用来排版大块HTML段落,也用于格式化表
<MENU> 选项清单
<DIR> 目录清单
<nobr></nobr> 强行不换行
<hr size=’9′ width=’80%’ color=’ff0000′>水平線(設定寬度)
<center></center> 水平居中

◆◆◆◆◆◆◆◆◆《〈链接标志表格标志〉》◆◆◆◆◆◆◆◆◆◆◆◆◆◆

<a href=”URL”></a> 创建超文本链接
<a href=”mailtEMAIL”>
</a> 创建自动发送电子邮件的链接
<a name=”name”></a> 创建位于文档内部的书签
<a href=”#name”></a> 创建指向位于文档内部书签的链接
<BASE> 文档中不能被该站点辨识的其它所有链接源的URL
<LINK> 定义一个链接和源之间的相互关系

◆◆◆◆◆◆◆◆链接标记注解：◆◆◆◆◆◆◆◆◆◆◆◆

◆target=”…”决定链接源在什么地方显示(用户自定义的名字，_blank,_parent,_self,_top
◆rel=”…”发送链接的类型
◆rev=”…”保存链接的类型
◆accesskey=”…”指定该元素的热键
◆shape=”…”允许我们使用已定义的形状定义客户端的图形镜像(default，rect，circle，poly
◆coord=”…”使用像素或者长度百分比来定义形状的尺寸
◆tabindex=”…”使用定义过的tabindex元素设置在各个元素之间的焦点获取顺序(使用tab键使元素获得焦点)

◆◆◆◆◆◆◆◆表格标记注解：◆◆◆◆◆◆◆◆◆◆◆◆

<table></table> 创建一个表格
<tr></tr> 表格中的每一行
<td></td> 表格中一行中的每一个格子
<th></th> 设置表格头:通常是黑体居中文字
<table cellspacing=”"> 设置表格格子之间空间的大小
<table border=”"> 设置边框的宽度
<table cellpadding=”"> 设置表格格子边框与其内部内容之间空间的大小
<table width=”"> 设置表格的宽度。用绝对像素值或总宽度的百分比
<table align=”"> 设置表格格子的水平对齐方式(left,center,right,justify)
<tr align=”"> 设置表格格子的水平对齐方式(left,center,right,justify)
<tr valign=”"> 设置表格格子的垂直对齐方式(baseline,bottom,middle,top)
<td colspan=”"> 设置一个表格格子跨占的列数(缺省值为1)
<td rowspan=”"> 设置一个表格格子跨占的行数(缺省值为1)
<td nowrap> 禁止表格格子内的内容自动断行
<CAPTION></CAPTION> 表格的标题
<COLGROUP></COLGROUP> 定义多个列为一组列
<TABLE></TABLE> 创建一个表格
<THEAD></THEAD> 定义表格的页眉
<COL> 定义一个列组中的列，以便对它们能够同时设置有关属性
<TBODY></TBODY> 定义一个表格的实体
<TFOOT></TFOOT> 定义一个表格的页脚

◆◆◆◆◆◆◆◆◆◆◆◆《表单标志》◆◆◆◆◆◆◆◆◆◆◆

<form></form> 创建表单
action=”…”接收数据的服务器的URL
method=”…”HTTP的方法(get, post)。其中get是被反对使用的
enctype=”…”指定MIME(Internet媒体类型)
onsubmit=”…”当提交表单时发生的内部事件
noreset=”…”在重新设置表单时发生的内部事件
target=”…”决定把内容显示在什么地方(_blank, _parent, _self, _top
<select multiple name=”name” size=”"></select> 创建滚动菜单,size设置在需要滚动前可以看到的表单项数目 <option> 设置每个表单项的内容
<select name=”name”></select> 创建下拉菜单
<textarea name=”name” cols=40 rows=8></textarea> 创建一个文本框区域,列的数目设置宽度,行的数目设置高度
<input type=”checkbox” name=”name”> 创建一个复选框,文字在标签后面
<input type=”radio” name=”name” value=”"> 创建一个单选框,文字在标志后面
<input type=text name=”foo” size=20> 创建一个单行文本输入区域,size设置以字符串的宽度
<input type=”submit” value=”name”> 创建提交(submit)按钮
<input type=”image” border=0 name=”name” src=”name.gif”> 创建一个使用图象的提交(submit)按钮 <input type=”reset”> 创建重置(reset)按钮
<BUTTON></BUTTON> 创建一个按钮
disabled=”…”把按钮的状态设置为不能
name=”…”按钮的控制名 value=”…”按钮的值
type=”…”按钮的类型(button, submit, reset)
<FIELDSET></FIELDSET> 把相互关联的控件组合成一组
<ISINDEX> 提示用户输入
<LABEL></LABEL> 为一个控件提供标签
<LEGEND></LEGEND> 为FIELDSET元素指定一标题
<SELECT></SELECT> 为用户做选择创建各个选项
<TEXTAREA></TEXTAREA> 创建一个允许用户多行输入的区域

◆◆◆◆◆◆◆◆◆◆◆◆◆◆表单注解：◆◆◆◆◆◆◆◆◆◆◆◆◆◆

type=”…”用于输入控件的类型(text,password,checkbox,radio,submit,reset,file,hidden,image,button)
name=”…”控件的控制名(要求是除了submit和reset之外的任何名字)
value=”…”控件的初始值
checked=”…”把一个单选钮设置为选中的状态
disabled=”…”把控件的状态设置为不能使用
readonly=”…”只对输入密码的文本框使用
size=”…”表示以像素为单位的除了文本框和密码框控件之外的其它控件的宽度，它是用来指定字符的数目 src=”…”一个图像控件的URL
maxlength=”…”指定可以输入的最多的字符数目
alt=”…”另外一种文本描述
usemap=”…”到客户端图形镜像的URL
align=”…”被反对。控制对齐方式(left, center, right, justify)
tabindex=”…”通过定义的tabindex值确定在不同元素之间获得焦点的顺序
onfocus=”…”当元素获得焦点时发生的事件
onblur=”…”当元素失去焦点时发生的事件
onselect=”…”当元素被选中时发生的事件
onchang=”…”当元素状态被改变时发生的事件
accept=”…”允许上载的文件类型

◆◆◆◆◆◆◆◆◆◆◆◆◆◆《帧标志》◆◆◆◆◆◆◆◆◆◆◆◆◆◆

<frameset></frameset> 放在一个帧文档的<body>标签之前,也可以嵌在其他帧文档中
<frameset rows=”value,value”> 定义一个帧内的行数,可以使用绝对像素值或高度的百分比
<frameset cols=”value,value”> 定义一个帧内的列数,可以使用绝对像素值或宽度的百分比
<frame> 定义一个帧内的单一窗或窗区域
<noframes></noframes> 定义在不支持帧的浏览器中显示什么提示
<frame src=”URL”> 规定帧内显示的HTML文档
<frame name=”name”> 命名帧或区域以便别的帧可以指向它
<frame marginwidth=”"> 定义帧左右边缘的空白大小,必须大于等于1
<frame marginheight=”"> 定义帧上下边缘的空白大小,必须大于等于1
<frame scrolling=”"> 设置帧是否有滚动栏,其值可以是”yes”,”no” 或”auto”
<frame noresize> 禁止用户调整一个帧的大小
<IFRAME></IFRAME> 创建一个内联的帧
scr=”…”定义在帧中显示的内容的来源
frameborder=”…”定义帧之间的边界(0或1)
align=”…”被反对。控制对齐方式(left, center, right, justify)
height=”…”帧的高度 width=”…”帧的宽度
marquee>…</marquee>普通捲動
<marquee behavior=slide>…</marquee>滑動
<marquee behavior=scroll>…</marquee>預設捲動
<marquee behavior=alternate>…</marquee>來回捲動
<marquee direction=down>…</marquee>向下捲動
<marquee direction=up>…</marquee>向上捲動
<marquee direction=right></marquee>向右捲動
<marquee direction=’left’></marquee>向左捲動
<marquee loop=2>…</marquee>捲動次數
<marquee width=180>…</marquee>設定寬度
<marquee height=30>…</marquee>設定高度
<marquee bgcolor=FF0000>…</marquee>設定背景顏色
<marquee scrollamount=30>…</marquee>設定捲動距離
<marquee scrolldelay=300>…</marquee>設定捲動時間
<img src=”"> 插入图片，参数有:width=”宽”,alt=”说明文字”,height=”高”,boder=”边框”

◆◆◆◆◆◆◆◆◆◆◆◆◆◆《文档整体属性标志》◆◆◆◆◆◆◆◆◆◆◆◆◆◆

<body bgcolor=”"> 设置背景颜色。使用名字或RGB的十六进制值
<body background=”"> 设置背景图片
<body bgsound=”"> 设置背景音乐
<body bgproperties=”fixed”>
固定背景图片（IE适用）
<body text=”"> 设置文本颜色。使用名字或RGB的十六进制值
<body link=”"> 设置链接颜色。使用名字或RGB的十六进制值
<body vlink=”"> 设置已使用的链接的颜色。使用名字或RGB的十六进制值
<body alink=”"> 设置正在被击中的链接的颜色。使用名字或RGB的十六进制值
<body topmargin=”"> 设置页面的上边距 <body leftmargin=”"> 设置页面的左边距

Categories: 网络编程 Tags:

RANDOM POSTS

SUPPORT

刷新桌面时屏幕闪动解决办法

微博营销十大特点和十大技巧

Comments (2) Trackbacks (0) 本篇共有 2 篇评论↓

林木木

五月 19th, 2010 at 12:59 | #1

Reply | Quote

WordPress采用的是CSS+div，这些HTML已经过时了~~

颓废

五月 19th, 2010 at 13:50 | #2

Reply | Quote

这些东西都是必备的，有时候修改一下其他的网页

No trackbacks yet.

颓废@tuifei.net

HTM常用代码收藏2+

RANDOM POSTS

SUPPORT

PREVIOUS POST

NEXT POST

关于颓废

相关文章

相关日志

最近更新

Views

blogroll

管理