百科 > IT百科 > 百科学堂 > 正文
百科学堂

你不能不知道的HTML常用代码

返回分页浏览
1 回顶部

  太Low了,网页居然还用这么老掉牙的特效!弄个粗体字,下划线就是突出重点了?真是一股浓浓的乡村风扑面而来;弄个图在页面飘来飘去就是动画效果了,你要这么认为的话那我只能保持沉默了。在HTML5占领着整个互联网之时,想透过网页抓住所有人的眼球,因循守旧是行不通的。因此,有你不能不知道的HTML常用代码。只有熟悉掌握了常用的HTML代码,你才能在编写网页的时候做到行云流水,用处处流露着细腻和创意的动效细节打动所有人。

html代码大全
 

  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>($$为颜色代码)

2 回顶部

html常用代码大全

  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>

3 回顶部

html代码大全
 

  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>

4 回顶部

html常用代码大全
 

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

  16. ncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键
       <table borderncontextmenu=return(false)><td>no</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. 网页将不能被另存为

  <noscript><iframe.src=*.html></iframe></noscript>

  26. 查看网页源代码

  <input type=button value=查看网页源代码
  onclick="window.location = "view-source:"+" //www.pconline.com.cn"">

  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
  <HTML><script. language="vbscript">
  function checkme()
  for each ob in radio1
  if ob.checked then window.alert ob.value
  next
  end function
  </script><BODY>
  <INPUT name="radio1" type="radio"value="style" checked>Style.
  <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">

聚超值·精选
  • 海信(Hisense)7公斤滚筒洗衣机全自动 超薄嵌入 小型家用 除菌洗 冷水护色洗HG70DA10以旧换新 海信(Hisense)7公斤滚筒洗衣机全自动 超薄嵌入 小型家用 除菌洗 冷水护色洗HG70DA10以旧换新 949元999元
    西门子(SIEMENS)274升大容量家用三门冰箱 混冷无霜 零度保鲜 独立三循环 玻璃面板 KG28US221C 西门子(SIEMENS)274升大容量家用三门冰箱 混冷无霜 零度保鲜 独立三循环 玻璃面板 KG28US221C 4899元5299元
    美的(Midea) 微波炉家用小型旋转加热20L 智能蒸煮菜单 杀菌功能 M1-L213C 美的(Midea) 微波炉家用小型旋转加热20L 智能蒸煮菜单 杀菌功能 M1-L213C 509元
    苏泊尔(SUPOR)电饭煲4L电饭锅电饭锅多功能一体家用蓝钻圆厚釜4-5人可做锅巴饭煲仔饭智能预约蒸米饭1-8人 SF40FC875 4升预约定时 苏泊尔(SUPOR)电饭煲4L电饭锅电饭锅多功能一体家用蓝钻圆厚釜4-5人可做锅巴饭煲仔饭智能预约蒸米饭1-8人 SF40FC875 4升预约定时 329元
    品胜 充电宝65W大功率30000毫安大容量PD20W快充户外移动电源适用笔记本电脑苹果15华为P70小米 品胜 充电宝65W大功率30000毫安大容量PD20W快充户外移动电源适用笔记本电脑苹果15华为P70小米 259元
  • 绿联何同学推荐65W氮化镓充电器套装多口Type-C快充头适用pd20W苹果15三星手机macbookPro笔记本电脑线 绿联何同学推荐65W氮化镓充电器套装多口Type-C快充头适用pd20W苹果15三星手机macbookPro笔记本电脑线 129元
    KZ Castor双子座有线耳机入耳式双单元哈曼曲线发烧HiFi耳返耳麦 KZ Castor双子座有线耳机入耳式双单元哈曼曲线发烧HiFi耳返耳麦 88元188元
    格兰仕(Galanz)电烤箱 家用烤箱 40L大容量 上下独立控温 多层烘培烤箱炉灯多功能 K42 经典黑 40L 黑色 格兰仕(Galanz)电烤箱 家用烤箱 40L大容量 上下独立控温 多层烘培烤箱炉灯多功能 K42 经典黑 40L 黑色 459元509元
    美的(Midea)中药锅煎药壶 智能全自动陶电砂锅炖药锅煲 煎药机器 养生熬药壶 大容量分体式 【4L容量】长效预约JYC4002 美的(Midea)中药锅煎药壶 智能全自动陶电砂锅炖药锅煲 煎药机器 养生熬药壶 大容量分体式 【4L容量】长效预约JYC4002 299元
    美的(Midea)电压力锅 高压锅家用5L双胆鲜汤深胆煮汤锅 智能多功能电饭煲 智能预约焖香饭智能 【5L高压浓香款】7段调压 多重口感 50Q3-FS 美的(Midea)电压力锅 高压锅家用5L双胆鲜汤深胆煮汤锅 智能多功能电饭煲 智能预约焖香饭智能 【5L高压浓香款】7段调压 多重口感 50Q3-FS 299元
  • 漫步者(EDIFIER)M25 一体式电脑音响 家用桌面台式机笔记本音箱 蓝牙5.3 黑色 漫步者(EDIFIER)M25 一体式电脑音响 家用桌面台式机笔记本音箱 蓝牙5.3 黑色 129元
    TCL电视 85英寸 120Hz 高色域 3+64GB 2.1声道音响 平板电视机 以旧换新 85英寸 官方标配 TCL电视 85英寸 120Hz 高色域 3+64GB 2.1声道音响 平板电视机 以旧换新 85英寸 官方标配 4799元
