html入門詳細筆記

Web的基本概念

什麼是Web?

中文翻譯「網頁」,它是一些列技術的總稱,(包括網站的前檯布局、後台程式、美工、資料庫開發等),我們稱它為網頁。

Web標準

結構標準(HTML)

網頁的結構網頁該有什麼,(就像一輛車的基本框架結構這輛車該有什麼)

表現標準(CSS)

設計網頁的版式、顏色、大小外觀。主要用CSS實現(就像一輛車的外觀和內飾要什麼顏色款式,現有的零件拼裝成你想要的車)

行為標準(JavaScript)

網頁的交互回饋以及動畫效果,主要用JavaScript實現。現在的CSS3也能實現簡單的動畫效果。(框架外觀都有了要讓車跑起來不然就只能擺著看了)

WWW

www(world wide web, 萬維網)不是網路,也不代表Internet,它只提供網頁瀏覽服務

URL

URL(Uniform Resource Locator,統一資源定位符)其實就是Web地址,俗稱」網址」比如www.baidu.com就是百度的網址。萬維網上的所有文件(HTML、CSS、圖片、音樂、影片等)都有唯一的URL。URL可以是「本地磁碟」,也可以是區域網上的電腦。只要知道URL就能訪問。

DNS

DNS(domain Name System,域名解析服務),域名與IP地址是一一對應的。域名(例如www.baidu.com)雖然方便記憶,但是電腦只認識IP地址,將域名轉換成為IP就是DNS域名解析。

HTTP

HTTP(Hypertext transfer protocol,超文本傳輸協議)。規定了瀏覽器和萬維網伺服器之間的通訊規則。

HTTPS(安全超文本傳輸協議)。簡單來說是HTTP的安全版,是使用TLS/SSL加密的HTTP協議

http和https的區別詳細介紹

HTML的基本認識

什麼是HTML?

HTML(Hyper Text Markup Language,超文本標記語言),主要用來對網頁中的文本、圖片、聲音等內容進行描述。它可包含「超級鏈接」,通過超鏈接將網站與網頁以及各種網頁元素鏈接起來,構成豐富的Web頁面

HTML文檔的基本格式

HTML文檔基本格式:使用Dreamweaver 2020 新建默認文檔會自帶一些源程式碼

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>無標題文檔</title>
</head>

<body>
</body>
</html>

  • <!doctype html> 文檔類型聲明,向瀏覽器說明當前文檔的html版本和xhtm標準規範。
  • <html> 根標記,用於告知瀏覽器自身是一個html文檔,<html>標誌著html文檔的開始,</html>標記著HTML文檔的結束。
  • <head> 頭部標記,用於封裝其他位於文檔頭部的標記,例如<meta>、<title>、<link>、<style>等,用來描述文檔的標題、作者以及和其他文檔的關係等。
    1. <title>標籤用於定義HTML頁面的標題,即給網頁取名字,必須位於<head>標記內。一個HTML文檔只能有一對<title></title>標記
    2. <meta>標記用於定義頁面的元資訊,可重複出現在<head>頭部標記中,在HTML中是一個單標記。<meta>標記本身 不包含任何內容,通過「名稱/值」的形式成對的使用其屬性可定義頁面的相關參數,例如為搜索引擎提供網頁的關鍵字、作者姓名、內容描述,以及定義網頁的刷新時間等。還有些用法不太理解有機會在回去看,等理解了再補全筆記(手動滑稽)
    3. <link>一個頁面往往需要多個外部文件的配合,在<link>標記可引用外部文件,一個頁面允許使用多個<link>標記引用多個外部文件。
    4. <style>標記用於為HTML文檔定義樣式資訊,位於<head>頭部標籤中。在HTML中使用<style>標記時,常常定義其屬性為type,相應的屬性值為text/css,表示使用內嵌式的CSS樣式。
  • <body> 主體標記 瀏覽器中顯示的所有文本、影像、音頻和影片等資訊都必須位於<body>標籤內,並且<body>標記必須在<html>標記內,位於<head>頭部標記之後。

HTML 標記

在HTML頁面中,帶有「<>」符號的元素被稱為HTML標記。所謂標記就是放在「<>」標記符中表示某個功能的編碼命令,也被稱為HTML標籤或HTML元素。

