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>