设为首页收藏本站
开启辅助访问 切换到宽版

云水论坛

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
云水论坛»论坛 › 轮指 › 其他教程 › html相关参数手册收集~
返回列表 发新帖
查看: 3361|回复: 5
打印 上一主题 下一主题

html相关参数手册收集~

[复制链接]
淡墨瀑雪

171

主题

0

好友

655

积分

管理员

Rank: 9Rank: 9Rank: 9
跳转到指定楼层
楼主
发表于 2007-6-12 10:51:47 |只看该作者 |倒序浏览
一、特殊符号略表：
HTML 原始码显示结果描述
&lt<小於号或显示标记
&gt>大於号或显示标记
&amp&用於显示其它特殊字符
&quot"引号
&reg®己注册
以下内容来自太平洋网络学院：
标记类型译名或意义作 用备注
文件标记
<HTML>●文件声明让浏览器知道这是 HTML 文件 
<HEAD>●开头提供文件整体资讯 
<TITLE>●标题定义文件标题，将显示于浏览顶端 
<BODY>●本文设计文件格式及内文所在 
排版标记
<!--注解-->○说明标记为文件加上说明，但不被显示 
<P>○段落标记为字、画、表格等之间留一空白行 
<BR>○换行标记令字、画、表格等显示于下一行 
<HR>○水平线插入一条水平线 
<CENTER>●居中令字、画、表格等显示于中间反对
<PRE>●预设格式令文件按照原始码的排列方式显示 
<DIV>●区隔标记设定字、画、表格等的摆放位置 
<STRONG>●加重语气产生字体加粗 Bold 的效果 
<B>●粗体标记产生字体加粗的效果 
<EM>●强调标记字体出现斜体效果 
<I>●斜体标记字体出现斜体效果 
<TT>●打字字体Courier字体，字母宽度相同 
<U>●加上底线加上底线反对
<H1>●一级标题标记变粗变大加宽，程度与级数反比 
<H2>●二级标题标记将字体变粗变大加宽 
<H3>●三级标题标记将字体变粗变大加宽 
<H4>●四级标题标记将字体变粗变大加宽 
<H5>●五级标题标记将字体变粗变大加宽 
<H6>●六级标题标记将字体变粗变大加宽 
<FONT>●字形标记设定字形、大小、颜色反对
<BASEFONT>○基准字形标记设定所有字形、大小、颜色反对
<BIG>●字体加大令字体稍为加大 
<SMALL>●字体缩细令字体稍为缩细 
<STRIKE>●画线删除为字体加一删除线反对
<CODE>●程式码字体稍为加宽如<TT> 
<KBD>●键盘字字体稍为加宽，单一空白 
<SAMP>●范例字体稍为加宽如<TT> 
<VAR>●变数斜体效果 
<CITE>●传记引述斜体效果 
<BLOCKQUOTE>●引述文字区块缩排字体 
<DFN>●述语定义斜体效果 
<ADDRESS>●地址标记斜体效果 
清单标记
<OL>●顺序清单清单项目将以数字、字母顺序排列 
<UL>●无序清单清单项目将以圆点排列 
<LI>○清单项目每一标记标示一项清单项目 
<MENU>●选单清单清单项目将以圆点排列，如<UL>反对
<DIR>●目录清单清单项目将以圆点排列，如<UL>反对
<DL>●定义清单清单分两层出现 
<DT>○定义条目标示该项定义的标题 
<DD>○定义内容标示定义内容 
表格标记
<TABLE>●表格标记设定该表格的各项参数 
<CAPTION>●表格标题做成一打通列以填入表格标题 
<TR>●表格列设定该表格的列 
<TD>●表格栏设定该表格的栏 
<TH>●表格标头相等于<TD>，但其内之字体会变粗 
图形标记
<IMG>○图形标记用以插入图形及设定图形属性 
连结标记
<A>●连结标记加入连结 
框架标记
<FRAMESET>●框架设定设定框架 
<FRAME>○框窗设定设定框窗 
<IFRAME>○页内框架于网页中间插入框架IE
多媒体
<BGSOUND>○背景声音于背景播放声音或音乐IE
<EMBED>○多媒体加入声音、音乐或影像 
其他标记
<MARQUEE>●走动文字令文字左右走动IE