單標記和雙標籤

  • 雙標記由開始和結束兩個標記符組成,基本語法格式如下:

    <標記名>內容</標記名>
    
  • 單標記也稱為空間標記,是指用一個標記符號即可以完整地描述某個功能的標記基本語法格式如下:

    <標記名/>
    

注釋標記;

注釋內容不會顯示在瀏覽器窗口中,但是作為HTML文檔內容的一部分,也會被下載到用戶的電腦上,查看源程式碼是就可以看到。語法格式如下:

標記的屬性

如果想讓html標記提供更多的資訊例如設置文本的字體大小顏色等,僅靠html標記的默認顯示樣式已經不能滿足了,這時可以添加html的屬性加以設置。基本語法格式如下:可以擁有多個屬性,屬性之間空格隔開。

<標記名 屬性1 = 「屬性值1」 ……></標記名>

HTML文本控制標記

在一個網頁中文字往往佔有較大的篇幅,為了讓文字能夠排版整齊、結構清晰,HTML提供了一系列的文本控制標記。

標題標記<h1>

HTML提供了6個等級標籤,從<h5><h6>重要性依次遞減。基本語法格式如下:

<h1 aliign = "對齊方式">標題文本</h1>

段落標記<p>

在HTML中通過<p>標記來定義段落,其基本語法格式如下:

<p align = "對齊文本">段落文本</p>

水平線標記<hr/>

<hr/>就是創建水平線的標記,其基本語法格式如下:

<hr 屬性 = "屬性值" />


標記的常用屬性(同樣適用於文本屬性)

屬性名 含義 屬性值


align 設置水平線的對齊方式 可選擇left、right、center、三種值,默認居中
size 設置水平線的粗細 以像素為單位,默認為2像素
color 設置水平線的顏色 可用顏色名稱、十六進位#RGB/rgb(r,g,b)
width 設置水平線的長度 可以是確定的像素值也可以是瀏覽器的窗口百分比,默認100%

例:

<hr size="5px" width="300px" color="blue" align="left"/> 

效果:


![1588396313627](HTML Note.assets/1588396313627.png)

換行標記<br/>

一個段落中的文字會一直從左排到最右邊才會自動換行,如果想要在某個片段進行換行顯示,就需要換行標記<br/>(就相當於一個回車鍵)。

文本樣式標記<font>

HTML中提供了文本樣式標記<font>,用來控制網頁中文本的字體、字型大小和顏色。其基本語法如下:

<font 屬性 = "屬性值">文本內容</font>

<font>標記的常用屬性

屬性名 含義


face 設置文字的字體,例如微軟雅黑、宋體、黑體等
size 設置字體的大小,可以取1到7之間的整數
color 設置文字的顏色

例:

<p><font face="微軟雅黑" color="blue" size="5">我是藍色5號,字體是微軟雅黑</font></p>

效果:

我是藍色5號,字體是微軟雅黑

![1588397034527](HTML Note.assets/1588397034527.png)

文本格式化標記

網頁中,有時需要為文字設置粗體、斜體或下劃線效果,為此HTML準備了專門的文本格式化標記,使文字以特殊的方式顯示,常用的文本格式化標記如下:

常用文本格式化標記

標記 顯示效果


<b></b><strong></strong> 文字以粗體方式顯示(XHTML推薦使用strong)
<i></i><em></em> 文字以傾斜方式顯示(XHTML推薦使用em)
<s></s><del></del> 文字以加刪除線方式顯示(XHTML推薦使用del)
<u></u><ins></ins> 文字以加下劃線方式顯示(XHTML推薦使用ins)

例:

<p>我是正常顯示文本</p>
<p><b>我是用b標記加粗的文本</b>,<strong>我是使用strong加粗的文本</strong></p>
<p><i>我是使用i標記傾斜的文本</i>,<em>我是使用em傾斜的文本</em></p>
<p><u>我是使用u帶下劃線的文本</u>,<ins>我是使用ins帶下劃線的文本</ins></p>
<p><s>我是使用s帶刪除線的文本</s>,<del>我是使用del帶刪除線的文本</del></p>

效果:

我是正常顯示文本

我是用b標記加粗的文本我是使用strong加粗的文本

我是使用i標記傾斜的文本我是使用em傾斜的文本

我是使用u帶下劃線的文本我是使用ins帶下劃線的文本

我是使用s帶刪除線的文本我是使用del帶刪除線的文本

