<!DOCTYPE html>
<html lang="en">
<head>
<!-- <base href="http://www.baidu.com" />
<base target="_blank"> -->
<meta charset="UTF-8">
<!-- 页面重定向
<meta http-equiv="Refresh" content="5;url=http://www.w3school.com.cn" />
-->
<title>Document</title>
</head>
<body>
<h2>锚点对象还是id有效(也可以跳转到另外一个页面的锚点)</h2>
<a href="#canvas1">到锚点canvas1位置</a> <br />
<a href="#anchor1">到锚点anchor1位置</a> <br />
<a href="#big">到锚点big位置</a> <br />
<a href="#div2">到锚点div2位置</a> <br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<abbr title="sss">这是abbr
<pre><abbr> 标签指示简称或缩写,比如 "WWW" 或 "NATO"。
通过对缩写进行标记,您能够为浏览器、拼写检查和搜索引擎提供有用的信息。
<abbr> 标签最初是在 HTML 4.0 中引入的,表示它所包含的文本是一个更长的单词或短语的缩写形式</pre>
</abbr>
<address>这是address(斜体)</address>
<h1>测试base对象标签</h1>
<a href="http://tool.oschina.net/commons?type=2">是去转义字符的页面吗</a> <br />
<a href="">base对象的作用就是一个默认连接的地址,我这个a标签href没写,但是跳转到了百度</a>
<h1>文本方向</h1>
<bdo dir="rtl">Here is some text</bdo><br />
<big name="big">big</big>big2
<div name="div2" id="div2">div2</div>
<blockquote>
This is a long quotation. This is a long quotation. This is a long quotation. This is a long quotation. This is a long quotation.
</blockquote>
<canvas id="canvas1">画布</canvas>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<a href="" id="anchor1">ssssaaaa</a>
<!--[if IE 8]>
.... some HTML here .... IE 兼容代码写法
<![endif]-->
<h1>table colgroup 用法</h1>
<table border="1" width="400">
<colgroup>
<col span="2" style="background-color:red">
<col style="background-color:yellow">
<col style="background-color:green">
</colgroup>
<tr>
<th>ISBN</th>
<th>Title</th>
<th>Price</th>
<th>sss</th>
</tr>
<tr>
<td>3476896</td>
<td>My first HTML</td>
<td>$53</td>
</tr>
<tr>
<td>5869207</td>
<td>My first CSS</td>
<td>$49</td>
</tr>
</table>
<a href="#">没有锚点的链接</a>
<h1>表单标签</h1>
<!--
color
date
datetime
datetime-local
email
month
number
range
search
tel
time
url
week
-->
<form action="2018120801_submit" method="get" accept-charset="utf-8">
name: <input type="text" /> <br />
color: <input type="color" /><br />
date: <input type="date" /><br />
datetime-local: <input type="datetime-local" /><br />
email: <input type="email" /><br />
month: <input type="month" /><br />
number: <input type="number" /><br />
range: <input type="range" /><br />
search: <input type="search" /><br />
tel: <input type="tel" /><br />
time: <input type="time" /><br />
url: <input type="url" /><br />
week: <input type="week" /><br />
<input type="submit" /> <!-- 不指定value 值, submit 类型的 会默认显示 "提交"字段 -->
</form>
<hr />
<form action="" autocomplete="on">
First name:<input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
E-mail: <input type="email" name="email" autocomplete="on"><br>
<input type="submit">
</form>
</body>
<script type="text/javascript">
var canvas1=document.getElementById("canvas1");
var ctx= canvas1.getContext("2d");
ctx.fillStyle="green";
ctx.fillRect(0,0,50,40);
</script>
</html>