<a href="#">a> 
<a href="http://www.itcast.cn/" title="跳轉的傳智播客網站">傳智播客a>
<a href="2.html">測試頁面2a>

定義頁面內滾動跳轉

頁面內定義了“id”或者“name”的元素，可以通過a標簽鏈接到它的頁面滾動位置，前提是頁面要足夠高，有滾動條，且元素不能在頁面頂部，否則頁面不會滾動。

<a href="#mao1">標題一a>
......
......
<h3 id="mao1">跳轉到的標題h3>

7.html列表

有序列表

在網頁上定義一個有編號的內容列表可以用

、
1. 配合使用來實現，代碼如下：

   <ol>
       <li>列表文字一li>
       <li>列表文字二li>
       <li>列表文字三li>
   ol>

   在網頁上生成的列表，每條項目上會按1、2、3編號，有序列表在實際開發中較少使用。

   無序列表

   在網頁上定義一個無編號的內容列表可以用

   、
   • 配合使用來實現，代碼如下：

     <ul>
         <li>列表文字一li>
         <li>列表文字二li>
         <li>列表文字三li>
     ul>

     在網頁上生成的列表，每條項目上會有一個小圖標，這個小圖標在不同瀏覽器上顯示效果不同，所以一般會用樣式去掉默認的小圖標，如果需要圖標，可以用樣式自定義圖標，從而達到在不同瀏覽器上顯示的效果相同,實際開發中一般用這種列表。

     定義列表

     定義列表通常用于術語的定義。

     標簽表示列表的整體。

     標簽定義術語的題目。

     標簽是術語的解釋。一個

     中可以有多個題目和解釋，代碼如下：

     <h3>前端三大塊h3>
     <dl>
         <dt>htmldt>
         <dd>負責頁面的結構dd>
     
         <dt>cssdt>
         <dd>負責頁面的表現dd>
     
         <dt>javascriptdt>
         <dd>負責頁面的行為dd>
     
     dl>　

     8.html表格

     table常用標簽

     1、table標簽：聲明一個表格

     2、tr標簽：定義表格中的一行

     3、td和th標簽：定義一行中的一個單元格，td代表普通單元格，th表示表頭單元格

     table常用屬性：

     1、border 定義表格的邊框

     2、cellpadding 定義單元格內內容與邊框的距離

     3、cellspacing 定義單元格與單元格之間的距離

     4、align 設置單元格中內容的水平對齊方式,設置值有：left | center | right

     5、valign 設置單元格中內容的垂直對齊方式 top | middle | bottom

     6、colspan 設置單元格水平合并

     7、rowspan 設置單元格垂直合并

     　

     傳統布局：

      

     傳統的布局方式就是使用table來做整體頁面的布局，布局的技巧歸納為如下幾點：

      

     1、定義表格寬高，將border、cellpadding、cellspacing全部設置為0

      

     2、單元格里面嵌套表格

      

     3、單元格中的元素和嵌套的表格用align和valign設置對齊方式

      

     4、通過屬性或者css樣式設置單元格中元素的樣式

      

     傳統布局目前應用：

      

     1、快速制作用于演示的html頁面

      

     2、商業推廣EDM制作(廣告郵件)

     表格常用樣式屬性

     border-collapse:collapse 設置邊框合并，制作一像素寬的邊線的表格

     9.html表單

     表單用于搜集不同類型的用戶輸入，表單由不同類型的標簽組成，實現一個特定功能的表單區域（比如：注冊），首先應該用

     標簽來定義表單區域整體，在此標簽中再使用不同的表單控件來實現不同類型的信息輸入，具體實現及注釋可參照以下偽代碼：

     
     <form action="http://www..." method="get">
     
     
     <p>
     <label>姓名：label><input type="text" name="username" />
     p>
     
     
     <p>
     <label>密碼：label><input type="password" name="password" />
     p>
     
     
     <p>
     <label>性別：label>
     <input type="radio" name="gender" value="0" /> 男
     <input type="radio" name="gender" value="1" /> 女
     p>
     
     
     <p>
     <label>愛好：label>
     <input type="checkbox" name="like" value="sing" /> 唱歌
     <input type="checkbox" name="like" value="run" /> 跑步
     <input type="checkbox" name="like" value="swiming" /> 游泳
     p>
     
     
     <p>
     <label>照片：label>
     <input type="file" name="person_pic">
     p>
     
     
     <p>
     <label>個人描述：label>
     <textarea name="about">textarea>
     p>
     
     
     <p>
     <label>籍貫：label>
     <select name="site">
         <option value="0">北京option>
         <option value="1">上海option>
         <option value="2">廣州option>
         <option value="3">深圳option>
     select>
     p>
     
     
     <p>
     <input type="submit" name="" value="提交">
     
     
     <input type="reset" name="" value="重置">
     p>
     
     form>

     html內嵌框架

     html內嵌框架