注：

  • ● 表示该标记属围堵标记，即需要关闭标记如 </标记>。
  • ○ 表示该标记属空标记，即不需要关闭标记。
  • IE 表示该标记只适用于Internet Explorer。
  • 反对 表示该标记不为W3C所赞同，通常这标记是 IE 或
    NC自订，且己为众所支持，只是HTML标准中有其它同功能或更好的选择。
  • 弃用 表示该标记己为W3C所弃用，是过时的标记，但 HTML
    具向下兼容的特 性，不用担心新浏览器不支援旧标记。
  • 新表示该标记是HTML4.0中新增的。
我明白这世界的寂寞，宛若明白自己。
回复

使用道具 举报

淡墨瀑雪

171

主题

0

好友

655

积分

管理员

Rank: 9Rank: 9Rank: 9
沙发
发表于 2007-6-12 10:55:57 |只看该作者
表格标记
<TABLE><TR><TD><TH><CAPTION><TABLE><TR><TD><TH><CAPTION>
■<TABLE><TR><TD>

这三个标记是定义表格的最重要的标记，可以说只学这三个己足够。<TABLE>是一个容器标记，意思是说它用以声明这是表格而且其他表格标记只能在他的范围内才适用，属容器标记的还有其他。
<TR>用以标示表格列（row）
<TD>用以标示储存格（cell）
<TABLE>的参数设定（常用）：
例如： <tablewidth="400" border="1" cellspacing="2" cellpadding="2" align="CENTER" valign="TOP" background="myweb.gif" bgcolor="#0000FF" bordercolor="#FF00FF" bordercolorlight="#00FF00" bordercolordark="#00FFFF" cols="2">


  • width="400"
    表格宽度，接受绝对值（如 80）及相对值（如 80%）。

  • border="1"
    表格边框厚度，不同浏览器有不同的内定值，故请指明。

  • cellspacing="2"
    表格格线厚度。

  • cellpadding="2"
    文字与格线的距离。

  • align="CENTER"
    表格的摆放位置（水平），可选值为： left, right, center，请看例子五或六，那表格是放于中间的，为怕一些浏览器不支援，故特加上居中标记<CENTER>，只是多层保证而己，当然只用<CENTER>亦可。

  • valign="TOP".
    表格内字画等的摆放贴位置（垂直），可选值为： top, middle, bottom。

  • background="myweb.gif"
    表格　纸，与 bgcolor 不要同用。

  • bgcolor="#0000FF"
    表格底色，与background不要同用。

  • bordercolor="#FF00FF"
    表格边框颜色，NC 与 IE 有不同的效果。

  • bordercolorlight="#00FF00"
    表格边框向光部分的颜色。『只适用于 IE』

  • bordercolordark="#00FFFF"
    表格边框背光部分的颜色，使用bordercolorlight或bordercolordark时 bordercolor将会失效。『只适用于 IE』

  • cols="2"
    表格栏位数目，只是让浏览器在下载表格是先画出整个表格而己。


■<TR>的参数设定（常用）：


例如：<tr align="RIGHT" valign="MIDDLE" bgcolor="#0000FF" bordercolor="#FF00FF" bordercolorlight="#808080" bordercolordark="#FF0000">

  • align="RIGHT"
    该一列内字画等的摆放贴位置（水平），可选值为：left, center, right。

  • valign="MIDDLE"
    该一列内字画等的摆放贴位置（垂直），可选值为： top, middle, bottom。

  • bgcolor="#0000FF"
    该一列底色，请看。

  • bordercolor="#FF00FF"
    该一列边框颜色，请看。『只适用于 IE』

    bordercolorlight="#808080"
    该一列边框向光部分的颜色，请看。『只适用于 IE』

  • bordercolordark="#FF0000"
    该一列边框背光部分的颜色，使用bordercolorlight 或 bordercolordark时bordercolor 将会失效。『只适用于 IE』


■<TD>的参数设定（常用）:


例如：<td width="48%" height="400" colspan="5" rowspan="4" align="RIGHT" valign="BOTTOM" bgcolor="#FF00FF" bordercolor="#808080" bordercolorlight="#FF0000" bordercolordark="#00FF00" background="myweb.gif">

  • width="48%"
    该一储存格宽度，接受绝对值（如 80）及相对值（如 80%）。

  • height="400"
    该一储存格高度。

  • colspan="5"
    该一储存格向右打通的栏数。

  • rowspan="4"
    该一储存格向下打通的列数。

  • align="RIGHT"
    该一储存格内字画等的摆放贴位置（水平），可选值为：left, center, right。

  • valign="BOTTOM"
    该一储存格内字画等的摆放贴位置（垂直），可选值为：top, middle, bottom。

  • bgcolor="#FF00FF"
    该一储存格底色。

  • bordercolor="#808080"
    该一储存格边框颜色。『只适用于 IE』

  • bordercolorlight="#FF0000"
    该一储存格边框向光部分的颜色。『只适用于 IE』

  • bordercolordark="#00FF00"
    该一储存格边框背光部分的颜色，使用bordercolorlight或bordercolordark 时 bordercolor将会失效。『只适用于 IE』

  • background="myweb.gif"
    该一储存格纸，与bgcolor任用其一。


