网页设计中最常用HTML代码_第1页
网页设计中最常用HTML代码_第2页
网页设计中最常用HTML代码_第3页
免费预览已结束，剩余5页可下载查看

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、一、文字h6 为最小字；数字愈大字也愈大1. 标题文字 <h#></h#> #=16；h1 为最大字，2. 字体变化 <font></font>【 1】字体大小 <font size=#></font> #=17【 2】指定字型 <font face=" 字体名称 "></font>【 3】文字颜色 <font color=#rrggbb></font>rr：表红色（ red ）色码gg：表绿色（ green ）色码bb：表蓝色（ blue ）色码rrgg

2、bb也可用 6 位颜色代码数字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. 文字闪烁效果 &

3、lt;blink></blink>13. 换行（也称回车） <br>14. 分段 <p>15. 文字的对齐方向 <p align="#"> # 号可为 left ：表向左对齐（预设值） center ：表向中对齐 right ：表向右对齐 .<p align="#"> 之后的文字都会以所 设的对齐方式显示，直到出现另一个 <p align="#"> 改变其对齐方向，遇到 <hr> 或<h#>标签时会自动设回预设的向左对齐。16. 分隔

4、线 <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&

5、gt;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】正被选取的超连结

6、文字颜色 - vlink <body vlink=#rrggbb>【 7】已连结过的超连结文字颜色 - alink <body alink=#rrggbb>20. 文字移动指令 <MARQUEE></MARQUEE>移动速度指令是 :scrollAmount=# # 最小为 1 ，速度为最慢；数字越大 移动的越快。移动方向指令是：direction=#up向上、down向下、left 向左、right 向右。指令举例： <MARQUEE scrollAmount=3direction=up></MARQUEE>二、图片1.

7、 插入图片 <img src=" 图形文件名 ">2. 设定图框 - border <img src="图形文件名 " border= 点数 >3. 设定图形大小 - width 、height <img src=" 图形文件名 " width= 宽度点数 height= 高度点数 >4. 设定图形上下左右留空 - vspace 、hspace <img src=" 图形文件名 " vspace= 上下留空点数 hspace= 左右留空点数 >5. 图形附注 <

8、img src=" 图形文件名 " alt=" 说明文字 ">6. 预载图片<img src=" 高解析度图形文件名 " lowsrc=" 低解析度图形文件名 "> . 两个图的图 形大小最好一致 ;7. 影像地图( Image Map) <img src=" 图形文件名 " usemap="# 图的名称 "> <map name="图的名称"><area shape= 形状 <area shape=

9、形状<area shape= 形状 <area shape= 形状coords=coords=coords=coords=区域座标列表 区域座标列表 区域座标列表 区域座标列表href=IIhref=IIhref=IIhref=II连结点之 连结点之 连结点之 连结点之URL">URL">URL">URL"> </map>【 1】定义形状 - shape shape=rect ：矩形 shape=circle ：圆形 shape=poly ：多边形 【 2】定义区域 - coordsa. 矩形：必须使用四个

10、数字， 前两个数字为左上角座标， 后两个数字为右下角座 标 例：varea shape=rect coords=100,50,200,75 href="URL">b. 圆形：必须使用三个数字， 前两个数字为圆心的座标， 最后一个数字为半径长 度例： varea shape=circle coords=85,155,30 href="URL">c. 任意图形（多边形）：将图形之每一转折点座标依序填入例： varea shape=poly coords=232,70,285,70,300,90,250,90,200,78 href="U

11、RL"三、表格相关1. 表格标题 <caption></caption>表格标题位置 - align<caption align="#"> # 号可为 top ：表标题置于表格上方（预设值） bottom ：表标题置于表格下方2. 定义列 <tr>3. 定义栏位 1<td> ：靠左对齐2<th> :靠中对齐ii粗体【 1】水平位置 - align <th align="#">#号可为 left :向左对齐 center :向中对齐 right :向右对齐【 2】

12、垂直位置 - align <th align="#"> # 号可为 top:向上对齐 middle :向中对齐 bottom :向下对齐【 3】栏位宽度 - width <th width= 点数或百分比 > 【 4】栏位垂直合并 - rowspan <th rowspan= 欲合并栏位数 >【 5】栏位横向合并 - colspan <th colspan=欲合并栏位数 >四、表格的主要属性1. <table> 标记的主要属性align 定义表格的对齐方式，有三个属性值 center ，left ，right ba

13、ckground 定义表格的背景图案，属性值为图片的地址 bgcolor 定义表格的背景颜色，属性值是各种颜色代码 border 定义表格的边框宽度，属性值是数字 bordercolor定义表格边框的颜色，属性值是各种颜色代码cellpadding定义单元格内容与单元格边框之间的距离，属性值是数字cellspacing定义表格中单元格之间的距离height 定义表格的高度，属性值是数字 width 定义表格的宽度，属性值是数字2. <tr> 标记，表格是由多行与多列组成的， <tr> 标记用来定义表格的一行，他 的属性极其属性值定义的是表格中的该行，其主要属性与属性值如

