常用的HTML代码标识HTML知识

  1. 贴图:<img src="图片地址">
  2. 加入连接:<a href="所要连接的相关地址">写上你想写的字</a>
  3. 在新窗口打开连接:<a href="相关地址" target="_blank">写上你想写的字</a>
  4. 消除连接的下划线在新窗口打开连接:<a href="相关地址" style="text-decoration:none" target="_blank">写上你想写的字</a>
  5. 移动字体(走马灯):<marquee>写上你想写的字</marquee>
  6. 字体加粗:<b>写上你想写的字</b>
  7. 字体斜体:<i>写上你想写的字</i>
  8. 字体下划线: <u>写上你想写的字</u>
  9. 字体删除线:<s>写上你想写的字</s>
  10. 字体加大:<big>写上你想写的字</big>
  11. 字体标题大小:<h1>写上你想写的字</h1> (h1-h5,h1最大,h5最小)
  12. 更改字体颜色:<font color="#value">写上你想写的字</font>其中value值在000000与ffffff(16位进制)之间
  13. 修改文字的背景色 <font style="background: red">红色</font>
  14. 文字渐变背景色 <font style="background: linear-gradient( to right, #ff1616, #ff7716, #ffdc16, #36c945, #10a5ce, #0f0096, #a51eff, #ff1616);">文字渐变七彩背景色</font>
  15. 消除连接的下划线:<a href="相关地址" style="text-decoration:none">写上你想写的字</a>
  16. 贴音乐:<embed src="音乐地址" width=300 height=45 type=audio/mpeg autostart="false">
  17. 贴flash:<embed src="flash地址" width="宽度" height="高度">
  18. 贴影视文件:<img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>
  19. 换行:<br>
  20. 段落:<p>段落</p>
  21. 原始文字样式:<pre>正文</pre>
  22. Tip样式 <p class="tip">Tip样式</p>
  23. Warn样式 <p class="warn">Warn样式</p>
  24. 换帖子背景:<body background="背景图片地址">
  25. 固定帖子背景不随滚动条滚动:<body background="背景图片地址" body bgproperties=fixed>
  26. 定制帖子背景颜色:<body bgcolor="#value">其中value值在000000与ffffff(16位进制)之间
  27. 帖子背景音乐:<bgsound="背景音乐地址" loop=infinite>
  28. 打开网站出现欢迎词:<body alert(“欢迎访问本站!”)> 
  29. 返回上一页:<a href="#" onclick="javascript:history.back(-1);">『返回上一页』</a>
  30. 关闭窗口:<a href=javascript :self.close()>『关闭窗口』</a>
  31. 关于iframe的透明背景:<iframe ID="iFrame1" SRC="iframe.htm"allowTransparency="true"style="background-color: green"></IFRAME>
  32. 将彻底屏蔽鼠标右键 oncontextmenu="window.event.returnValue=false"
  33. 可用于Table <table border oncontextmenu=return(false)><td>no</table> 
  34. 取消选取、防止复制 <body onselectstart="return false"> 
  35. 不准粘贴 onpaste="return false" 
  36. 防止复制 oncopy="return false;" oncut="return false;" 
  37. 禁止复制网页代码:<body bgcolor="#ffffff" oncontextmenu="return false" onselectstart="return false">
  38. IE地址栏前换成自己的图标 <link rel="Shortcut Icon" href="favicon.ico"> 
  39. 在收藏夹中显示出图标 <link rel="Bookmark" href="favicon.ico"> 
  40. 关闭输入法 <input style="ime-mode:disabled"> 
  41. 网页将不能被另存为:<noscript><iframe src=*.html></iframe></noscript>
  42. 查看网页源代码:<input type=button value=查看网页源代码 onclick="window.location = "view-source:"+ "http://www.pconline.com.cn"">
  43. 删除时确认:<a href="javascript :if(confirm("确定删除?"))location="boos.asp? &areyou=删除&page=1"">删除</a>
  44. 去掉(底部)左右滚动条:<body style="overflow:-Scroll;overflow-x:hidden">
  45. 去掉(右侧)上下滚动条:<body style="overflow:-Scroll;overflow-y:hidden" > 
  46. 两个都去掉:<body scroll="no"></body>
  47. 去掉图片链接点击后,图片周围的虚线 <a href="#" onFocus="this.blur()"><img src="logo.jpg" border=0></a>
  48. 在打开的子窗口刷新父窗口的代码:window.opener.location.reload()
  49. 设定打开页面的大小:<body onload="top.resizeTo(300,200);">打开页面的位置<body onload="top.moveBy(300,200);">
  50. 获得一个窗口的大小:document.body.clientWidth; document.body.clientHeight
  51. 判断是否是字符;if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");else alert("全是字符");
  52. ENTER键让光标移到下一个输入框:<input onkeydown="if(event.keyCode==13)event.keyCode=9">
  53. 使图片圆角:<style> img { border-radius: 50% !important; border: 30px solid #eee; }</style> 
  54. 生成一个圆角按钮 <div style="width:100px;height:50px;background-color:red;border-radius:15px;">
  55. 网页标题左侧显示图标:<link rel="icon" href="图标地址" type="image/x-icon">
  56. 收藏夹显示图标:<link rel="shortcut icon" href="图标地址" type="image/x-icon">
  57. 网页适配手机:<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
  58. 插入其它网页:<iframe id="iframe" align=center src="网页网址" frameBorder=0 width="100%" height="100%" scrolling=no ></IFRAME>
© 版权声明
THE END
喜欢就支持一下吧!
点赞1519 分享