网友评论
最新更新
  • AI换脸直播AI视频造谣 短视频平台内容莫轻信
  • 全新敛财工具 AI套路网课套壳工具火遍全网
  • AI模拟变声诈骗频频发生!耳听为虚谨慎核实
  • Deepfake深伪技术背大锅 诈骗团伙上演2亿港元惊天大案
  • 国庆高速路免费时间规定2023
  • WWDC 23发布什么新品
  • 电竞显示器怎么选?HKC最新MiniLED显示器推荐
  • MiniLED电竞显示器推荐:HKC新旗舰4K+144Hz适合哪些人群
  • 2000左右MiniLED显示器推荐!HKC PG271Q电竞显示器即将上市
  • MiniLED显示器推荐!6边形战士HKC PG271U电竞显示器发布
聚超值
  • 洗衣机洗衣机 电视电视
  • 冰箱冰箱 触控笔触控笔
  • 手机手机 洗碗机洗碗机
  • 除螨仪除螨仪 数据线数据线
大家都在搜
  • 声光兼具!漫步者G2 Pro游戏耳机体验 声光兼具!漫步者G2 Pro游戏耳机体验 声光兼具!漫步者G2 Pro游戏耳机体验
  • 潮酷&解压,逐夜电竞椅带你轻松躺赢 潮酷&解压,逐夜电竞椅带你轻松躺赢 潮酷&解压,逐夜电竞椅带你轻松躺赢
  • 阿斯加特华硕TUF联名DDR5分享 阿斯加特华硕TUF联名DDR5分享 阿斯加特华硕TUF联名DDR5分享
  • 真我realme GT Neo6 SE深度体验测评 真我realme GT Neo6 SE深度体验测评 真我realme GT Neo6 SE深度体验测评
  • 咪鼠M4 AI鼠标功能解析与体验分享 咪鼠M4 AI鼠标功能解析与体验分享 咪鼠M4 AI鼠标功能解析与体验分享

哆哆女性网算死命全文免费阅读的周易择吉老黄历帮我讲一个恐怖故事起名用字字典起名姓名学今年宝宝起什么名字餐饮店字取名起名大全漯河英文网站建设适合起名的字都有哪些大自然中的动物作文测算一生命运苍南网站设计小微企业名称起名大全男孩子五行缺金取名起名大全呼兰河传读后感50字带皖字饭店起名商丘宏宝广汽传祺qq签名古风唯美seo网站服务器词语起名字男孩名字九九易学算命网在线测名免费起名测试苏姓起名子大全专业网络营销的推广f8电影驾校名字怎么起开学第课观后感楚辞起名名句周公解梦男孩网红营销推广网淀粉肠小王子日销售额涨超10倍罗斯否认插足凯特王妃婚姻不负春光新的一天从800个哈欠开始有个姐真把千机伞做出来了国产伟哥去年销售近13亿充个话费竟沦为间接洗钱工具重庆警方辟谣“男子杀人焚尸”男子给前妻转账 现任妻子起诉要回春分繁花正当时呼北高速交通事故已致14人死亡杨洋拄拐现身医院月嫂回应掌掴婴儿是在赶虫子男孩疑遭霸凌 家长讨说法被踢出群因自嘲式简历走红的教授更新简介网友建议重庆地铁不准乘客携带菜筐清明节放假3天调休1天郑州一火锅店爆改成麻辣烫店19岁小伙救下5人后溺亡 多方发声两大学生合买彩票中奖一人不认账张家界的山上“长”满了韩国人?单亲妈妈陷入热恋 14岁儿子报警#春分立蛋大挑战#青海通报栏杆断裂小学生跌落住进ICU代拍被何赛飞拿着魔杖追着打315晚会后胖东来又人满为患了当地回应沈阳致3死车祸车主疑毒驾武汉大学樱花即将进入盛花期张立群任西安交通大学校长为江西彩礼“减负”的“试婚人”网友洛杉矶偶遇贾玲倪萍分享减重40斤方法男孩8年未见母亲被告知被遗忘小米汽车超级工厂正式揭幕周杰伦一审败诉网易特朗普谈“凯特王妃P图照”考生莫言也上北大硕士复试名单了妈妈回应孩子在校撞护栏坠楼恒大被罚41.75亿到底怎么缴男子持台球杆殴打2名女店员被抓校方回应护栏损坏小学生课间坠楼外国人感慨凌晨的中国很安全火箭最近9战8胜1负王树国3次鞠躬告别西交大师生房客欠租失踪 房东直发愁萧美琴窜访捷克 外交部回应山西省委原副书记商黎光被逮捕阿根廷将发行1万与2万面值的纸币英国王室又一合照被质疑P图男子被猫抓伤后确诊“猫抓病”

哆哆女性网 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化