14、下:align 定义对齐方式，属性值与上同background 定义背景图案 bgcolor 定义背景色3. <td>标记。用<td>标记概况起来的内容表示表格的单元。其主要属性与属性 值和 <table> 标记的一样，补充两个合并列和行的代码：colspan 定义合并表格的列数，属性值是数字 rowspan 定义合并表格的行数，属性值是数字五、FRAME1、分割视窗指令 <frameset></frameset>【1】垂直（上下）分割 - rows<frameset rows=#> # 号可为点数： 如欲分割为 100,

15、200,300 三个视窗，则 <frameset rows=100,200,300> ； 亦可以*号代表，如 <frameset rows=*,500,*>百分比：如vframeset rows=30%,70%>,各项总和最好为100%;【2】水平（左右）分割 - cols <frameset cols= 点数或百分比 >2、指定视窗内容 - <frame><frameset cols=30%,70%> <frame> <frame> </frameset>【 1 】指定视窗的文件名称 - s

16、rc <frame src=HTML 档名> 【2】定义视窗的名称 - namevframe name=W窗名称 >【3】设定文件与上下边框的距离 - marginheight<frame marginheight= 点数 >【4】设定文件与左右边框的距离 - marginwidth<frame marginwidth= 点数>【5】设定分割视窗卷轴 - scrolling<frame scrolling=#> # 号可为 yes ：固定出现卷轴no ：不出现卷轴 auto ：自动判断文件大小需不需要卷轴（预设值）【6】锁住分割视窗的大小

17、- noresize <frame noresize>六、歌曲代码 : 在这组代码中,不必管它是,只要看尾缀是asf 、wma、wmv、wmv、rm 都可适用下面的代码 :1. 手动播放 :vEMBED src歌曲地址 volume="100" width=39 height=18 hidden="FALSE" autostart="fault" type="audio/x-pn-realaudio-plugin" controls="PlayButton">2. 打开页面自动

18、播放 :<EMBED $9=歌曲地址"width="39" height="18" autostart="true" hidden="false" loop="infinite" align="middle" volume="100" type="audio/x-pn-realaudio-plugin" controls="PlayButton" autostart="true"&

19、gt;套用代码 :<div align="center"><table border="1" width="90%" height="403" background=" 背景图片地址 "><tr><td width="80%" height="100%"><p align="center"><br><br><br><font face=

20、" 华文彩云" size="6" color="#FFFFFF"> 歌曲或音乐名称</font><br><br><p align="center"><img src=" 图片地址 "><br><br><font color="#FFFFFF" size=3> 介绍文字 </font><br><br><br><EMBED s

21、tyle="FILTER: xray()" src= 音乐地址 width=250 height=30type=audio/x-ms-wma autostart="true" loop="-1"><br><br><br></td></tr> </table>v/div>简易套用代码详解：<div align="center">是定义帖子居中；vtable border="1" width="

22、90%" height="403" backgrou nd="背景图片地址"xtrxtd width="80%" height="100%">这其中的border="1"是定义表格边线的宽度，定义为0则无边线;width="90%" height="403"分别定义背景图表格的宽度和高度如果背景图是一张大图,可以 这样定义:width=图片宽度height=图片高度<p align="center"><

23、br><br><br>vfont face="华文彩云"size="6"color="#FFFFFF"> 歌曲或音乐名称 </font><br><br><p alig n="ce nter">是定义文字居中的，<br>是回行代码，加几个就会空几行。vfont face="华文彩云"size="6" color="#FFFFFF"> 是定义文字属性的。fac

24、e=" 华文彩云"是定义字体，你可以把字体换成隶书、宋体等。size="6"是定义字号的，数字越大字越大，如果不定义，默认是 2号字。color="#FFFFFF"是定义字 体颜色的。全部字体颜色的代码在妙手饰图区有人发过，你可以找来改。<p align="center"><img src="图片地址"><br><br><font color="#FFFFFF">介绍文字 v/font><br>&l

25、t;br><br>第一个括号里的代码仍然是定义图片和文字居中的。<img src="图片地址">是插入图片代码。vfont color="#FFFFFF" size=3>介绍文字</font>是定义这段文字 的。如果想改变字拧(19)痔濉(19)值难丈烧瞻嵘厦嫖医驳亩丁宸椒 a ?/font>vEMBED style="FILTER: xray()" src=音乐地址 width=250 height=30type=audio/x-ms-wma autostart="true" loop="-1">这一段是插入播放器代码，因为我插的是特殊的播放器，style="FILTER:xray()"是特殊代码。“ src=音乐地址”是插入音乐文件的地址。width=250height=30分别定义播放器的宽度和高度(如果把宽和高都设成零则为隐藏,并且只能自动播放）。autostart="true" loop="-1

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论