![1588397640941](HTML Note.assets/1588397640941.png)

特殊字元標記

HTML為類似「<」”>”這樣的特殊字元準備了相應的替代程式碼

通過菜單欄中的【插入】→【HTML】→【字元】選項直接插入相應特殊字元程式碼

<div>標記

div是英文division的縮寫,意為「分割、區域」。<div>標籤簡單來說就是一個區塊容器標記,可以將網頁分割為獨立的、不同的部分,以實現網頁的規劃個布局。<div>與</div>之間相當於一個容器,可以容納段落、標題、表格、影像等各種網頁元素,也就是說大多數HTML標記都可以嵌套在<div>標記中,<div>中還可以嵌套多層<div>.

<span>

<span>在CSS定義中屬於一個行內元素,<span>與</span>之間只能包含文本和行內標記。<div>為大容器,<span>為小容器,大容器內可以放置小容器。

例:

<div style="width: 500px; margin:0 auto; padding:30px; background: #ccc;">
		<div style="height: 80px; background: #ff0">頭部</div>
		<div style="height: 300px; background: #0c0;">內容</div>
		<div style="height: 60px; background: #6cf">頁腳</div>
	</div>

效果:

頭部
內容
頁腳

![1588398531544](HTML Note.assets/1588398531544.png)

HTML影像標記

常用影像格式

  1. GIF格式

GIF最突出的地方是它支援動畫,同時也是一種無損影像格式,也就是說修改圖片後,圖片品質幾乎沒有損失。但GIG只能處理256中顏色。

  1. PNG格式

PNG最大的優勢是體積更小,對顏色過渡更平滑,但PNG不支援動畫。

  1. JPG格式

JPG所能顯示的顏色比GIF和PNG要多得多,但是JPG是一種有損壓縮的影像格式,意味著每一次修改圖片都會造成一些影像數據的丟失。JPG是特別為照片影像設計的文件格式。

在網頁設計中三種影像格式混合使用各取所長

影像標記

在HTML中使用<img />標記來定義影像,其基本語法如下:

<img src = 「影像URL"/>

Src屬性用於指定影像文件 的路徑和文件名,它是<img/>標記的必需屬性。

HTML還為<img/>標記準備了很多其他屬性。

標記屬性

屬性 屬性值 描述


src URL 影像的路徑
alt 文本 影像不能顯示時的替換文本
title 文本 滑鼠懸停時顯示的內容
width 像素 設置影像的寬度
height 像素 設置影像的高度
border 數字 設置影像邊框寬度
vspace 像素 設置影像頂部和底部的空白(垂直邊距)
gspace 像素 設置影像左側和右側的空白(水平邊距)
align left 將影像對齊到左邊
right 將影像對齊到右邊
top 將影像的頂端和文本的第一行文字對齊,其他文字局影像下方
middle 將影像的水平中線和文本的第一行文字對齊,其他文字局圖片下方
bottom 將影像的底部和文本的第一行文字對齊,其他文字局影像下方

例:

<img src="img/求關注.png" alt="求關注" title="求關注" wideth="200px" hspace="50" vspace="30"/>

效果:
求關注

![1588401548146](HTML Note.assets/1588401548146.png)

影像替換文本屬性alt

由於一些原因影像可能無法正常顯示,如網速太慢,因此為頁面上加上替換文本是個很好的習慣,在影像無法顯示的時候告訴用戶該圖片的內容。

<img src = 「影像URL" alt = 「影像替換內容"/>

影像提示屬性title

title屬性用於設置滑鼠懸停時顯示的提示文字。

<img src = 「影像URL" alt = 「影像替換內容" title = 「滑鼠懸停顯示內容"/>

影像的寬度、高度屬性width、height

width和height屬性用來定義圖片的寬度和高度,通常我們只設置其中一個,另一個會按原圖比例顯示。如果同時設置兩個屬性,影像的顯示就可能會變形或失真。

<img src = 「影像URL" alt = 「影像替換內容" width = 「200px"/>

影像的邊框屬性border

默認情況下影像是沒有邊框的,通過border屬性可以為影像添加邊框、設置邊框的寬度,但是邊框顏色的調整僅僅通過HTML屬性是不能夠實現的還需要CSS。

影像的邊距屬性vspace和hspace

