html艺术字体代码大全(html字体艺术字)

http://www.itjxue.com  2023-02-20 19:21  来源:未知  点击次数: 

寻找最全的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.杂项

说明 !-- *** -- (浏览器不会显示)

(责任编辑:IT教学网)

更多

推荐杀毒防毒文章