HTML网页代码大全(html页码制作的代码大全)

http://www.itjxue.com  2023-02-01 06:46  来源:未知  点击次数: 

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.杂项

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

求html代码大全

文件类型HTML/HTML (放在档案的开头与结尾)

文件主题TITLE/TITLE (必须放在「文头」区块内)

文头HEAD/HEAD (描述性资料,像是「主题」)

文体BODY/BODY (文件本体)

标题H?/H? (从1到6,有六层选择)

标题的对齐 H?ALIGN=LEFT|CENTER|RIGHT/H?

区分DIV/DIV

区分的对齐 DIVALIGN=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 (有史以来最被嘲弄的标签)

字体大小 FONTSIZE=?/FONT(从1到7)

改变字体大小 FONTSIZE=+|-?/FONT

基本字体大小 BASEFONTSIZE=? (从1到7; 内定为3)

字体颜色 FONTCOLOR="#$$"/FONT($$为颜色代码)

html代码大全:修改页面的实用性HTML代码

1)贴图:img src="图片地址"

2)加入连接:a href="所要连接的相关地址"写上你想写的字/a

3)在新窗口打开连接:a href="相关地址" target="_blank"写上要写的字/a

4)移动字体(走马灯):marquee写上你想写的字/marquee

5)字体加粗:b写上你想写的字/b

6)字体斜体:i写上你想写的字/i

7)字体下划线: u写上你想写的字/u

8)字体删除线: s写上你想写的字/s

9)字体加大: big写上你想写的字/big

10)字体控制大小:h1写上你想写的字/h1 (其中字体大小可从h1-h5,h1最大,h5最小)

11)更改字体颜色:font color="#value"写上你想写的字/font(其中value值在000000与ffffff(16位进制)之间

12)消除连接的下划线:a href="相关地址" style="text-decoration:none"写上你想写的字/a

13)贴音乐:embed src="音乐地址" width="宽度" height="高度" autostart=false

14)贴flash: embed src="flash地址" width="宽度" height="高度"

15)贴影视文件:img dynsrc="文件地址" width="宽度" height="高度" start=mouseover

16)换行:br

17)段落:p段落/p

18)原始文字样式:pre正文/pre

19)换帖子背景:body background="背景图片地址"

20)固定帖子背景不随滚动条滚动:body background="背景图片地址" body

bgproperties=fixed

21)定制帖子背景颜色:body bgcolor="#value"(value值见10)

22)帖子背景音乐:bgsound="背景音乐地址" loop=infinite

23)贴网页:iframe. src="相关地址" width="宽度" height="高度"/iframe

html代码大全:常常会遇到的问题

点击关闭窗口

a href="javascript.:top.window.close();"点击关闭窗口/a!

请问如何去掉主页右面的滚动条?

body scroll="no"

body style="overflow-y:hidden"

如何做到让一个网页自动关闭.

html

head

OBJECT id=closes type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"

param name="Command" value="Close"

/object

/head

body

这个窗口会在10秒过后自动关闭,而且不会出现提示. /body

如何在不刷新页面的情况下刷新css?

style