在網頁中,由於排版需要,有事還需要調整影像的邊距。HTML中通過vspace和hspace屬性分別調整影像的垂直邊距和水平邊距;相對瀏覽器與左邊框的距離和與上邊框的距離。

相對路徑和絕對路徑

絕對路徑:文件或目錄在硬碟上的真正路徑有著從盤符到文件的完整地址如(D:/NCVT/IMAGES/LOGO.JPG),或完整的網路地址。

網頁中不推薦使用絕對路徑,因為網頁製作完成要上傳伺服器,並不能確定絕對的地址。

相對路徑:對於當前文件的路徑,相對路徑不帶有盤符,通常是以HTML網頁文件為起點,通過層級關係描述目標影像的位置。

相對路徑三種設置方式:

  1. 影像文件和HTML文件位於同一文件夾:直接輸入影像的名稱,如

    <img src = 「logo.jpg">
    

    2.影像文件位於HTML的下一級文件夾:輸入文件夾名和文件名,之間用「/」隔開,如

    <img src = 「images/logo.jpg">
    

    3.影像文件位於HTML文件的上一級文件夾:在文件夾名之前加入「../」,如果是上兩級,則要使用「../../」,以此類推,如

    <img src = 「../logo.jpg">
    

站點

什麼是站點?

站點就是定義一個存放網站中零散的文件的文件夾,方便網站上傳維護,內容擴充,對網站移植也有重要作用。

新建站點

點擊「站點」-「新建 站點 」

![1588407595607](HTML Note.assets/1588407595607.png)

![1588407609911](HTML Note.assets/1588407609911.png)

HTML標籤描述

<sub>下標<sbp> 上標

例:

<p>
This text contains <sub>subscript</sub>
</p>

<p>
This text contains <sup>superscript</sup>
</p>

效果:

This text contains subscript

This text contains superscript

![1588407045161](HTML Note.assets/1588407045161.png)

<a>超級鏈接

基本語法格式:

<a href = 「跳轉目標" target = 「目標窗口彈出方式">文本或者影像</a>
  • href用於指定鏈接目標 的url地址。
  • target用於指定鏈接頁面的打開方式,其值有_self和_blank兩種 ,其中_self為默認值,就是在原窗口打開,_blank為在新窗口中打開。
  • title」滑鼠經過時顯示的內容」

錨點鏈接

相當於一個跳轉,標記一個錨點後可以通過鏈接跳轉到標記這個點,常用在一些網頁的返回頂部。

暫時沒有確定鏈接目標時,通常將<a>標記中的href屬性值定義為「#」(即href = 「#」),表示回到最頂上。

創建連接文本:使用相應的id名標註跳轉到目標的位置。

<a href="#id名">連接文本</a>

列表標記

無序列表ul + li

無需列表與各個列表之間沒有順序級別之分,通常是並列的。

基本語法格式:

<ul>
<li>列表項1</li>
<li>列表項2</li>
</ul>

有序列表 ol + li

有排列順序的列表,各個列表項按照一定的順序排列,例如網頁中常見的排行榜等。

基本語法格式:

<ol>
<li>列表項1</li>
<li>列表項2</li>
</ol>

自定義列表dl + dt + dd

通常用於對術語或名詞進行解釋和描述,

基本語法格式:

<dl>
<dt>名詞1</dt>
<dd>解釋1</dd>
<dd>解釋2</dd>
……… 
<dt>名詞2</dt>
<dd>解釋1</dd>
<dd>解釋2</dd>
</dl>**

HTML表格相關標記

創建表格

表格的開始元素是<table>,結束元素是</table>,即所有的表格內容都要位於這兩個元素之間。想要創建完整的表格,除了要有表格元素外,還需要有行元素<tr>和單元格元素<td>。創建表格的語法如下:

<tabal>
	<tr>
    	<td>單元格內的文字</td>
      	  ...
    </tr>
    ...
</tabal>
  • <table></table>:用於定義一個表格

  • <tr></tr>:用於定義表格中的一行,必須嵌套在<table></table>標記中,有幾對<tr></tr>就表示有幾行

  • <td></td>:用於定義表格中的單元格,必須嵌套在<tr></tr>標記中,有幾對<td></td>就表示有該行中有多少列

    例:

    <table border="2">
    	<tr>
        	<td>第一行第一列</td>
    		<td>第一行第二列</td>
        </tr>
    	<tr>
    		<td>第二行第一列</td>
    		<td>第二行第二列</td>
    	</tr>
    </table>
    

    效果:

    第一行第一列 第一行第二列
    第二行第一列 第二行第二列

    ![1588412205187](HTML Note.assets/1588412205187.png)

