切换到宽版
  • 4893阅读
  • 9回复

HTML代码大全 [复制链接]

上一主题 下一主题
离线如来佛祖

UID: 329658

精华: 356
级别: 得道成仙
 

发帖
22100
金币
7279
道行
1900
原创
538
奖券
729
斑龄
10
道券
10
获奖
0
座驾
设备
摄影级
在线时间: 3163(小时)
注册时间: 2007-11-30
最后登录: 2013-04-12
只看楼主 倒序阅读 使用道具 楼主  发表于: 2008-05-13
— 本帖被 lxm3830 从 音画专区 移动到本区(2009-04-29) —
 







 

HTML代码大全

<1.结构性定义
文件类型 〈HTML〉〈/HTML〉 (放在档案的开头与结尾)
文件主题 〈TITLE〉〈/TITLE〉 (必须放在「文头」区块内)
文头 〈HEAD〉〈/HEAD〉 (描述性资料,像是「主题」)
文体 〈BODY〉〈/BODY〉 (文件本体)
(由浏览器控制的显示风格)
标题 〈H?〉〈/H?〉 (从1到6,有六层选择)
标题的对齐 〈H? ALIGN=LEFT|CENTER|RIGHT〉〈/H?〉
区分 〈DIV〉〈/DIV〉
区分的对齐 〈DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY〉〈/DIV〉
引文区块 〈BLOCKQUOTE〉〈/BLOCKQUOTE〉 (通常会内缩)
强调 〈EM〉〈/EM〉 (通常会以斜体显示)
特别强调 〈STRONG〉〈/STRONG〉 (通常会以加粗显示)
引文 〈CITE〉〈/CITE〉 (通常会以斜体显示)
码 〈CODE〉〈/CODE〉 (显示原始码之用)
样本 〈SAMP〉〈/SAMP〉
键盘输入 〈KBD〉〈/KBD〉
变数 〈VAR〉〈/VAR〉
定义 〈DFN〉〈/DFN〉 (有些浏览器不提供)
地址 〈ADDRESS〉〈/ADDRESS〉
大字 〈BIG〉〈/BIG〉
小字 〈SMALL〉〈/SMALL〉
与外观相关的标签(作者自订的表现方式)
加粗 〈B〉〈/B〉
斜体 〈I〉〈/I〉
底线 〈U〉〈/U〉 (尚有些浏览器不提供)
删除线 〈S〉〈/S〉 (尚有些浏览器不提供)
下标 〈SUB〉〈/SUB〉
上标 〈SUP〉〈/SUP〉
打字机体 〈TT〉〈/TT〉 (用单空格字型显示)
预定格式 〈PRE〉〈/PRE〉 (保留文件中空格的大小)
预定格式的宽度 〈PRE WIDTH=?〉〈/PRE〉(以字元计算)
向中看齐 〈CENTER〉〈/CENTER〉 (文字与图片都可以)
闪耀 〈BLINK〉〈/BLINK〉 (有史以来最被嘲弄的标签)
字体大小 〈FONT SIZE=?〉〈/FONT〉(从1到7)
改变字体大小 〈FONT SIZE=+|-?〉〈/FONT〉
基本字体大小 〈BASEFONT SIZE=?〉 (从1到7; 内定为3)
字体颜色 〈FONT COLOR="#$$$$$$"〉〈/FONT〉
2.连结与图形
连结 〈A HREF="URL"〉〈/A〉
连结到锚点 〈A HREF="URL#***"〉〈/A〉(如果锚点在另一个档案)
〈A HREF="#***"〉〈/A〉 (如果锚点目前的档案)
连结到目的视框 〈A HREF="URL" TARGET="***"〉〈/A〉
设定锚点 〈A NAME="***"〉〈/A〉
图形 〈IMG SRC="URL"〉
图形看齐方式 〈IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE〉
图形看齐方式 〈IMG SRC="URL"
ALIGN=LEFT|RIGHT|TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM〉
取代文字 〈IMG SRC="URL" ALT="***"〉 (如果没有办法显示图形则显示此文字)
点选图 〈IMG SRC="URL" ISMAP〉 (需要CGI程式)
N2.0 点选图 〈IMG SRC="URL" USEMAP="URL"〉
N2.0 地图 〈MAP NAME="***"〉〈/MAP〉(描述地图)
N2.0 段落 〈AREA SHAPE="RECT" COORDS=",,," HREF="URL"|NOHREF〉
3.0 大小 〈IMG SRC="URL" WIDTH="?" HEIGHT="?"〉(以pixels为单位)
N1.0 图形边缘 〈IMG SRC="URL" BORDER=?〉 (以pixels为单位)
N1.0 图形边缘空间 〈IMG SRC="URL" HSPACE=? VSPACE=?〉 (以pixels为单位)
N1.0 低解析度图形 〈IMG SRC="URL" LOWSRC="URL"〉
N1.1 用户端拉 〈META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL"〉(使用端自动更新 )
N2.0 内嵌物件 〈EMBED SRC="URL"〉 (将物件插入页面)
N2.0 内嵌物件大小 〈EMBED SRC="URL" WIDTH="?" HEIGHT="?"〉
3.分隔
段落 〈P〉 (通常是两个return)
3.0 段落 〈P〉〈/P〉 (新定义成容器型标签)
3.0 文字看齐方式 〈P ALIGN=LEFT|CENTER|RIGHT〉〈/P〉
换行 〈BR〉 (一个return)
N1.0 文字部份看齐方式〈BR CLEAR=LEFT|RIGHT|ALL〉(与图形合用时)
横线 〈HR〉
N1.0 横线对齐 〈HR ALIGN=LEFT|RIGHT|CENTER〉
N1.0 横线厚度 〈HR SIZE=?〉 (以pixels为单位)
N1.0 横线宽度 〈HR WIDTH=?〉 (以pixels为单位)
N1.0 横线比率宽度 〈HR WIDTH=%〉 (以页宽为100%)
N1.0 实线 〈HR NOSHADE〉 (没有立体效果)
N1.0 不可换行 〈NOBR〉〈/NOBR〉 (不换行)
N1.0 可换行处 〈WBR〉 (如果需要,可在此断行)
列举 (可以巢状列举)
无次序式列举 〈UL〉〈LI〉〈/UL〉 (〈LI〉 放在每一项前)
N1.0 公布式列举 〈UL TYPE=DISC|CIRCLE|SQUARE〉(定义全部的列举项)
〈LI TYPE=DISC|CIRCLE|SQUARE〉(定义这个及其後的列举项)
有次序式列举 〈OL〉〈LI〉〈/OL〉 (〈LI〉 放在每一项前)
N1.0 数标型态 〈OL TYPE=A|a|I|i|1〉 (定义全部的列举项)
〈LI TYPE=A|a|I|i|1〉 (定义这个及其後的列举项)
N1.0 起始数字 〈OL value=?〉 (定义全部的列举项)
〈LI value=?〉 (定义这个及其後的列举项)
定义式列举 〈DL〉〈DT〉〈DD〉〈/DL〉(〈DT〉项目, 〈DD〉定义)
表单式列举 〈MENU〉〈LI〉〈/MENU〉(〈LI〉 放在每一项前)
目录式列举 〈DIR〉〈LI〉〈/DIR〉 (〈LI〉 放在每一项前)
背景与颜色
3.0 重复排列的背景 〈BODY BACKGROUND="URL"〉
N1.1+ 背景颜色 〈BODY BGCOLOR="#$$$$$$"〉 (依序为红、绿、蓝)
N1.1+ 文字颜色 〈BODY TEXT="#$$$$$$"〉
N1.1+ 连结颜色 〈BODY LINK="#$$$$$$"〉
N1.1+ 看过的连结 〈BODY VLINK="#$$$$$$"〉
N1.1 使用中的连结 〈BODY ALINK="#$$$$$$"〉
4.特殊字元(以下标签需用小写)
特别符号 &#?; (其中 ? 代表 ISO 8859-1 的编码)
〈 〈 〉 〉 & & " "
注册商标TM ?
N1.0+ 注册商标TM ?
著作权符号 ?
N1.0+ 著作权符号 ?
5.表单 (通常需要与CGI程式配合)
定义表单 〈FORM ACTION="URL" METHOD=GET|POST〉〈/FORM〉
N2.0 上传档案 〈FORM ENCTYPE="multipart/form-data〉〈/FORM〉
输入栏位 〈INPUT TYPE="TEXT|PASSWORD|CHECKBOX|RADIO|IMAGE|HIDDEN|SUBMIT|RESET"〉
栏位名称 〈INPUT NAME="***"〉
栏位内定值 〈INPUT value="***"〉
已选定 〈INPUT CHECKED〉 (适用於checkboxes与 radio boxes)
栏位宽度 〈INPUT SIZE=?〉 (以字元数为单位)
最长字数 〈INPUT MAXLENGTH=?〉 (以字元数为单位)
下拉式选单 〈SELECT〉〈/SELECT〉
下拉式选单名称 〈SELECT NAME="***"〉〈/SELECT〉
选单项目数量 〈SELECT SIZE=?〉〈/SELECT〉
多选式选单 〈SELECT MULTIPLE〉 (多选)
选项 〈OPTION〉
内定选项 〈OPTION SELECTED〉
文字输入区 〈TEXTAREA ROWS=? COLS=?〉〈/TEXTAREA〉
输入区名称 〈TEXTAREA NAME="***"〉〈/TEXTAREA〉
N2.0 输入区换行方式 〈TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL〉〈/TEXTAREA〉
6.表格
3.0 定义表格 〈TABLE〉〈/TABLE〉
3.0 表格框线 〈TABLE BORDER〉〈/TABLE〉 (有或没有)
N1.1 表格框线 〈TABLE BORDER=?〉〈/TABLE〉(可以设定数值)
N1.1 储存格左右留白 〈TABLE CELLSPACING=?〉
N1.1 储存格上下留白 〈TABLE CELLPADDING=?〉
N1.1 表格宽度 〈TABLE WIDTH=?〉 (以pixels为单位)
N1.1 宽度比率 〈TABLE WIDTH=%〉 (页宽为100%)
3.0 表格列 〈TR〉〈/TR〉
3.0 表格列内容看齐 〈TR ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM〉
3.0 储存格 〈TD〉〈/TD〉 (须与列并用)
3.0 储存格内容看齐 〈TD ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM〉
3.0 不换行 〈TD NOWRAP〉
N3.0 储存格背景颜色 〈TD BGCOLOR=#$$$$$$〉
3.0 储存格横向连接 〈TD COLSPAN=?〉
3.0 储存格纵向连接 〈TD ROWSPAN=?〉
N1.1 储存格宽度 〈TD WIDTH=?〉 (以pixels为单位)
N1.1 储存格宽度比率 〈TD WIDTH=%〉 (页宽为100%)
3.0 表格标题 〈TH〉〈/TH〉 (跟〈TD〉一样,不过会对中并加粗)
3.0 表格标题对齐 〈TH ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM〉
3.0 表格标题不换行 〈TH NOWRAP〉
3.0 表格标题占几栏 〈TH COLSPAN=?〉
3.0 表格标题占几列 〈TH ROWSPAN=?〉
N1.1 表格标题宽度 〈TH WIDTH=?〉 (以pixels为单位)
N1.1 表格标题比率宽度〈TH WIDTH=%〉 (页宽为100%)
3.0 表格抬头 〈CAPTION〉〈/CAPTION〉
3.0 表格抬头看齐 〈CAPTION ALIGN=TOP|BOTTOM〉(在表格之上/之下)
视框 (定义与控制萤幕上的特定区域)
N2.0 视框格式总定义 〈FRAMESET〉〈/FRAMESET〉 (取代〈BODY〉)
N2.0 视框行长度分配 〈FRAMESET ROWS=,,,〉〈/FRAMESET〉(pixels 或 %)
N2.0 视框行长度分配 〈FRAMESET ROWS=*〉〈/FRAMESET〉 (* = 相对大小)
N2.0 视框栏宽度分配 〈FRAMESET COLS=,,,〉〈/FRAMESET〉(pixels 或 %)
N2.0 视框栏宽度分配 〈FRAMESET COLS=*〉〈 /FRAMESET〉 (* =相对大小)
N2.0 定义个别视框 〈FRAME〉 (定义个别视框)
N2.0 个别视框内容 〈FRAME SRC="URL"〉
N2.0 个别视框名称 〈FRAME NAME="***"|_blank|_self|_parent|_top〉
N2.0 边缘宽度 〈FRAME MARGINWIDTH=?〉 (「左」与「右」边界)
N2.0 边缘高度 〈FRAME MARGINHEIGHT=?〉 (「天顶」与「地底」边界)
N2.0 卷动条 〈FRAME SCROLLING="YES|NO|AUTO"〉
N2.0 不可改变大小 〈FRAME NORESIZE〉
N2.0 无视框时的内容 〈NOFRAMES〉〈/NOFRAMES〉(如果浏览器不提供视框功能的话)
7.杂项
说明 〈!-- *** --〉 (浏览器不会显示)

