- 第1节:HTML 导读
- 第2节:HTML 简介
- 第3节:HTML 基础
- 第4节:HTML 元素
- 第5节:HTML 属性
- 第6节:HTML 标题
- 第7节:HTML 段落
- 第8节:HTML 格式化
- 第9节:HTML 链接
- 第10节:HTML 引用
- 第11节:HTML 注释
- 第12节:HTML 头部
- 第13节:HTML ID
- 第14节:HTML CSS
- 第15节:HTML 符号
- 第16节:HTML 图像
- 第17节:HTML 表格
- 第18节:HTML 列表
- 第19节:HTML 区块
- 第20节:HTML 布局
- 第21节:HTML 表单
- 第22节:HTML 框架
- 第23节:HTML 颜色
- 第24节:HTML 颜色名
- 第25节:HTML 颜色值
- 第26节:HTML 脚本
- 第27节:HTML 字符实体
- 第28节:HTML URL
- 第29节:HTML 文件路径
- 第30节:HTML 表情符号
- 第31节:HTML 字符集
- 第32节:HTML 背景
- 第33节:HTML URL字符编码
- 第34节:HTML 文档类型
- 第35节:HTML 媒体(Media)
- 第36节:HTML 插件(Object和Embed)
- 第37节:HTML 音频(Audio)
- 第38节:HTML 视频(Videos)播放
- 第39节:HTML 常用标签
- 第40节:HTML 常用代码
- 第41节:HTML 滚动条样式
- 第42节:HTML版权符号写法及美化
HTML 常用代码
HTML 即超文本标记语言,是目前应用最为广泛的语言之一,是组成一个网页的主要语言。在现今这个 HTML5 华丽丽地占领了整个互联网的时候,如果想要通过网页抓住浏览者的眼球光靠因循守旧是不行的,程序猿们需要掌握一些必须知道的 HTML 常用代码,因为只有熟悉掌握了常用的 HTML 代码,程序猿们在编写网页的时候才可以做到流畅美观,用细腻的思维和创意的细节效果打动并留住网页浏览者。
HTML+CSS 代码
文本设置
提示:注意使用网页安全色.
超链接设置
背景
方框
边框
列表
鼠标
HTML常用代码之:结构性定义
HTML常用代码之:常常会遇到的问题
点击关闭窗口
实例
请问如何去掉主页右面的滚动条?
实例
<body scroll="no">
<body style="overflow-y:hidden">
使用<object> 元素在 HTML 加入 Flash 文件
实例
<object width="300" height="300" data="helloworld.swf" >
如何在不刷新页面的情况下刷新css?
实例
<style>
button{color:#000000;}
</style>
<button onclick=document.styleSheets[0].rules[0].style.color='red'>点击按钮直接修改style标签里button选择符使按钮改为 红色</button>
请问如何让网页自动刷新?
实例
方法一,用refresh
HTML 代码片段如下:
<head>
<meta. http-equiv="refresh" content="3">
</head>
3表示刷新时间
方法二,使用setTimeout控制
<img src=/logo.gif>
<script>
function rl(){
document.location.reload()
}
setTimeout(rl,2000)
</SCRIPT>
如何让超链接没有下划线
实例
<style>
a { text-decoration: none}
</style>
如何用html实现浏览器上后退按钮的功能?
实例
HTML常用代码之:你不一定知道的技巧
实例
<link rel="Shortcut Icon"href="favicon.icon"> IE地址栏前换成自己的图标
<link rel="Bookmark"href="favicon.icon"> 可以在收藏夹中显示出你的图标
<inputstyle="ime-mode:disabled"> 关闭输入法
<body oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键
onselectstart="return false" 取消选取
onpaste="return false" 不准粘贴
oncopy="return false;" 防止复制
oncut="return false;"> 防止剪切
永远都会带着框架
实例
<script language="JavaScript">
if (window == top)top.location.href = "frames.htm"; //frames.htm为框架网页
</script>
防止被人frame.
实例
<script>
if (top.location != self.location)top.location=self.location;
</script>
网页将不能被另存为
实例
查看网页源代码
实例
删除时确认
实例
<a href="" onclick="javascript:return del();">删除</a>
<script>
function del() {
var msg = "您真的确定要删除吗?\n\n请确认!";
if (confirm(msg)==true){
return true;
}else{
return false;}}
</script>
网页不会被缓存
实例
<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">
怎样让表单没有凹凸感?
实例
<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>
<body style="overflow:scroll;overflow-y:hidden"> //滚动条竖条消失
<body style="overflow:scroll;overflow-x:hidden"> //滚动条横条消失
<body scroll="no"> //两种滚动条都消失
怎样去掉图片链接点击后,图片周围的虚线?
实例
<a href="#" onFocus="this.blur()">
<img src="logo.jpg"border=0></a>
电子邮件处理提交表单
实例
<form. name="form1"method="post" action="mailt****@***.com"enctype="text/plain">
<input type=submit>
</form>
在打开的子窗口刷新父窗口的代码里如何写?
实例
window.opener.location.reload()
如何设定打开页面的大小
实例
<body onload="top.resizeTo(300,200);">
<body onload="top.moveBy(300,200);"> //打开页面的位置
在页面中,如何加入不是满铺的背景图片,拉动页面时背景图不动
实例
body {background-image:url(logo.gif);
background-repeat:no-repeat;
background-position:center;
background-attachment: fixed}
检查一段字符串是否全由数字组成
实例
<script>
function checkNum(str){return str.match(/\\D/) == null}
alert(checkNum("1232142141"))
alert(checkNum("123214214a1"))
</script>
获得一个窗口的大小
实例
document.body.clientWidth;
document.body.clientHeight;
怎么判断是否是字符
实例
if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");
else alert("全是字符");
TEXTAREA自适应文字行数的多少
实例
<textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight">
</textarea>
日期减去天数等于第二个日期
实例
<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>
选择了哪一个Radio
实例
<script>
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>
脚本永不出错
实例
<SCRIPT>
<Hide function killErrors(){return true;} window.onerror = killErrors;>
</SCRIPT>
ENTER键可以让光标移到下一个输入框
实例
<input onkeydown="if(event.keyCode==13)event.keyCode=9">
HTML 特殊符号编码对照表
特殊符号 | 命名实体 | 十进制编码 | 特殊符号 | 命名实体 | 十进制编码 | 特殊符号 | 命名实体 | 十进制编码 |
Α | Α | Α | Β | Β | Β | Γ | Γ | Γ |
Δ | Δ | Δ | Ε | Ε | Ε | Ζ | Ζ | Ζ |
Η | Η | Η | Θ | Θ | Θ | Ι | Ι | Ι |
Κ | Κ | Κ | Λ | Λ | Λ | Μ | Μ | Μ |
Ν | Ν | Ν | Ξ | Ξ | Ξ | Ο | Ο | Ο |
Π | Π | Π | Ρ | Ρ | Ρ | Σ | Σ | Σ |
Τ | Τ | Τ | Υ | Υ | Υ | Φ | Φ | Φ |
Χ | Χ | Χ | Ψ | Ψ | Ψ | Ω | Ω | Ω |
α | α | α | β | β | β | γ | γ | γ |
δ | δ | δ | ε | ε | ε | ζ | ζ | ζ |
η | η | η | θ | θ | θ | ι | ι | ι |
κ | κ | κ | λ | λ | λ | μ | μ | μ |
ν | ν | ν | ξ | ξ | ξ | ο | ο | ο |
π | π | π | ρ | ρ | ρ | ς | ς | ς |
σ | σ | σ | τ | τ | τ | υ | υ | υ |
φ | φ | φ | χ | χ | χ | ψ | ψ | ψ |
ω | ω | ω | ϑ | ϑ | ϑ | ϒ | ϒ | ϒ |
ϖ | ϖ | ϖ | • | • | • | … | … | … |
′ | ′ | ′ | ″ | ″ | ″ | ‾ | ‾ | ‾ |
⁄ | ⁄ | ⁄ | ℘ | ℘ | ℘ | ℑ | ℑ | ℑ |
ℜ | ℜ | ℜ | ™ | ™ | ™ | ℵ | ℵ | ℵ |
← | ← | ← | ↑ | ↑ | ↑ | → | → | → |
↓ | ↓ | ↓ | ↔ | ↔ | ↔ | ↵ | ↵ | ↵ |
⇐ | ⇐ | ⇐ | ⇑ | ⇑ | ⇑ | ⇒ | ⇒ | ⇒ |
⇓ | ⇓ | ⇓ | ⇔ | ⇔ | ⇔ | ∀ | ∀ | ∀ |
∂ | ∂ | ∂ | ∃ | ∃ | ∃ | ∅ | ∅ | ∅ |
∇ | ∇ | ∇ | ∈ | ∈ | ∈ | ∉ | ∉ | ∉ |
∋ | ∋ | ∋ | ∏ | ∏ | ∏ | ∑ | ∑ | − |
− | − | − | ∗ | ∗ | ∗ | √ | √ | √ |
∝ | ∝ | ∝ | ∞ | ∞ | ∞ | ∠ | ∠ | ∠ |
∧ | ∧ | ⊥ | ∨ | ∨ | ⊦ | ∩ | ∩ | ∩ |
∪ | ∪ | ∪ | ∫ | ∫ | ∫ | ∴ | ∴ | ∴ |
∼ | ∼ | ∼ | ≅ | ≅ | ≅ | ≈ | ≈ | ≅ |
≠ | ≠ | ≠ | ≡ | ≡ | ≡ | ≤ | ≤ | ≤ |
≥ | ≥ | ≥ | ⊂ | ⊂ | ⊂ | ⊃ | ⊃ | ⊃ |
⊄ | ⊄ | ⊄ | ⊆ | ⊆ | ⊆ | ⊇ | ⊇ | ⊇ |
⊕ | ⊕ | ⊕ | ⊗ | ⊗ | ⊗ | ⊥ | ⊥ | ⊥ |
⋅ | ⋅ | ⋅ | ⌈ | ⌈ | ⌈ | ⌉ | ⌉ | ⌉ |
⌊ | ⌊ | ⌊ | ⌋ | ⌋ | ⌋ | ◊ | ◊ | ◊ |
♠ | ♠ | ♠ | ♣ | ♣ | ♣ | ♥ | ♥ | ♥ |
♦ | ♦ | ♦ | |   | ¡ | ¡ | ¡ | |
¢ | ¢ | ¢ | £ | £ | £ | ¤ | ¤ | ¤ |
¥ | ¥ | ¥ | ¦ | ¦ | ¦ | § | § | § |
¨ | ¨ | ¨ | © | © | © | ª | ª | ª |
« | « | « | ¬ | ¬ | ¬ | | ­ | ­ |
® | ® | ® | ¯ | ¯ | ¯ | ° | ° | ° |
± | ± | ± | ² | ² | ² | ³ | ³ | ³ |
´ | ´ | ´ | µ | µ | µ | " | " | " |
< | < | < | > | > | > | ' | ' |