<table標記的屬性

屬性名 含 義 常用屬性值
border 設置表格的邊框(默認border=”0″無邊框) 像素值
cellspacing 設置單元格與單元格邊框之間的空白間距(外邊距) 像素值(默認為2像素)
cellpadding 設置單元格內容與單元格邊框之間的空白間距(內邊距) 像素值(默認為1像素)
width 設置表格的寬度 像素值
height 設置表格的高度 像素值
align 設置表格在網頁中的水平對齊方式(單元格內容不受影響) left、center、right
bgcolor 設置表格的背景顏色 預定義的顏色值、十六進位#rgb、rgb(r,g,b)
background 設置表格的背景影像 url地址
  • width/height屬性

    默認情況下,表格的寬度和高度都是靠自身的內容來撐開的,如果想要更改表格的尺寸就要設置寬高屬性,基本語法如下:

    <table width="500" heigth="300">
    

<tr>標記的屬性

沒有寬度屬性,寬度取決於

的寬度

屬性名 含 義 常用屬性值
height 設置行高度 像素值
align 設置一行內容的水平對齊方式 left、center、right
valign 設置一行內容的垂直對齊方式 top、middle、bottom
bgcolor 設置行背景顏色 預定義的顏色值、十六進位#rgb、rgb(r,g,b)
background 設置背景影像 url地址

例:

<table border="2" width="500" height="100">
	<tr align="center" valign="top"> <!--內容居中靠上顯示-->
    	<td>第一行第一列</td>
		<td>第一行第二列</td>
    </tr>
	<tr>
		<td>第二行第一列</td>
		<td>第二行第二列</td>
	</tr>
</table>

效果:

第一行第一列 第一行第二列
第二行第一列 第二行第二列

![1588414609014](HTML Note.assets/1588414609014.png)

<td>標記的屬性

通過為單元格標記<td>定義屬性,可以單獨控制某一個單元格。大部分屬性與<tr>標記相同,用法也類似,不同的是<td>加入了widt寬度屬性,可以控制指定單元格的寬度。同時擁有colspan和rowspan屬性用於合併單元格。

屬性名 含 義 常用屬性值
width 設置單元格的寬度 像素值
height 設置單元格的高度 像素值
align 設置一行內容的水平對齊方式 left、center、right
valign 設置一行內容的垂直對齊方式 top、middle、bottom
bgcolor 設置行背景顏色 預定義的顏色值、十六進位#rgb、rgb(r,g,b)
background 設置背景影像 url地址
colpan 設置單元格橫跨的列數(用於合併水平方向的單元格) 正整數值
rowspan 設置單元格豎誇的列數(用於合併垂直方向的單元格) 正整數值

colspan合併列

合併列基本語法如下:

<td colspan="需要合併的列數">表格內容</td>

rowspan合併行

合併行基本語法如下:

<td rowspan="需要合併的行數">表格內容</td>

例:

<table border="2" width="500" height="100">
	<tr>
    	<td colspan="2">第一行第一列</td>
		<td>第一行第二列</td>
    </tr>
	<tr>
		<td>第二行第一列</td>
		<td rowspan="2">第二行第二列</td>
	</tr>
	<tr>
		<td>第三行第一列</td>
		<td>第三行第二列</td>
	</tr>
</table>

效果:

第一行第一列 第一行第二列
第二行第一列 第二行第二列
第三行第一列 第三行第二列

![1588415828163](HTML Note.assets/1588415828163.png)

<th>標記及屬性

<th>是一個表頭標記。<th>標記與<td>標記的區別在於:表頭一般位於表格的第一行或者第一列,且<th>標記控制的文本顯示默認粗體居中

例:

<table border="2" width="500" height="100">
	<tr>
    	<th colspan="2">第一行第一列</th>	<!--設置為表頭-->
		<td>第一行第二列</td>
    </tr>
	<tr>
		<td>第二行第一列</td>
		<td rowspan="2">第二行第二列</td>
	</tr>
	<tr>
		<td>第三行第一列</td>
		<td>第三行第二列</td>
	</tr>
</table>