武当休闲山庄

如来佛祖编辑

2008年5月13日

1条评分
By 飞雪思函 金币 +20 | 理由: 优秀文章 2008-05-13
山庄提示: 道行不够,道券不够?---☆点此充值☆
 
离线okyishu

UID: 317457

发帖
879
金币
11747
道行
168
原创
0
奖券
0
斑龄
0
道券
0
获奖
0
座驾
设备
摄影级
在线时间: 285(小时)
注册时间: 2007-11-08
最后登录: 2013-11-30
只看该作者 沙发  发表于: 2008-05-13
学习欣赏了,有机会偶也做一 HTML代码音画。
1条评分
By 飞雪思函 金币 +5 | 理由: 期待中。。。。。。 2008-05-13
如何不发帖就快速得到金币道行
 
离线huihui3

UID: 427493

发帖
12
金币
467
道行
0
原创
0
奖券
0
斑龄
0
道券
0
获奖
0
座驾
设备
摄影级
在线时间: 5(小时)
注册时间: 2008-04-27
最后登录: 2011-01-28
只看该作者 板凳  发表于: 2008-05-16
我也要学习  我是新来的  请多关照啊!
如何不发帖就快速得到金币道行
 
离线金侠客

UID: 50038

精华: 13
职务: 山庄上宾
级别: 得道成仙

