云水论坛

标题: html相关参数手册收集~ [打印本页]
作者: 淡墨瀑雪    时间: 2007-6-12 10:51
标题: html相关参数手册收集~
一、特殊符号略表：
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

注：

作者: 淡墨瀑雪    时间: 2007-6-12 10:55
表格标记
<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">



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


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


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


■<TH> :


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

■<CAPTION> :


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

多媒体标记<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>
效果如下（点一下播放按钮即可播放）：


作者: 淡墨瀑雪    时间: 2007-6-12 10:58
网站首页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">
作者: 淡墨瀑雪    时间: 2007-6-12 10:59
贴图效果：


代码如下：
<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>
作者: 淡墨瀑雪    时间: 2007-6-12 11:00
贴图效果：


代码如下：
<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)

贴图效果：


代码如下：

<center><img src="http://img.hnol.net/theimg/2004-05-11/13/2004511135651571.jpg" style="filter:xray"></center>




欢迎光临 云水论坛 (http://www.yunshui.net/) Powered by Discuz! X2.5