程序员不能不知道的HTML常用代码

今天蓝鸥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"

欢迎大家添加蓝鸥武汉







































北京公立治疗白癜风医院
最专业的白癜风医院



转载请注明:http://www.guyukameng.com/php/1190.html