button{ color:#000000;}

/style

button nclick=document.styleSheets[0].rules[0].style.color=‘‘‘‘red‘‘‘‘点击按钮直接修改style标签里button选择符使按钮改为红色/button

请问如何让网页自动刷新?

在head部记入META. HTTP-EQUIV="Refresh" c其中20为20秒后自动刷新,你可以更改为任意值。

如何让页面自动刷新?

方法一,用refresh

HTML 代码片段如下:

head

meta. http-equiv="refresh" c

/head

5表示刷新时间

[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

方法二,使用setTimeout控制

img src=/logo.gif

script

function rl(){

document.location.reload()

}

setTimeout(rl,2000)

/SCRIPT

如何让超链接没有下划线

在源代码中的HEAD…/HEAD之间输入如下代码:

style. type="text/css" !--

a { text-decoration: none}

-- /style

请问如何去掉IE的上下滚动条?

body style=‘‘‘‘overflow:scroll;overflow-y:hidden‘‘‘‘

/body

怎样才能把RealPlayer文件在网页做一个试听连接?

embed height=25 src=51js.rm type=audio/x-pn-realaudio-plugin width=50 autostart="false" c

如何用html实现浏览器上后退按钮的功能?

a href="java script.:history.go(-1)"点击后退/a

或者

script history.back() /SCRIPT

html代码大全:你不一定知道的技巧

16. ncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键

table borderncontextmenu=return(false)tdno/table 可用于Table

17. body nselectstart="return false" 取消选取、防止复制

18.onpaste="return false" 不准粘贴

19.oncopy="return false;" ncut="return false;" 防止复制

20. link rel="Shortcut Icon"href="favicon.ico" IE地址栏前换成自己的图标

21. link rel="Bookmark"href="favicon.ico" 可以在收藏夹中显示出你的图标

22. inputstyle="ime-mode:disabled" 关闭输入法

23. 永远都会带着框架

script. language="JavaScript"!--

if (window == top)top.location.href = "frames.htm"; //frames.htm为框架网页

// --/script

24. 防止被人frame.

SCRIPT. LANGUAGE=JAVASCRIPT!--

if (top.location != self.location)top.location=self.location;

// --/SCRIPT

25. 网页将不能被另存为

noscriptiframe.src=*.html/iframe/noscript

26. 查看网页源代码

input type=button value=查看网页源代码

onclick="window.location = "view-source:"+"""

27.删除时确认

a href="javascript:if(confirm("确实要删除吗?"))location="boos.asp? areyou=删除page=1""删除/a

28.屏蔽功能键Shift,Alt,Ctrl

script

function look(){

if(event.shiftKey)

alert("禁止按Shift键!");//可以换成ALT CTRL

}

document.onkeydown=look;

/script

29. 网页不会被缓存

META. HTTP-EQUIV="pragma" CONTENT="no-cache"

META. HTTP-EQUIV="Cache-Control"CONTENT="no-cache, must-revalidate"

META. HTTP-EQUIV="expires"CONTENT="Wed, 26 Feb 1997 08:21:57 GMT"

或者META. HTTP-EQUIV="expires"CONTENT="0"

30.怎样让表单没有凹凸感?

input type=text style="border:1 solid #000000"

或 input type=text style="border-left:none;border-right:none; border -top:none; border-bottom: 1 solid#000000"/textarea

31.不要滚动条?

让竖条没有:

body style="overflow:scroll;overflow-y:hidden"

/body

让横条没有:

body style="overflow:scroll;overflow-x:hidden"

/body

两个都去掉?更简单了

body scroll="no"

/body

32.怎样去掉图片链接点击后,图片周围的虚线?

a href="#"nFocus="this.blur()"img src="logo.jpg"border=0/a

33.电子邮件处理提交表单

form. name="form1"method="post" action="mailt****@***.com"enctype="text/plain"

input type=submit

/form

34.在打开的子窗口刷新父窗口的代码里如何写?

window.opener.location.reload()

35.如何设定打开页面的大小

body nload="top.resizeTo(300,200);"

打开页面的位置bodynload="top.moveBy(300,200);"

36.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动

STYLE

body

{background-image:url(logo.gif); background-repeat:no-repeat;

background-position:center;background-attachment: fixed}

/STYLE

37. 检查一段字符串是否全由数字组成

script. language="Javascript"!--

function checkNum(str){return str.match(//D/)==null}

alert(checkNum("1232142141"))

alert(checkNum("123214214a1"))

// --/script

38. 获得一个窗口的大小

document.body.clientWidth; document.body.clientHeight

39. 怎么判断是否是字符

if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");

else alert("全是字符");

40.TEXTAREA自适应文字行数的多少

textarea rows=1 name=s1 cols=27npropertychange="this.style.posHeight=this.scrollHeight"

/textarea

41. 日期减去天数等于第二个日期

script. language=Javascript

function cc(dd,dadd)

{

//可以加上错误处理

var a = new Date(dd)

a = a.valueOf()

a = a - dadd * 24 * 60 * 60 * 1000

a = new Date(a)

alert(a.getFullYear() + "年" + (a.getMonth() +1) + "月" + a.getDate() + "日")

} cc("12/23/2002",2)

/script

42. 选择了哪一个Radio

HTMLscript. language="vbscript"

function checkme()

for each ob in radio1

if ob.checked then window.alert ob.value

next

end function

/scriptBODY

INPUT name="radio1" type="radio"value="style" checkedStyle.

INPUT name="radio1" type="radio"value="barcode"Barcode

INPUT type="button" value="check"nclick="checkme()"

/BODY/HTML

43.脚本永不出错

SCRIPT. LANGUAGE="JavaScript"

!-- Hide function killErrors(){return true;} window.onerror = killErrors;// --

/SCRIPT

44.ENTER键可以让光标移到下一个输入框

input nkeydown="if(event.keyCode==13)event.keyCode=9"

html网页跳转代码大全

我们编写HTML页面的时候,经常需要实现页面之间的跳转功能。HTML页面之间的跳转包括refresh方式跳转,location方式跳转,history方式跳转。下面我就给大家分别介绍一下这三种跳转方式。

refresh方式跳转

01

refresh方式的跳转直接在head的meta标签里面添加就可以了,如下图所示,通过url设置跳转路径

02

如果refresh中不指定url,则是本页面刷新,如下图所示

location方式跳转

01

location方式的跳转需要在js中进行调用,通过调用它下面的href属性完成跳转,如下图所示

02

另外还可以用setTimeOut为location跳转指定一个时间,如下图所示

history方式跳转

01

history方式的跳转可以直接在HTML中写,如下图所示

02

同时也可以通过点击按钮,在JS中调用history进行跳转,如下图所示

HTML 做一个打开网页代码

html的head区域中加上script language="javascript" location.replace("") /script即可html

html代码如下:

head

title页面跳转/title

script language="javascript" location.replace("") /script

/head

body

/body

/html

扩展资料:

网页HTML代码大全

文件类型 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 (文字与图片都可以)

(责任编辑:IT教学网)

更多

推荐Oracle文章