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

定義頁面內(nèi)滾動跳轉(zhuǎn)

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

<a href="#mao1">標(biāo)題一a>
......
......
<h3 id="mao1">跳轉(zhuǎn)到的標(biāo)題h3>

7.html列表

有序列表

在網(wǎng)頁上定義一個有編號的內(nèi)容列表可以用

、
1. 配合使用來實現(xiàn)，代碼如下：

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

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

   無序列表

   在網(wǎng)頁上定義一個無編號的內(nèi)容列表可以用

   、
   • 配合使用來實現(xiàn)，代碼如下：

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

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

     定義列表

     定義列表通常用于術(shù)語的定義。

     標(biāo)簽表示列表的整體。

     標(biāo)簽定義術(shù)語的題目。

     標(biāo)簽是術(shù)語的解釋。一個

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

     <h3>前端三大塊h3>
     <dl>
         <dt>htmldt>
         <dd>負(fù)責(zé)頁面的結(jié)構(gòu)dd>
     
         <dt>cssdt>
         <dd>負(fù)責(zé)頁面的表現(xiàn)dd>
     
         <dt>javascriptdt>
         <dd>負(fù)責(zé)頁面的行為dd>
     
     dl>　

     8.html表格

     table常用標(biāo)簽

     1、table標(biāo)簽：聲明一個表格

     2、tr標(biāo)簽：定義表格中的一行

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

     table常用屬性：

     1、border 定義表格的邊框

     2、cellpadding 定義單元格內(nèi)內(nèi)容與邊框的距離

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

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

     5、valign 設(shè)置單元格中內(nèi)容的垂直對齊方式 top | middle | bottom

     6、colspan 設(shè)置單元格水平合并

     7、rowspan 設(shè)置單元格垂直合并

     　

     傳統(tǒng)布局：

      

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

      

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

      

     2、單元格里面嵌套表格

      

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

      

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

      

     傳統(tǒng)布局目前應(yīng)用：

      

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

      

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

     表格常用樣式屬性

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

     9.html表單

     表單用于搜集不同類型的用戶輸入，表單由不同類型的標(biāo)簽組成，實現(xiàn)一個特定功能的表單區(qū)域（比如：注冊），首先應(yīng)該用

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

     
     <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內(nèi)嵌框架

     html內(nèi)嵌框架