发帖
10718
金币
60201
道行
1992
原创
6
奖券
776
斑龄
33
道券
16
获奖
0
座驾
设备
摄影级
在线时间: 4415(小时)
注册时间: 2006-03-14
最后登录: 2017-01-29
只看该作者 地板  发表于: 2008-05-17
我很想学做 HTML代码音画,就是转发也行,可是我看了以后觉得太难了,不知道有没有简单好学一点的!
如何不发帖就快速得到金币道行
 
在线wowoni
山庄督察队长

UID: 108

精华: 184
职务: 山庄总管
级别: 得道成仙

发帖
104328
金币
44130
道行
2452
原创
524
奖券
11139
斑龄
209
道券
486
获奖
1
座驾
两脚走万里
 设备
噢婆reno11
 摄影级
中级认证
在线时间: 31447(小时)
注册时间: 2006-08-22
最后登录: 2024-11-20
只看该作者 4楼 发表于: 2008-06-10
郁闷啊,我怎么学都学不会啊?气死我了
如何不发帖就快速得到金币道行
 

武当休闲山庄  是一个稳定,和谐,人性化的社区,适宜长期居住!
在线凉风友情
山庄影视厅主管

UID: 130

精华: 145
职务: 山庄总管
级别: 得道成仙

发帖
49473
金币
3423
道行
2890
原创
470
奖券
10888
斑龄
216
道券
2428
获奖
0
座驾
雅迪
 设备
