常用的HTML代码标识HTML知识

贴图：<img src="图片地址">

加入连接：<a href="所要连接的相关地址">写上你想写的字</a>

在新窗口打开连接：<a href="相关地址" target="_blank">写上你想写的字</a>

消除连接的下划线在新窗口打开连接：<a href="相关地址" style="text-decoration:none" target="_blank">写上你想写的字</a>

移动字体(走马灯)：<marquee>写上你想写的字</marquee>

字体加粗：<b>写上你想写的字</b>

字体斜体：<i>写上你想写的字</i>

字体下划线: <u>写上你想写的字</u>

字体删除线:<s>写上你想写的字</s>

字体加大:<big>写上你想写的字</big>

字体标题大小：<h1>写上你想写的字</h1> (h1-h5，h1最大，h5最小)

更改字体颜色：<font color="#value">写上你想写的字</font>其中value值在000000与ffffff(16位进制)之间

修改文字的背景色 <font style="background: red">红色</font>

文字渐变背景色 <font style="background: linear-gradient( to right, #ff1616, #ff7716, #ffdc16, #36c945, #10a5ce, #0f0096, #a51eff, #ff1616);">文字渐变七彩背景色</font>

消除连接的下划线：<a href="相关地址" style="text-decoration:none">写上你想写的字</a>

贴音乐：<embed src="音乐地址" width=300 height=45 type=audio/mpeg autostart="false">

贴flash:<embed src="flash地址" width="宽度" height="高度">

贴影视文件：<img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>

换行：<br>

段落：<p>段落</p>

原始文字样式：<pre>正文</pre>

Tip样式 <p class="tip">Tip样式</p>

Warn样式 <p class="warn">Warn样式</p>

换帖子背景：<body background="背景图片地址">

固定帖子背景不随滚动条滚动：<body background="背景图片地址" body bgproperties=fixed>

定制帖子背景颜色：<body bgcolor="#value">其中value值在000000与ffffff(16位进制)之间

帖子背景音乐：<bgsound="背景音乐地址" loop=infinite>

打开网站出现欢迎词：<body alert(“欢迎访问本站！”)> 

返回上一页：<a href="#" onclick="javascript:history.back(-1);">『返回上一页』</a>

关闭窗口：<a href=javascript :self.close()>『关闭窗口』</a>

关于iframe的透明背景：<iframe ID="iFrame1" SRC="iframe.htm"allowTransparency="true"style="background-color: green"></IFRAME>

将彻底屏蔽鼠标右键 oncontextmenu="window.event.returnValue=false"

可用于Table <table border oncontextmenu=return(false)><td>no</table> 

取消选取、防止复制 <body onselectstart="return false"> 

不准粘贴 onpaste="return false" 

防止复制 oncopy="return false;" oncut="return false;" 

禁止复制网页代码：<body bgcolor="#ffffff" oncontextmenu="return false" onselectstart="return false">

IE地址栏前换成自己的图标 <link rel="Shortcut Icon" href="favicon.ico"> 

在收藏夹中显示出图标 <link rel="Bookmark" href="favicon.ico"> 

关闭输入法 <input style="ime-mode:disabled"> 

网页将不能被另存为：<noscript><iframe src=*.html></iframe></noscript>

查看网页源代码：<input type=button value=查看网页源代码 onclick="window.location = "view-source:"+ "网址"">

删除时确认：<a href="javascript :if(confirm("确定删除？"))location="boos.asp? &areyou=删除&page=1"">删除</a>

去掉（底部）左右滚动条：<body style="overflow:-Scroll;overflow-x:hidden">

去掉（右侧）上下滚动条：<body style="overflow:-Scroll;overflow-y:hidden" > 

两个都去掉：<body scroll="no"></body>

去掉图片链接点击后，图片周围的虚线 <a href="#" onFocus="this.blur()"><img src="logo.jpg" border=0></a>

在打开的子窗口刷新父窗口的代码：window.opener.location.reload()

设定打开页面的大小：<body onload="top.resizeTo(300,200);">打开页面的位置<body onload="top.moveBy(300,200);">

获得一个窗口的大小：document.body.clientWidth; document.body.clientHeight

判断是否是字符；if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");else alert("全是字符");

ENTER键让光标移到下一个输入框：<input onkeydown="if(event.keyCode==13)event.keyCode=9">

使图片圆角：<style> img { border-radius: 50% !important; border: 30px solid #eee; }</style> 

生成一个圆角按钮 <div style="width:100px;height:50px;background-color:red;border-radius:15px;">

网页标题左侧显示图标：<link rel="icon" href="图标地址" type="image/x-icon">

收藏夹显示图标：<link rel="shortcut icon" href="图标地址" type="image/x-icon">

网页适配手机：<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">

插入其它网页：<iframe id="iframe" align=center src="网页网址" frameBorder=0 width="100%" height="100%" scrolling=no ></IFRAME>

👋 感谢您的观看！

版权声明 1、文章版权归作者所有，未经允许请勿转载。
2、本站所有文章，如无特殊说明或标注，均为本站原创发布。任何在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们邮箱：526009505@qq.com进行处理。
3、咨询请联系QQ：526009505

THE END