一、符号

文本

<p>文本</p>

标题

<h>文本</h>

(H1 ~ H6)

换行

<br>

分割线

<hr>

左右尖括号

&lt;&gt;

&

&amp

"

&quot;

表格

<table>

<thead></thead>

<tbody><tr><td></td></tr></tbody>

<tfoot></tfoot>

</table>

二：字体

移动字体

<marquee>文字</marquee>

字体加粗

<b>文字</b>

字体斜体

<i>文字</i>

字体下划线

<u>文字</u>

字体删除线

<s>文字</s>

字体加大

<big>文字</big>

字体标题

<h>文字</h>

(h1 ~ h6)

字体控制大小

<font  size="<大小>px">文字</font>

字体颜色

表示方式：英语单词表示、颜色代码 #000000~#ffffff

<font  color="<颜色>">文字</font>

字体颜色二

表示方式：英语单词表示、颜色代码 #000000~#ffffff

<p style="color: <颜色>">文字</p>

原始字体样式

<pre>文字</pre>

三、body 标记的属性

属性	功能
background	控制网页背景（如：颜色，背景图大小等）
color	控制字体颜色
font	控制字体属性

四、特殊样式

在新窗口打开链接

target=_ blank - 新窗口打开页面，一般出现在 <a> 标签中，target 表示链接在哪里打开，可以为它赋已经存在的窗口名或者一些默认的值，常见的一些默认的值有：
_blank 新窗口
_self 自身
_parent 父窗口
_top 顶层窗口（框架中）

<a href="<目标网站>" target="_blank">要输入的文字</a>

消除下划线链接

<a href="<目标网站>" style="text-decoration: none" target="_blank">要输入的文字</a>

贴音乐

参数：
width 播放器宽度

用法：width=“<播放器宽度>”

height 播放器高度

用法：height=“<播放器高度>”

autostart 自动播放

用法：autostart=“false/true”

download 是否允许下载

用法：download=“download/no-download”

<embed src="<音乐地址>" width="<播放器宽度>" height="<播放器高度>" type=audio/mpeg autostart="false">

贴网页
普通：

"<iframe src="<网页地址>" width="﹤宽度>" height="<高度>"></iframe>

Bilibili 视频嵌入：
添加如下 css 代码

.aspect-ratio {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 75%;
}

.aspect-ratio iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

然后把哔哩哔哩的 iframe 代码嵌入到 <div> 标签中

<div class="aspect-ratio">
        <iframe src="<上图复制链接的代码>" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>
</div>

成果展示：

贴 Flash

<embed src="<Flash 地址>" width="<宽度>" height="<高度>">

贴影视文件

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

背景不随滚动条滚动

<body background="背景图片地址" body bgproperties=fixed>

背景颜色

表示方式：英语单词表示、颜色代码 #000000~#ffffff

<body bgcolor="颜色">

背景音乐

bgsound - 背景音乐的标签
src - 所插入背景的网址
loop - 设置循环的次数，当值是 -1 或者 Infinite 的时候表示无限循环
volume - 音量，值为 -10000 到 0 之间，（不算直观）0 是最大音量
balance - 声道，值为 -1000 到 1000 之间的值，负值将声音发送左声道，正值将声音发送右声道，0 为立体声。
delay - 进行播放延时的设置

IE:

<body bgsound="<背景音乐地址>" loop=infinite>

NS:

<embed src="<背景音乐地址>" autostart=true hidden=true loop=true>

忽略右键

<body οncοntextmenu="return false">
<body style="overflow-y:hidden">

拉动页面时背景图不动

body
{background-repeat: no-repeat;background-position: center}

让浏览器保存页面失败

<NOSCRIPT><iframe src="*.html"></iframe></NOSCRIPT>

窗口定时关闭
一

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>方式一</title>
<script language="JavaScript">
function colseit() {`
setTimeout("self.close()",10000)`
}
    </script>
</head>
<body onload="colseit()">
<p>我爱学习</p>
<p>学习爱我</p>
<p>沉迷学习</p>
<p>无法自拔</p>
</body>
</html>

二

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>方式二</title>
    <style type="text/css"></style>
</head>
<body onload="setTimeout(window.close,3000)">
<p>我爱学习</p>
<p>学习爱我</p>
<p>沉迷学习</p>
<p>无法自拔</p>
</body>
</html>

三

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>方式三</title>
</head>
<body bgcolor="f0d070" vlink="3300fc">
<table border="0" width="288">
    <tr>
        <td class="cc1">自动关闭窗口示例</td>
    </tr>
</table>
<script language="JavaScript">
    function clock() {
        i=i-1;
    document.title="本窗口将在"+i+"秒后自动关闭";
    if(i>0) setTimeout("clock()",1000);
       else self.close();`
    }
    var i=10;
    clock();
</script>
</body>
</html>

网页自动刷新：

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>网页自动刷新</title>

<meta http-equiv="refresh" content="5">

<!--5 为 5 秒后自动刷新-->

</head>

<body>

<p>我爱学习</p>

<p>学习爱我</p>

<p>沉迷学习</p>

<p>无法自拔</p>

</body>

</html>

网页自动跳转：

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">
  <title>网页自动跳转</title>
  <meta http-equiv="refresh" content="5;URL=demo1.html">
  <!--5秒后自动跳转-->
</head>
<body>
<p>哈哈</p>
</body>
</html>

返回上一页：

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>返回上一页</title>

</head>

<body>

<a href="javascript:history.back(1)">【返回上一页】</a>

</body>

</html>

关闭窗口：
一

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>方式一</title>

<script type="text/javascript">

  function show() {          

alert("点击【确定】将自动关闭窗口");          window.opener=null;          window.open("","_self");          window.close();      }  </script>

</head>

<body onload="show()">

<p>我爱学习</p>

<p>学习爱我</p>

<p>沉迷学习</p>

<p>无法自拔</p>

</body>

</html>

二

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>方式二</title>

</head>

<body>

<a href="javascript:self.close()">【关闭窗口】</a>

</body>

</html>

取消选取

<body onselectstart="return false">

防止复制

<body οnpaste="return false">

防止粘贴

<body onselectstart="return false">

取消选取

<body onselectstart="return false">

删除时确认

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

将 IE 地址栏前换成自己设定的图标

放在 <head> </head> 之间。

<link rel="Shortcut Icon" href="biaozhi1.ico">

在收藏夹显示自己设定的图标

放在 <head> </head> 之间。

<link rel="Bookmark" href="biaozhi1.ico">

永远带着框架

<script language="JavaScript">

if(window==top){top.location.href="框架地址";}

</script>

禁止使用 Shift，Ctrl，Alt 功能键：

<script>        function look() {            if(event.shiftKey){alert("禁止使用 Shift 键")}            if(event.altKey){alert("禁止使用 Alt 键")}            if(event.ctrlKey){alert("禁止使用 Ctrl 键")}        }        document.onkeydown=look;    </script>

取消竖滚动条

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

取消横滚动条

<body style="overflow: scroll;overflow-x: hidden">

取消横竖滚动条

<body scroll="no">

设定打开页面大小

<bodyοnlοad="top.resizeTo(<宽度>,<高度>)">

电子邮件处理提交表单

<form name="form1" method="post" action="mailt****@***.com" enctype="text/plain">    <input type="submit"></form>

检查一段字符串是否全由数字组成：

<script language="JavaScript">        function checkNum(str) {            return str.match()==null;        }        alert(checkNum("121312312312"));        alert(checkNum("190900m2312"))    </script>

改变光标形状

<span style="cursor: move">Auto</span>