侧边栏壁纸
  • QQ
  • WeChat
    WeChat
  • BiliBili
  • WeiBo
    • love love love

    • 累计撰写 36 篇文章
    • 累计收到 4 条评论
    常用的HTML代码标识HTML知识
    2022-11-29 1,116 阅读 0 评论 5 点赞

    常用的HTML代码标识HTML知识

    筱铭云
    2022-11-29 0 评论 1,116 阅读 正在检测是否收录...
    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>
    5

    打赏


    评论

    博主关闭了当前页面的评论