HTML代码大全（初学者必备）-狐狸库

1.图片：跳转地址+图片地址+图片尺寸+边框

说明：图片尺寸写100%可自适应图片大小

<a href="链接的地址"><img src="图片的URL" width="图片的宽度" height="图片的高度" border="边框"></a>

2.链接：跳转地址+打开形式+文字颜色+显示文字

target=”_blank”（将在新窗口打开链接）
target=”_parent”（将在父窗口或框架中打开网页）
target=”_self”（将在本页面打开链接）
target=”_top”（将忽略框架，在顶端打开窗口）

<a href="跳转链接地址" target="打开形式标签"><font color="#颜色代码">显示文字</font></a>

3.点击关闭窗口

<a href="javascript:top.window.close();">点击关闭窗口</a>

4.屏蔽右键（两种）

<body oncontextmenu="return false">

<body style="overflow-y:hidden">

5.几秒后转到别的页面

<META HTTP-EQUIV="Refresh" CONTENT="时间;URL=地址">

6.去掉主页右边的滚动条

<body scroll="no">
<body style="overflow-y:hidden">

7.网页自动关闭

<html>

　　<head>

　　<OBJECT id=closes type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">

　　<param name="Command" value="Close">

　　</object>

　　</head>

　　<body onload="window.setTimeout(‘‘‘‘closes.Click()‘‘‘‘,10000)">

　　这个窗口会在10秒过后自动关闭,而且不会出现提示. </body>

8.网页自动刷新

在head部记入以下代码其中20为20秒后自动刷新，你可以更改为任意值。

<META HTTP-EQUIV="Refresh" content="20">

9.超链接去除下划线

在源代码中的<HEAD>…</HEAD>之间输入如下代码

<style type="text/css">a {text-decoration: none}</style>

10.点击后退事件的两种代码

<a href="java script:history.go(-1)">点击后退</a>

<script> history.back() </script>

11.改变鼠标箭头代码

<body>

　　<a href="#" style="cursor: auto;">auto</a><br>

　　<a href="#" style="cursor: crosshair ">crosshair </a><br>

　　<a href="#" style="cursor: default ">default </a><br>

　　<a href="#" style="cursor: hand ">hand </a><br>

　　<a href="#" style="cursor: move ">move </a><br>

　　<a href="#" style="cursor: e-resize ">e-resize </a><br>

　　<a href="#" style="cursor: ne-resize ">ne-resize </a><br>

　　<a href="#" style="cursor: nw-resize">nw-resize</a><br>

　　<a href="#" style="cursor: n-resize">n-resize</a><br>

　　<a href="#" style="cursor: se-resize">se-resize</a><br>

　　<a href="#" style="cursor: sw-resize">sw-resize</a><br>

　　<a href="#" style="cursor: s-resize">s-resize</a><br>

　　<a href="#" style="cursor: w-resize">w-resize</a><br>

　　<a href="#" style="cursor: text">text</a><br>

　　<a href="#" style="cursor: wait">wait</a><br>

　　<a href="#" style="cursor: help">help</a><br>

　　</body>

12.网页禁止被其它框架嵌套

<script>

　　if (window.top!=self){

　　window.top.location=self.location

　　}

　　</script>

13.网页body文字不可被选中代码

<body onselectstart="return false" >填写文字</body>

14.常用代码

贴图：<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> #wiki.geekfans.com
字体控制大小：<h1>写上你想写的字</h1> (其中字体大小可从h1-h5,h1最大，h5最小)
更改字体颜色：<font color="#value">写上你想写的字</font>(其中value值在000000与ffffff(16位进制)之间
消除连接的下划线：<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>
换帖子背景：<body background="背景图片地址">
固定帖子背景不随滚动条滚动：<body background="背景图片地址" body bgproperties=fixed>
定制帖子背景颜色：<body bgcolor="#value">(value值见10)
帖子背景音乐：<bgsound="背景音乐地址" loop=infinite>
返回上一页：<a href=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 border oncontextmenu=return(false)><td>no</table> 可用于Table
<body onselectstart="return false"> 取消选取、防止复制
onpaste="return false" 不准粘贴
oncopy="return false;" oncut="return false;" 防止复制
<link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标
<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:"+ "http://www.pconline.com.cn"">
删除时确认：<a href="javascript :if(confirm("确实要删除吗?"))location="boos.asp? &areyou=删除&page=1"">删除</a>
不要滚动条?
让竖条没有:<body style="overflow:scroll;overflow-y:hidden"></body>
让横条没有:<body style="overflow:scroll;overflow-x:hidden"></body>
两个都去掉？更简单了：<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">
空格代码；<span style="font-size:12px;">   </span>
这个只要在编写的时候加上换行代码就可以了，换行代码有两种

温馨提示：本文最后更新于2023/11/04 11:01:57。若文章内容或图片失效，请留言或联系站长反馈！

文章来源

HULIKU.COM

隐私政策

PrivacyPolicy

用户协议

UseGenerator

许可协议

NC-SA 4.0

THE END

建站笔记
# UI # 自适应 # 超链接 # 文字颜色