html艺术字体代码大全(html字体艺术字)
寻找最全的HTML语言代码大全
常用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)色码
rrggbb也可用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.文字闪烁效果 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
20.文字移动指令MARQUEE........../MARQUEE
移动速度指令是:scrollAmount=# #最小为1,速度为最慢;数字越大移动的越快。
移动方向指令是:direction=# up向上、down向下、left向左、right向右。
指令举例:MARQUEE scrollAmount=3 direction=up........../MARQUEE
二、图片
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=欲合并栏位数
四、表格的主要属性
1. table标记的主要属性
align定义表格的对齐方式,有三个属性值center,left,right
background定义表格的背景图案,属性值为图片的地址
bgcolor定义表格的背景颜色,属性值是各种颜色代码
border定义表格的边框宽度,属性值是数字
bordercolor定义表格边框的颜色,属性值是各种颜色代码
cellpadding定义单元格内容与单元格边框之间的距离,属性值是数字
cellspacing定义表格中单元格之间的距离
height定义表格的高度,属性值是数字
width定义表格的宽度,属性值是数字
2. tr标记,表格是由多行与多列组成的,tr标记用来定义表格的一行,他的属性极其属性值定义的是表格中的该行,其主要属性与属性值如下:
align定义对齐方式,属性值与上同
background定义背景图案 bgcolor定义背景色
3. td标记。用td标记概况起来的内容表示表格的单元。其主要属性与属性值和table标记的一样,补充两个合并列和行的代码:
colspan定义合并表格的列数,属性值是数字
rowspan定义合并表格的行数,属性值是数字
五、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
六、歌曲代码:
在这组代码中,不必管它是mms.http.rtsp,只要看尾缀是asf、wma、wmv、wmv、rm都可适用下面的代码:
1. 手动播放:
EMBED src=歌曲地址 volume="100" width=39 height=18 hidden="FALSE" autostart="fault" type="audio/x-pn-realaudio-plugin" controls="PlayButton"
2. 打开页面自动播放:
EMBED src="歌曲地址" width="39" height="18" autostart="true" hidden="false" loop="infinite" align="middle" volume="100" type="audio/x-pn-realaudio-plugin" controls="PlayButton" autostart="true"
------------------------------------------------------------------
套用代码:
div align="center"
table border="1" width="90%" height="403" background="背景图片地址"
trtd width="80%" height="100%"
p align="center"brbrbr
font face="华文彩云" size="6" color="#FFFFFF"歌曲或音乐名称/fontbrbr
p align="center"img src="图片地址"brbr
font color="#FFFFFF" size=3介绍文字/fontbrbrbr
EMBED style="FILTER: xray()" src=音乐地址 width=250 height=30 type=audio/x-ms-wma autostart="true" loop="-1"brbrbr
/td/tr
/table
/div
简易套用代码详解:
div align="center"是定义帖子居中;
table border="1" width="90%" height="403" background="背景图片地址"trtd width="80%" height="100%"
这其中的border="1"是定义表格边线的宽度,定义为0则无边线;width="90%" height="403"分别定义背景图表格的宽度和高度.如果背景图是一张大图,可以这样定义:width=图片宽度 height=图片高度
p align="center"brbrbrfont face="华文彩云" size="6" color="#FFFFFF"歌曲或音乐名称/fontbrbr
p align="center"是定义文字居中的,br是回行代码,加几个就会空几行。font face="华文彩云" size="6" color="#FFFFFF"是定义文字属性的。face="华文彩云"是定义字体,你可以把字体换成隶书、宋体等。size="6"是定义字号的,数字越大字越大,如果不定义,默认是2号字。color="#FFFFFF"是定义字体颜色的。全部字体颜色的代码在妙手饰图区有人发过,你可以找来改。
p align="center"img src="图片地址"brbrfont color="#FFFFFF"介绍文字/fontbrbrbr
第一个括号里的代码仍然是定义图片和文字居中的。img src="图片地址"是插入图片代码。font color="#FFFFFF" size=3介绍文字/font是定义这段文字的。如果想改变字拧⒆痔濉⒆值难丈??烧瞻嵘厦嫖医驳亩ㄒ宸椒ā?/font
EMBED style="FILTER: xray()" src=音乐地址 width=250 height=30 type=audio/x-ms-wma autostart="true" loop="-1"
这一段是插入播放器代码,因为我插的是特殊的播放器,style="FILTER: xray()" 是特殊代码。“src=音乐地址”是插入音乐文件的地址。width=250 height=30分别定义播放器的宽度和高度(如果把宽和高都设成零则为隐藏,并且只能自动播放)。autostart="true" loop="-1"是定义音乐播放方式的,autostart="true"是设定手动或自动播放,“true”或“1”是自动播放,“false”或“0”是手动播放;loop="-1"是播放次数,“true”或“1”表示重复播放,“false”“-1”或“0”是只播放一次。
brbrbr/td/tr/table/div回行代码和与前面对应的固定代码。
EMBED style="FILTER: xray()" src=音乐地址 width=250 height=30 type=audio/x-ms-wma autostart="true" loop="-1"
这一段是插入播放器代码,因为我插的是特殊的播放器,style="FILTER: xray()" 是特殊代码。“src=音乐地址”是插入音乐文件的地址。width=250 height=30分别定义播放器的宽度和高度(如果把宽和高都设成零则为隐藏,并且只能自动播放)。autostart="true" loop="-1"是定义音乐播放方式的,autostart="true"是设定手动或自动播放,“true”或“1”是自动播放,“false”或“0”是手动播放;loop="-1"是播放次数,“true”或“1”表示重复播放,“false”“-1”或“0”是只播放一次。
brbrbr/td/tr/table/div回行代码和与前面对应的固定代码。
网页设计常用HTML代码
网页设计常用HTML代码大全
HTML是用来描述网页的一种语言。下面我为大家分享HTML代码,希望对大家学习html代码有帮助!
忽视右键
body oncontextmenu="return false"
或
body style="overflow-y:hidden"
1.如何几秒后转到别的页面?
META HTTP-EQUIV="Refresh" CONTENT="时间;URL=地址"
2.点击关闭窗口
a href="javascript:top.window.close();"点击关闭窗口/a!
3.请问如何去掉主页右面的滚动条?
body scroll="no"
body style="overflow-y:hidden"
4.请问如何做到让一个网页自动关闭.
html
head
OBJECT id=closes type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"
param name="Command" value="Close"
/object
/head
body onload="window.setTimeout(‘‘‘‘closes.Click()‘‘‘‘,10000)"
这个窗口会在10秒过后自动关闭,而且不会出现提示. /body
如何在不刷新页面的情况下刷新css?
style
button{ color:#000000;}
/style
button onclick=document.styleSheets[0].rules[0].style.color=‘‘‘‘red‘‘‘‘点击按钮直接修改style标签里button选择符使按钮改为红色/button
请问如何让网页自动刷新?
在head部记入META HTTP-EQUIV="Refresh" content="20"其中20为20秒后自动刷新,你可以更改为任意值。
5.如何让页面自动刷新?
方法一,用refresh
HTML 代码片段如下:
head
meta http-equiv="refresh" content="5"
/head
5表示刷新时间
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
方法二,使用setTimeout控制
img src=/logo.gif
script
function rl(){
document.location.reload()
}
setTimeout(rl,2000)
/script
6.如何让超链接没有下划线
在源代码中的HEAD…/HEAD之间输入如下代码:
style type="text/css" !--
a { text-decoration: none}
-- /style
7.请问如何去掉IE的上下滚动条?
body style=‘‘‘‘overflow:scroll;overflow-y:hidden‘‘‘‘
/body
8.怎样才能把RealPlayer文件在网页做一个试听连接?
embed height=25 src=51js.rm type=audio/x-pn-realaudio-plugin width=50 autostart="false" controls="PlayButton"
9.如何用html实现浏览器上后退按钮的功能?
a href="java script:history.go(-1)"点击后退/a
或者
script history.back() /script
10.请问怎么在网页中改变鼠标的箭头形状?
HTML 代码片段如下:
body
a href="#" style="cursor: auto;"auto/abr
a href="#" style="cursor: crosshair "crosshair /abr
a href="#" style="cursor: default "default /abr
a href="#" style="cursor: hand "hand /abr
a href="#" style="cursor: move "move /abr
a href="#" style="cursor: e-resize "e-resize /abr
a href="#" style="cursor: ne-resize "ne-resize /abr
a href="#" style="cursor: nw-resize"nw-resize/abr
a href="#" style="cursor: n-resize"n-resize/abr
a href="#" style="cursor: se-resize"se-resize/abr
a href="#" style="cursor: sw-resize"sw-resize/abr
a href="#" style="cursor: s-resize"s-resize/abr
a href="#" style="cursor: w-resize"w-resize/abr
a href="#" style="cursor: text"text/abr
a href="#" style="cursor: wait"wait/abr
a href="#" style="cursor: help"help/abr
/body
11.怎样不使用页面的缓存?即每一次打开页面时不是调用缓存中的东西
META HTTP-EQUIV="Pragma" CONTENT="no-cache"
12.页面打开时自动弹出一个窗口的代码怎么写?
HTML 代码片段如下:
html
head
titleUntitled Document/title
meta http-equiv="Content-Type" content="text/html; charset=gb2312"
script language="B style="color:black;background-color:#A0FFFF"javascript/B"
!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//--
/script
/head
body bgcolor="#FFFFFF" text="#000000" onLoad="MM_openBrWindow(‘‘‘‘‘‘‘‘,‘‘‘‘,‘‘‘‘width=400,height=400‘‘‘‘)"
/body
/html
13.如何让我的页面出现一个会讲话的小人?Merlin
HTML 代码片段如下:
HTML
HEAD
TITLE默林/TITLE
META http-equiv=Content-Type content="text/html; charset=gb2312"
/HEAD
BODY
pOBJECT id=sims classid=CLSID:D45FD31B-5C6E-11D1-9EC1-00C04FD7081F
/OBJECT
SCRIPT
var MerlinID;
var MerlinACS;
sims.Connected = true;
MerlinLoaded = LoadLocalAgent(MerlinID, MerlinACS);
Merlin = sims.Characters.Character(MerlinID);
Merlin.Show();
Merlin.Play("Surprised");
Merlin.Speak("大家好");
Merlin.Play("GestureLeft");
Merlin.Think("我是默林!");
Merlin.Play("Pleased");
Merlin.Think("可爱吗?");
Merlin.Play("GestureDown");
Merlin.Speak("哈哈!");
Merlin.Hide();
function LoadLocalAgent(CharID, CharACS){
LoadReq = sims.Characters.Load(CharID, CharACS);
return(true);
}
/SCRIPT
/p
p /p
p看此效果必须装有office2000!!!/p
/BODY
/HTML
14.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
HTML 代码片段如下:
htmlhead
STYLE
body {background-image:url(logo.gif);
background-repeat:no-repeat; background-position:center }
/STYLE
/head
body bgproperties="fixed"
/body
/html
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
background-repeat:no-repeat; 是让背景图不占满整个页面
body bgproperties="fixed" 是拉动scroll时背景图不动
15.文本输入框什么属性能实现不可输入?
HTML 代码片段如下:
input type="text" name="textfield" disabled
或者
input type="text" name="textfield" readonly
16.如何禁止自己的页面在别人的框架里打开?
把以下代码加至你的head区
script
if (window.top!=self){
window.top.location=self.location
}
/script
17.如何实现首页全屏幕显示?
HTML 代码片段如下:
html
bodyscript language="B style="color:black;background-color:#A0FFFF"javascript/B"
var coolw=642
var coolh=400
var coolhuang=window.open("","coolhuang","width="+coolw+",height="+coolh+",
fullscreen=1,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0")
window.close()
/script/body/html
18.如何监听一个窗口被关闭了?
HTML 代码片段如下:
body onunload="alert(‘‘‘‘你关闭了这个窗口‘‘‘‘)"
19.如何禁止Ctrl+N?
HTML 代码片段如下:
body onkeydown=return(!(event.keyCode==78event.ctrlKey))
如何把页面加入用户的收藏夹?
HTML 代码片段如下:
a href="B style="color:black;background-color:#A0FFFF"javascript/B:window.external.AddFavorite(‘‘‘‘‘‘‘‘,‘‘‘‘无忧脚本‘‘‘‘)"收藏无忧脚本/a
如何在我的'页面中加入背景音乐?
IE: bgsound src="*.mid" loop=infinite
NS:embed src="*.mid" autostart=true hidden=true loop=true
*.mid你的背景音乐的midi格式文件
关于页面转换效果
meta http-equiv="page-enter" content="revealTrans(Duration=4,Transition=23)"
或
meta http-equiv="page-exit" content="revealTrans(Duration=4,Transition=23)"
说明:Transition=23是随机效果,另可以选0-22任一数字固定某个效果
如何设定打开页面的大小
HTML 代码片段如下:
body onload="top.resizeTo(300,200);"!--(width,height)--
怎样双击滚屏,单击停止?
HTML 代码片段如下:
html
head
title新网页1/title
/head
body
script language"B style="color:black;background-color:#A0FFFF"javascript/B"
var currentpos,timer;
function initialize()
{
timer=setInterval("scrollwindow()",10);
}
function sc(){
clearInterval(timer);
}
function scrollwindow()
{
currentpos=document.body.scrollTop;
window.scroll(0,++currentpos);
if (currentpos != document.body.scrollTop)
sc();
}
document.onmousedown=sc
document.ondblclick=initialize
/script
pa/ppa/ppa/ppaa/ppaa/ppaa/p
paa/ppaa/ppaa/ppaa/ppaa/ppaa/p
paa/ppaa/ppaa/ppaa/ppaa/ppaa/p
paa/ppaa/ppaa/ppaa/ppa/p
/body
/html
如何让body中的文字不被选中?
HTML 代码片段如下:
body onselectstart="return false" aaa/body
如何让弹出的窗口不能关闭?
在新开的窗口中加入如下代码
body onunload=open(location.href)
/body
如何让浏览器在保存页面时保存失败?
HTML 代码片段如下:
NOSCRIPT
B style="color:black;background-color:#ffff66"IFRAME/B SRC="*.html"
/B style="color:black;background-color:#ffff66"IFRAME/B
/NOSCRIPT
表单中如何用图片按钮实现 reset?
html
head
script
function aaa(){
document.forms[0].reset()
}
/script
/head
body
form
textarea rows="2" name="S1" cols="20"/textarea
input type="submit" values="提交" name="B1"
image src="logo.gif" onclick=aaa()
/form
/body/html
进入网页时弹出的信息对话框
body onLoad="window.alert(‘‘‘‘欢迎光临本站‘‘‘‘)"
关闭窗口后弹出对话框
body onUnload="window.alert(‘‘‘‘谢谢你的光临!欢迎下次再来!‘‘‘‘)"
告别提示
body onUnload= alert("再见,感谢你的访问!")
右键菜单的制作
OBJECT id=menu type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"
PARAM name="Command" value="Related Topics,menu"
PARAM name="Item1" value="动易;"
PARAM name="Item2" value="搜狐;"
PARAM name="Item3" value="新浪;"
PARAM name="Item4" value="网易;"
PARAM name="Item5" value="互动学院;"
/OBJECT script if (document.all) document.body.onmousedown=new Function("if (event.button==2) menu.Click();") /script
下拉菜单
object id=HHCtrl type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11" PARAM name="Command" value="Related Topics,Menu" PARAM name="Item1" value="aspease;" PARAM name="Item2" value="byhu;" PARAM name="Item3" value="lzz;" /object a href=javascript:HHCtrl.Click() title="下拉菜单"下拉菜单/a
;
html网页中,行距,换行。还有字体大小的代码是什么?应在哪里插入。?
p style="font-size:12px;line-height:24px;font-family:'宋体'"html网页中,行距,换行。还有字体大小的代码是什么?br/应在哪里插入。?p
font-size:12px,是字体大小
line-height:24px;这个是行距
换行符是br /
字体艺术字体?不建议那么做,因为HTML的字体,要看别人浏览网页的电脑有没有那种字体,才会显示正确的。
有没有好的HTML的代码大全,最好是被人整理过的?
卷标 , 属性名称 , 简介
! - - ... - - 批注
! 跑马灯
marquee.../marquee普通卷动
marquee behavior=slide.../marquee滑动
marquee behavior=scroll.../marquee预设卷动
marquee behavior=alternate.../marquee来回卷动
marquee direction=down.../marquee向下卷动
marquee direction=up.../marquee向上卷动
marquee direction=right/marquee向右卷动
marquee direction=left/marquee向左卷动
marquee loop=2.../marquee卷动次数
marquee width=180.../marquee设定宽度
marquee height=30.../marquee设定高度
marquee bgcolor=FF0000.../marquee设定背景颜色
marquee scrollamount=30.../marquee设定卷动距离
marquee scrolldelay=300.../marquee设定卷动时间
!字体效果
h1.../h1标题字(最大)
h6.../h6标题字(最小)
b.../b粗体字
strong.../strong粗体字(强调)
i.../i斜体字
em.../em斜体字(强调)
dfn.../dfn斜体字(表示定义)
u.../u底线
ins.../ins底线(表示插入文字)
strike.../strike横线
s.../s删除线
del.../del删除线(表示删除)
kbd.../kbd键盘文字
tt.../tt 打字体
xmp.../xmp固定宽度字体(在文件中空白、换行、定位功能有效)
plaintext.../plaintext固定宽度字体(不执行标记符号)
listing.../listing 固定宽度小字体
...字体颜色
...最小字体
font style =font-size:100 px...无限增大
!区断标记
hr水平线
hr size=9水平线(设定大小)
hr width=80%水平线(设定宽度)
hr color=ff0000水平线(设定颜色)
br(换行)
nobr.../nobr水域(不换行)
p.../p水域(段落)
center.../center置中
!连结格式
base href=地址(预设好连结路径)
a href=地址外部连结
a href=地址 target=_blank外部连结(另开新窗口)
a href=地址 target=_top外部连结(全窗口连结)
a href=地址 target=页框名外部连结(在指定页框连结)
!贴图/音乐
img src=图片地址贴图
img src=图片地址 width=180设定图片宽度
img src=图片地址 height=30设定图片高度
img src=图片地址 alt=提示文字设定图片提示文字
img src=图片地址 border=1设定图片边框
bgsound src=MID音乐文件地址背景音乐设定
!表格语法
table aling=left.../table表格位置,置左
table aling=center.../table表格位置,置中
table background=图片路径.../table背景图片的URL=就是路径网址
table border=边框大小.../table设定表格边框大小(使用数字)
table bgcolor=颜色码.../table设定表格的背景颜色
table borderclor=颜色码.../table设定表格边框的颜色
table borderclordark=颜色码.../table设定表格暗边框的颜色
table borderclorlight=颜色码.../table设定表格亮边框的颜色
table cellpadding=参数.../table指定内容与网格线之间的间距(使用数字)
table cellspacing=参数.../table指定网格线与网格线之间的距离(使用数字)
table cols=参数.../table指定表格的栏数
table frame=参数.../table设定表格外框线的显示方式
table width=宽度.../table指定表格的宽度大小(使用数字)
table height=高度.../table指定表格的高度大小(使用数字)
td colspan=参数.../td指定储存格合并栏的栏数(使用数字)
td rowspan=参数.../td指定储存格合并列的列数(使用数字)
!分割窗口
frameset cols="20%,*"左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整
frameset rows="20%,*"上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整
frameset cols="20%,*"分割左右两个框架
frameset cols="20%,*,20%"分割左中右三个框架
分割上下两个框架
frameset rows="20%,*,20%"分割上中下三个框架
! - - ... - - 批注
A HREF TARGET 指定超级链接的分割窗口
A HREF=#锚的名称 指定锚名称的超级链接
A HREF 指定超级链接
A NAME=锚的名称 被连结点的名称
ADDRESS..../ADDRESS 用来显示电子邮箱地址
B 粗体字
BASE TARGET 指定超级链接的分割窗口
BASEFONT SIZE 更改预设字形大小
BGSOUND SRC 加入背景音乐
BIG 显示大字体
BLINK 闪烁的文字
BODY TEXT LINK VLINK 设定文字颜色
BODY 显示本文
BR 换行
CAPTION ALIGN 设定表格标题位置
CAPTION.../CAPTION 为表格加上标题
CENTER 向中对齐
CITE...CITE 用于引经据典的文字
CODE.../CODE 用于列出一段程序代码
COMMENT.../COMMENT 加上批注
DD 设定定义列表的项目解说
DFN.../DFN 显示"定义"文字
DIR.../DIR 列表文字卷标
DL.../DL 设定定义列表的卷标
DT 设定定义列表的项目
EM 强调之用
FONT FACE 任意指定所用的字形
FONT SIZE 设定字体大小
FORM ACTION 设定户动式窗体的处理方式
FORM METHOD 设定户动式窗体之资料传送方式
FRAME MARGINHEIGHT 设定窗口的上下边界
FRAME MARGINWIDTH 设定窗口的左右边界
FRAME NAME 为分割窗口命名
FRAME NORESIZE 锁住分割窗口的大小
FRAME SCROLLING 设定分割窗口的滚动条
FRAME SRC 将HTML文件加入窗口
FRAMESET COLS 将窗口分割成左右的子窗口
FRAMESET ROWS 将窗口分割成上下的子窗口
FRAMESET.../FRAMESET 划分分割窗口
H1~H6 设定文字大小
HEAD 标示文件信息
HR 加上分网格线
HTML 文件的开始与结束
I 斜体字
IMG ALIGN 调整图形影像的位置
IMG ALT 为你的图形影像加注
IMG DYNSRC LOOP 加入影片
IMG HEIGHT WIDTH 插入图片并预设图形大小
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 (如果需要,可在此断行)
列举 (可以巢状列举)
无次序式列举 ULLI/UL (LI 放在每一项前)
N1.0 公布式列举 UL TYPE=DISC|CIRCLE|SQUARE(定义全部的列举项)
LI TYPE=DISC|CIRCLE|SQUARE(定义这个及其后的列举项)
有次序式列举 OLLI/OL (LI 放在每一项前)
N1.0 数标型态 OL TYPE=A|a|I|i|1 (定义全部的列举项)
LI TYPE=A|a|I|i|1 (定义这个及其后的列举项)
N1.0 起始数字 OL value=? (定义全部的列举项)
LI value=? (定义这个及其后的列举项)
定义式列举 DLDTDD/DL(DT项目, DD定义)
表单式列举 MENULI/MENU(LI 放在每一项前)
目录式列举 DIRLI/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.杂项
说明 !-- *** -- (浏览器不会显示)