今天蓝鸥HTML5培训小编跟大家分享你不能不知道的HTML常用代码。只有熟悉掌握了常用的HTML代码,你才能在编写网页的时候做到行云流水,用处处流露着细腻和创意的动效细节打动所有人。
1、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(保留文件中空格的大小)
预定格式的宽度PREWIDTH=?/PRE(以字元计算)
向中看齐CENTER/CENTER(文字与图片都可以)
闪耀BLINK/BLINK(有史以来最被嘲弄的标签)
字体大小FONTSIZE=?/FONT(从1到7)
改变字体大小FONTSIZE=+
-?/FONT
基本字体大小BASEFONTSIZE=?(从1到7;内定为3)
字体颜色FONTCOLOR="#$$"/FONT($$为颜色代码)
2、html代码大全:修改页面的实用性HTML代码1)贴图:imgsrc="图片地址"
2)加入连接:ahref="所要连接的相关地址"写上你想写的字/a
3)在新窗口打开连接:ahref="相关地址"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)更改字体颜色:fontcolor="#value"写上你想写的字/font(其中value值在与ffffff(16位进制)之间
12)消除连接的下划线:ahref="相关地址"style="text-decoration:none"写上你想写的字/a
13)贴音乐:embedsrc="音乐地址"width="宽度"height="高度"autostart=false
14)贴flash:embedsrc="flash地址"width="宽度"height="高度"
15)贴影视文件:imgdynsrc="文件地址"width="宽度"height="高度"start=mouseover
16)换行:br
17)段落:p段落/p
18)原始文字样式:pre正文/pre
19)换帖子背景:bodybackground="背景图片地址"
20)固定帖子背景不随滚动条滚动:bodybackground="背景图片地址"body
bgproperties=fixed
21)定制帖子背景颜色:bodybgcolor="#value"(value值见10)
22)帖子背景音乐:bgsound="背景音乐地址"loop=infinite
23)贴网页:
3、html代码大全:常常会遇到的问题点击关闭窗口
ahref="JavaScript.:top.window.close();"点击关闭窗口/a!
请问如何去掉主页右面的滚动条?
bodyscroll="no"
bodystyle="overflow-y:hidden"
如何做到让一个网页自动关闭.
html
head
OBJECTid=closestype="application/x-oleobject"classid="clsid:adba6-d8ff-11cf--00aab7a11"
paramname="Command"value="Close"
/object
/head
body
这个窗口会在10秒过后自动关闭,而且不会出现提示./body
如何在不刷新页面的情况下刷新css?
style
button{color:#;}
/style
buttonnclick=document.styleSheets[0].rules[0].style.color=‘‘‘‘red‘‘‘‘点击按钮直接修改style标签里button选择符使按钮改为 红色/button
请问如何让网页自动刷新?
在head部记入META.HTTP-EQUIV="Refresh"c其中20为20秒后自动刷新,你可以更改为任意值。
如何让页面自动刷新?
方法一,用refresh
HTML代码片段如下:
head
meta. /head
5表示刷新时间
[Ctrl+A全部选择提示:你可先修改部分代码,再按运行]
方法二,使用setTimeout控制
imgsrc=/logo.gif
24.防止被人frame.
SCRIPT.LANGUAGE=JavaScript!--
if(top.location!=self.location)top.location=self.location;
//--/SCRIPT
25.网页将不能被另存为
noscriptiframe.src=*.html/iframe/noscript
26.查看网页源代码
inputtype=buttonvalue=查看网页源代码
onclick="window.location="view-source:"+"网页链接
27.删除时确认
ahref="JavaScript:if(confirm("确实要删除吗?"))location="boos.asp?areyou=删除page=1""删除/a
28.屏蔽功能键Shift,Alt,Ctrl
29.网页不会被缓存
META.HTTP-EQUIV="pragma"CONTENT="no-cache"
META.HTTP-EQUIV="Cache-Control"CONTENT="no-cache,must-revalidate"
META.HTTP-EQUIV="expires"CONTENT="Wed,26Feb:21:57GMT"
或者META.HTTP-EQUIV="expires"CONTENT="0"
30.怎样让表单没有凹凸感?
inputtype=textstyle="border:1solid#"
或inputtype=textstyle="border-left:none;border-right:none;border-top:none;border-bottom:1solid#"/textarea
31.不要滚动条?
让竖条没有:
bodystyle="overflow:scroll;overflow-y:hidden"
/body
让横条没有:
bodystyle="overflow:scroll;overflow-x:hidden"
/body
两个都去掉?更简单了
bodyscroll="no"
/body
32.怎样去掉图片链接点击后,图片周围的虚线?
ahref="#"nFocus="this.blur()"imgsrc="logo.jpg"border=0/a
33.电子邮件处理提交表单
form.name="form1"method="post"action="mailt****
***. inputtype=submit/form
34.在打开的子窗口刷新父窗口的代码里如何写?
window.opener.location.reload()
35.如何设定打开页面的大小
bodynload="top.resizeTo(,);"
打开页面的位置bodynload="top.moveBy(,);"
36.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
STYLE
body
{background-image:url(logo.gif);background-repeat:no-repeat;
background-position:center;background-attachment:fixed}
/STYLE
37.检查一段字符串是否全由数字组成
38.获得一个窗口的大小
document.body.clientWidth;document.body.clientHeight
39.怎么判断是否是字符
if(/[^/x00-/xff]/g.test(s))alert("含有汉字");
elsealert("全是字符");
40.TEXTAREA自适应文字行数的多少
textarearows=1name=s1cols=27npropertychange="this.style.posHeight=this.scrollHeight"
/textarea
41.日期减去天数等于第二个日期
42.选择了哪一个Radio
HTMLBODY
INPUTname="radio1"type="radio"value="style"checkedStyle.
INPUTname="radio1"type="radio"value="barcode"Barcode
INPUTtype="button"value="check"nclick="checkme()"
/BODY/HTML
43.脚本永不出错
SCRIPT.LANGUAGE="JavaScript"
!--HidefunctionkillErrors(){returntrue;}window.onerror=killErrors;//--
/SCRIPT
44.ENTER键可以让光标移到下一个输入框
inputnkeydown="if(event.keyCode==13)event.keyCode=9"
欢迎大家添加蓝鸥武汉北京公立治疗白癜风医院最专业的白癜风医院