效果:

第一行第一列 第一行第二列
第二行第一列 第二行第二列
第三行第一列 第三行第二列

![1588476865941](HTML Note.assets/1588476865941.png)

表單

一個完整的表單通常由表單控制項(也稱為表單元素)、提示資訊和表單域三部分組成。

創建表單

<form></form>標記被用於定義表單域,即表單開始和結束的位置,所有的表單元素都要在這對標記之間才有效。

語法格式如下:

<form action="url地址" method="提交方式" name="表單名稱">
    各種表單控制項;
</form>
屬性名 含義
action 用於指定接收並處理表單數據的伺服器程式的url地址
method method屬性用於設置表單的提交方式,其取值為get或post。其中get為默認值,這種方式提交的數據將顯示在瀏覽器的地址欄中,保密性差,且數據量有限制。而post方式保密性好,並且無數據限制。
name 用於指定表單的名稱,以區分一個頁面中的多個表單

例:

<form action="#" method="get" name="sign">
E-mail: <input type="email" name="user_email" /><br />
<input type="submit" />
</form>

效果

E-mail:


![1588484290831](HTML Note.assets/1588484290831.png)

表單控制項

表單控制項為表單的核心內容,不同的表單控制項具有不同的功能,如郵件輸入文本框、文本域、下拉列表、複選框等4。

input控制項

input控制項是表單元素中用得最多的一種元素,通常網頁中的單行文本輸入框、單選按鈕、複選框、提交按鈕、重置按鈕等都是通過input控制項定義的。語法格式如下:

<input type="控制項類型" />
屬性 屬性值 描述
type text 文本輸入框
password 密碼輸入框(內容以圓點形式顯示)
radio 單選按鈕
checkbox 複選框(多選框)
button 普通按鈕
submit 提交按鈕
reset 重置按鈕
image 影像形式的提交按鈕(用圖片代替默認的按鈕)
hidden 隱藏域
file 文件域
name 用戶自定義 控制項的名稱
value 用戶自定義 input控制項中默認文本值
size 正整數 input控制項在頁面中的顯示寬度
readonly readonly 該控制項內容為只讀(不能編輯修改)
disabled disabled 第一次載入頁面時禁用該控制項(顯示為灰色)
checked cheked 定義選擇控制項默認被選中的項
maxlength 正整數 控制項允許輸入的最多字元數

textarea控制項

當定義input控制項的type屬性為text時,可以創建單行文本框。但是,如果需要輸入大量的資訊,單行文本輸入框就不再適用了,為此html提供了<textararea></textarea>標記。通過textarea控制項可以輕鬆的創建多行文本輸入框,語法格式如下:

<textarea cols="每行的字元數" rows="顯示的行數">
	文本內容
</textarea>

cols用來定義多行文本輸入框中每行的字元數,rows用來定義多恆文本輸入框中顯示的行數

注意:各瀏覽器對cols和rows屬性的理解不同,當對textarea控制項應用cols和rows屬性時,多行文本輸入框在各瀏覽器中的顯示效果可能或有差異。所以在實際工作中,更常用的方法是使用css的width和height屬性來定義多行文本框的寬高

例:

<form action="#" method="post">
		<textarea cols="10" rows="10">
		cols用來定義多行文本輸入框中每行的字元數,rows用來定義多行文本輸入框中顯示的行數
	</textarea>
</form>

效果:


![1588487813358](HTML Note.assets/1588487813358.png)

select控制項

下拉菜單控制項,例如選擇所在的城市,出生年月等。基本語法如下:

<select>
    <option>選項一</option>
    <option>選項二</option>
    <option>選項三</option>
    ...
</select>

<select></select>標記用於在表單中添加一個下拉菜單,<option></option>標記嵌套在<select></select>標記中,每隊<select></select>中至少包含一對<option></option>

標記名 常用屬性 描述
<select> size 指定下拉菜單的課間選項數(取值為正整數)
multiple 定義multiple=”multiple”時,下拉菜單具有多項選擇的功能,方法為按住ctrl鍵的同時選擇多項
<option> selected 定義selected=”selected”時,當前項即為默認選中項

例:

<select multiple="multiple">
    學歷:
    <option selected="selected">請選擇</option>
    <option>博士</option>
    <option>碩士</option>
	<option>本科</option>
    <option>專科</option>
</select>


Tags: