1、a标签
@1 example:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>页面一</title>
</head>
<body>
<a href=‘http://baidu.com‘>郭江林</a>
</body>
</html>
@2 target属性，blank表示在新的页面打开
<a href=‘http://baidu.com‘ target=‘_blank‘ >郭江林</a>
@3 锚
example:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>页面一</title>
</head>
<body>
<a href=‘http://baidu.com‘ target=‘_blank‘>郭江林</a>
<h2>目录：</h2>
<a href=‘#1‘>第一章节</a>
<a href=‘#2‘>第二章节</a>
<a href=‘#3‘>第三章节</a>
<h2>内容：</h2>
<div id=‘1‘ style=‘height:1000px;background-color:red‘>第一章节--内容</div>
<div id=‘2‘ style=‘height:1000px;background-color:blue‘>第二章节--内容</div>
<div id=‘3‘ style=‘height:1000px;background-color:yellow‘>第三章节--内容</div>
</body>
</html>
2、h标签(标题)
h1
h2
h3
h4
h5
h6
example:
<h1>目录</h1>
3、select标签
example:
<select multiple="multiple" size="3">
<optoin>上海</option>
<optoin>北京</option>
<optoin>深圳</option>
</select>
<select>
<optgroup label="河北省">
<option>邢台</option>
<option>石家庄</option>
</optgroup>
<optgroup label="山西省">
<option>太原</option>
<option>五台山</option>
</optgroup>
</select>