■<TH> :


<TH>与<TD>同样是标示一个储存格，唯一不同的是<TH>所标示的储存格中的文字是以粗体出现，通常用于表格第一列以标示栏目。它的用法是取代<TD>的位置便可以，其参数设定请参考<TD>。当然若为<TD>所标示的储存格中的文字加上粗体标记<B>便等如<TH>的效果。

■<CAPTION> :


<CAPTION> 的作用是为表格标示一个标题列，有如在表格上方加上一没格线的打通列。 当然亦可置于下方，通常用以存放该表格的标题。<CAPTION> 的参数设定（常用）：
例如：<captionalign="top" valign="TOP"></caption>

  • align="TOP"
    该表格标题列相对于表格的摆放贴位置（水平），可选值为： left, center, right, top, middle, bottom，若 align="bottom" 的话标题列便会出现对表格的下方，不管你的原始码中把<caption>放在 <table>中的头部或尾部。

  • valign="TOP"
    该表格标题列相对于表格的摆放位置（上下），可选值为： top, bottom。和 align="TOP" 或align="BOTTOM" 是一样的，虽然功能重复了，但如果你要标题列 置于下方及向右或向左贴　，那末两个参数便可一用了。当只　一个参数时， 请首选 align，因为 valign 是由 HTML 3.0 才开始的参数。
我明白这世界的寂寞，宛若明白自己。
回复

使用道具 举报

淡墨瀑雪

171

主题

0

好友

655

积分

管理员

Rank: 9Rank: 9Rank: 9
板凳
发表于 2007-6-12 10:57:20 |只看该作者

多媒体标记<BGSOUND><EMBED>

■ <BGSOUND>：

<BGSOUND>插入背景音乐，但只用于IE，且只可在<head></head>中使用其参数设定不多。如下
<BGSOUND src="http://....../noname.mp3" autostart=true loop=infinite>

src="http://....../noname.mp3"
设定音乐格式及路径，在绝美图库主要使用绝对路径，即以http://或者mms://或者rtsp://等开头的地址。
autostart=true
是否在音乐传送完后，就自动播放音乐。true表示是，false表示。loop=infinite 是否自动重复播放。LOOP=2 表示重复两次，Infinite或者-1表示重复多次。

■ <EMBED>：

<EMBED>是用以插入各种多媒体，格式可以是 midi、wav、wma、rm等等，并且因为音乐格式的不同，可能会有不同的控制面板出现。多种浏览器者支持。其参数设定较多。如下
<EMBED src="http://....../noname.mp3" autostart="true" loop="true" hidden="true">

  • src="http://....../noname.mp3"
    设定音乐格式和路径，用法同上。
  • autostart=true
    是否在音乐传送完后，就自动播放音乐。true表示是，false表示。
  • loop="true"
    是否自动重复播放。loop=2 表示重复两次，true表示是，false表示否。
    hidden="true"
    是否完全隐藏控制面板，true表示是，no表示否。
  • starttime="分:秒"
    设定歌曲开始播放的时间。如 starttime="00:30" 表示从第30秒开始播放。
  • volume="0-100"
    设定音量的大小，数值是0到100之间。注意不得故意将音量定得过大惊吓看贴人，否则一定给予严厉惩罚。
  • width=" " 和 height=" "
    设定控制面板的宽度和高度。
  • align="center"
    设定控制面板和文字的对方式，其值可以是 top（顶部）、bottom（底部）、center（居中）、baseline、 left（居左）、right（居右）、texttop（文本顶部）、middle、absmiddle、absbottom。
    controls="smallconsole"
    设定控制面板的外貌。预设值是console。

    • console 一般正常的面板 　　
    • smallconsole 较小的面板 　　
    • playbutton 只显示播放按钮 　　
    • pausecutton 只显示暂停按钮 　　
    • stopbutton 只显示停止按钮 　　
    • volumelever 只显示音量调整钮

举例（下面是一段播放mp3的代码）：
<EMBED src="http://www.mzwpp.com/ylgc/music/personal/qiqin/06.mp3" autostart="false" loop="true" hidden="no" controls=console width=500 height=50>
效果如下（点一下播放按钮即可播放）：


