HTML网页代码大全(html页码制作的代码大全)
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 （文字与图片都可以）