尼康
 摄影级
高级认证
在线时间: 22211(小时)
注册时间: 2006-06-19
最后登录: 2024-11-20
只看该作者 5楼 发表于: 2008-06-21
好象多层的还没掌握,学习中...
如何不发帖就快速得到金币道行
 
离线eyes_001

UID: 537688

精华: 4
级别: 武当天尊

发帖
1400
金币
224
道行
413
原创
378
奖券
0
斑龄
5
道券
0
获奖
0
座驾
设备
摄影级
在线时间: 862(小时)
注册时间: 2008-09-12
最后登录: 2016-01-29
只看该作者 6楼 发表于: 2008-10-15
这是我学习HTML的第二天,不知道要到第几天才可以学会
1条评分
By 姑苏魂 金币 +7 | 理由: 认真学习,值得鼓励! 2008-10-15
如何不发帖就快速得到金币道行
 
离线神枪手

UID: 134934

发帖
252
金币
1076
道行
0
原创
0
奖券
0
斑龄
0
道券
0
获奖
0
座驾
设备
摄影级
在线时间: 36(小时)
注册时间: 2007-01-09
最后登录: 2012-01-18
只看该作者 7楼 发表于: 2009-02-24
学习学习再学习!觉得这样看不太明白啊。
如何不发帖就快速得到金币道行
 
离线wangyu

UID: 152450

发帖
214
金币
227
道行
34
原创
0
奖券
0
斑龄
0
道券
0
获奖
0
座驾
设备
摄影级
在线时间: 131(小时)
注册时间: 2007-02-01
最后登录: 2013-10-16
只看该作者 8楼 发表于: 2009-03-03
〈H2 ALIGN=LEFT|CENTER|RIGHT〉你好〈/H2〉
如何不发帖就快速得到金币道行
 
离线送葬者

UID: 634127

发帖
41
金币
202
道行
0
原创
0
奖券
0
斑龄
0
道券
0
获奖
0
座驾
设备
摄影级
在线时间: 64(小时)
注册时间: 2009-03-04
最后登录: 2011-12-24
只看该作者 9楼 发表于: 2009-03-07
也想来学习学习。。。
如何不发帖就快速得到金币道行
 
快速回复
限120 字节
认真回复加分,灌水扣分~
 
上一个 下一个