提供高品质的网站建设、网站制作、网站设计及网站优化SEO服务!欢迎致电:0724-4266823       
当前位置:首页 > 技术展厅 > 网络知识
会做网站,并不见得能做好网站!
HTML语言学习汇总

常用代码汇编
1.标题文字 <h#>..........</h#> #=1~6;h1为最大字,h6为最小字
2.字体变化 <font>..........</font>
【1】字体大小 <font size=#>..........</font> #=1~7;数字愈大字也愈大
【2】指定字型 <font face="字体名称">..........</font>
【3】文字颜色 <font color=#rrggbb>..........</font> rr:表红色(red)色码 gg:表绿色(green)色码 bb:表蓝色(blue)色码
3.显示小字体 <small>..........</small>
4.显示大字体 <big>..........</big>
5.粗体字 <b>..........</b>
6.斜体字 <i>..........</i>
7.打字机字体 <tt>..........</tt>
8.底线 <u>..........</u>
9.删除线 <strike>..........</strike>
10.下标字 <sub>..........</sub>
11.上标字 <sup>..........</sup>
12.文字闪烁效果 <blink>..........</blink>
13.换行 <br>
14.分段 <p>
15.文字的对齐方向 <p align="#"> #号可为 left:表向左对齐(预设值) center:表向中对齐 right:表向右对齐 P.S.<p align="#">之後的文字都会以所设的对齐方式显示, 直到出现另一个<p align="#">改变其对齐方向,遇到 <hr>或<h#>标签时会自动设回预设的向左对齐。
16.分隔线 <hr>
【1】分隔线的粗细 <hr size=点数>
【2】分隔线的宽度 <hr size=点数或百分比>
【3】分隔线对齐方向 <hr align="#"> #号可为 left:表向左对齐(预设值) center:表向中对齐 right:表向右对齐
【4】分隔线的颜色 <hr color=#rrggbb>
【5】实心分隔线 <hr noshade>
17.居中对齐 <center>..........</center>
18.依原始样式显示 <pre>..........</pre>
19.<body>指令的属性
【1】背景颜色 -- bgcolor <body bgcolor=#rrggbb>
【2】背景图案 -- background <body background="图形文件名">
【3】设定背景图案不会卷动 -- bgproperties <body bgproperties=fixed>
【4】文件内容文字的颜色 -- text <body text=#rrggbb>
【5】超连结文字颜色 -- link <body link=#rrggbb>
【6】正被选取的超连结文字颜色 -- vlink <body vlink=#rrggbb>
【7】已连结过的超连结文字颜色 -- alink <body alink=#rrggbb>
一、图片
1.插入图片 <img src="图形文件名">
2.设定图框 -- border <img src="图形文件名" border=点数>
3.设定图形大小 -- width、height <img src="图形文件名" width=宽度点数 height=高度点数>
4.设定图形上下左右留空 -- vspace、hspace <img src="图形文件名" vspace=上下留空点数 hspace=左右留空点数>
5.图形附注 <img src="图形文件名" alt="说明文字">
6.预载图片
<img src="高解析度图形文件名" lowsrc="低解析度图形文件名"> P.S.两个图的图形大小最好一致
7.影像地图(Image Map) <img src="图形文件名" usemap="#图的名称"> <map name="图的名称">
<area shape=形状 coords=区域座标列表 href="连结点之URL">
<area shape=形状 coords=区域座标列表 href="连结点之URL">
<area shape=形状 coords=区域座标列表 href="连结点之URL">
<area shape=形状 coords=区域座标列表 href="连结点之URL"> </map>
【1】定义形状 -- shape
shape=rect:矩形 shape=circle:圆形 shape=poly:多边形
【2】定义区域 -- coords
a.矩形:必须使用四个数字,前两个数字为左上角座标,后两个数字为右下角座标
例:<area shape=rect coords=100,50,200,75 href="URL">
b.圆形:必须使用三个数字,前两个数字为圆心的座标,最后一个数字为半径长度
例:<area shape=circle coords=85,155,30 href="URL">
c.任意图形(多边形):将图形之每一转折点座标依序填入
例:<area shape=poly coords=232,70,285,70,300,90,250,90,200,78 href="URL"
二、表格相关
1.表格标题
<caption>..........</caption>
表格标题位置 -- align
<caption align="#"> #号可为 top:表标题置于表格上方(预设值)
bottom:表标题置于表格下方
2.定义列 <tr>
3.定义栏位 《1》<td>:靠左对齐
《2》<th>:靠中对齐ⅱ粗体
【1】水平位置 -- align <th align="#">
#号可为 left:向左对齐
center:向中对齐 right:向右对齐
【2】垂直位置 -- align <th align="#"> #号可为
top:向上对齐 middle:向中对齐
bottom:向下对齐
【3】栏位宽度 -- width
<th width=点数或百分比>
【4】栏位垂直合并 -- rowspan
<th rowspan=欲合并栏位数>
【5】栏位横向合并 -- colspan
<th colspan=欲合并栏位数>
三、FRAME
1、分割视窗指令 <frameset>..........</frameset>
【1】垂直(上下)分割 -- rows
<frameset rows=#> #号可为点数:如欲分割为100,200,300三个视窗,则
<frameset rows=100,200,300>;亦可以*号代表,如<frameset rows=*,500,*>
百分比:如<frameset rows=30%,70%>,各 项总和最好为100%
【2】水平(左右)分割 -- cols <frameset cols=点数或百分比>
2、指定视窗内容 -- <frame>
<frameset cols=30%,70%> <frame> <frame> </frameset>
【1】指定视窗的文件名称 -- src <frame src=HTML档名>
【2】定义视窗的名称 -- name
<frame name=视窗名称>
【3】设定文件与上下边框的距离 -- marginheight
<frame marginheight=点数>
【4】设定文件与左右边框的距离 -- marginwidth
<frame marginwidth=点数>
【5】设定分割视窗卷轴 -- scrolling
<frame scrolling=#> #号可为 yes:固定出现卷轴
no:不出现卷轴 auto:自动判断文件大小需不需要卷轴(预设值)
【6】锁住分割视窗的大小 -- noresize <frame noresize>
 
 
html贴子中如何表示>和<及&quote等特殊符号方法:
 
HTML 原始码 显示结果 描述
&lt < 小於号或显示标记
&gt > 大於号或显示标记
&amp & 用於显示其它特殊字符
&quot " 引号
&reg ® 己注册
 
 
html相关参数表:
标记 类型 译名或意义 作 用 备注
文件标记
<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中新增的。

 

<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"
    该一列边框背光部分的颜色,使用bordercolorlightbordercolordarkbordercolor 将会失效。『只适用于 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"
    该一储存格边框背光部分的颜色,使用bordercolorlightbordercolordarkbordercolor将会失效。『只适用于 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 才开始的参数。

多媒体标记<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(居中)baselineleft(居左)right(居右)texttop(文本顶部)middleabsmiddleabsbottom
    controls="smallconsole"
    设定控制面板的外貌。预设值是console。

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


举例(下面是一段播放mp3的代码):
<EMBED src="http://mf.zx3721.com/mp3/美丽心情.mp3" autostart="false" loop="true" hidden="no" controls=console width=500 height=50>
效果如下(点一下播放按钮即可播放):


 
网络经济主体信息
主 页 | 网站报价 | 支付中心 | 关于我们 | 友情链接 | 联系我们 | 网站地图| 业务平台
Copyright © 2002-2021 钟祥瑞安快网网络有限公司.ICP备案鄂ICP备07010791号
联系人:黄定快 电话:0724-4266823 TEL13339759320
地址:湖北省钟祥市王府大道23号(皇城门居委会二楼)钟祥法院隔壁
您是本站第19300123位贵宾!