我明白这世界的寂寞，宛若明白自己。
回复

使用道具 举报

淡墨瀑雪

171

主题

0

好友

655

积分

管理员

Rank: 9Rank: 9Rank: 9
地板
发表于 2007-6-12 10:58:09 |只看该作者
网站首页head区代码规范

CODE:  [Copy to clipboard]
head区是指首页HTML代码的<head>和</head>之间的内容。
必须加入的标签

1.公司版权注释
<!--- The site is designed by Maketown,Inc 06/2000 --->

2.网页显示字符集
简体中文：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
繁体中文：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=BIG5">
英 语：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">

3.网页制作者信息
<META name="author" content="webmaster@maketown.com">

4.网站简介
<META NAME="DESCRIPTION" CONTENT="xxxxxxxxxxxxxxxxxxxxxxxxxx">

5.搜索关键字
<META NAME="keywords" CONTENT="xxxx,xxxx,xxx,xxxxx,xxxx,">

6.网页的css规范
<LINK href="style/style.css" rel="stylesheet" type="text/css">
(参见目录及命名规范)

7.网页标题
<title>xxxxxxxxxxxxxxxxxx</title>

.可以选择加入的标签

1.设定网页的到期时间。一旦网页过期，必须到服务器上重新调阅。
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">

2.禁止浏览器从本地机的缓存中调阅页面内容。
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">

3.用来防止别人在框架里调用你的页面。
<META HTTP-EQUIV="Window-target" CONTENT="_top">

4.自动跳转。
<META HTTP-EQUIV="Refresh" CONTENT="5;URL=http://www.yahoo.com">
5指时间停留5秒。

5.网页搜索机器人向导.用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。
<META NAME="robots" CONTENT="none">
CONTENT的参数有all,none,index,noindex,follow,nofollow。默认是all。

6.收藏夹图标
<link rel = "Shortcut Icon" href="favicon.ico">

所有的javascript的调用尽量采取外部调用.
<SCRIPT LANGUAGE="javascript" SRC="script/xxxxx.js"></SCRIPT>

附<body>标签：
<body>标签不属于head区，这里强调一下，为了保证浏览器的兼容性，必须设置页面背景<body bgcolor="#FFFFFF">
我明白这世界的寂寞，宛若明白自己。
回复

使用道具 举报

淡墨瀑雪

171

主题

0

好友

655

积分

管理员

Rank: 9Rank: 9Rank: 9
5#
发表于 2007-6-12 10:59:08 |只看该作者
贴图效果：


代码如下：
<center><img src="http://img.hnol.net/theimg/2004-05-11/13/200451113566473.jpg" style="filter:gray" width=500></center>

贴图效果：



代码如下：
<center><img src="http://img.hnol.net/theimg/2004-05-11/13/2004511135651571.jpg" style="filter:invert" width=500></center>
我明白这世界的寂寞，宛若明白自己。
回复

使用道具 举报

淡墨瀑雪

171

主题

0

好友

655

积分

管理员

Rank: 9Rank: 9Rank: 9
6#
发表于 2007-6-12 11:00:08 |只看该作者
贴图效果：


代码如下：
<center><img src="http://img.hnol.net/theimg/2004-05-11/13/200451113566473.jpg" style="filter:wave(add=add,freq=2,lightstrength=50,phase=45,strength=10)"></center>

语法如下：
filter:wave(add=add,freq=freq,lightstrength=strength,phase=phase,strength=strength)

  • “wave” 属性把对象按垂直的波形样式打乱。默认是“TRUE（非0）”，

  • “ADD”表示是否要把对象按照波形样式打乱，

  • “FREQ”是波纹的频率，也就是指定在对象上一共需要产生多少个完整的波纹，

  • “LIGHTSTRENGTH”参数可以对于波纹增强光影的效果，范围0----100，

  • “PHASE”参数用来设置正弦波的偏移量。

  • “STRENGTH”代表振幅大小。


贴图效果：


代码如下：

<center><img src="http://img.hnol.net/theimg/2004-05-11/13/2004511135651571.jpg" style="filter:xray"></center>
我明白这世界的寂寞，宛若明白自己。
回复

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

Archiver|手机版|云水网 ( 鲁ICP备09069806号 )

GMT+8, 2024-6-1 22:14 , Processed in 0.030787 second(s), 18 queries .

Powered by Discuz! X2.5

© 2001-2012 Comsenz Inc.

回顶部