html的必背知識
阿新 • • 發佈：2019-02-14
html標籤不區分大小寫。一般用小寫。
雙標籤：例如<html></html>
單標籤：例如 <br/>
css、javascript可以定義在html的頭部。
<head>標籤：
屬性：<base> 例如： <base target=_blank>表示網頁中所有的超連結的目標地址都在新建視窗中開啟
src、href、url的區別
src 是指向物件的來源
href 是指向需要連結的地方
url 是通用的 "連結" 的專業代名詞，在 HTML 語法裡幾乎不會使用，一般用在background-image的屬性中。
src 通常用作 "拿取" 而 href 用作 "連結前往"
例如 <img src="image.jpg" />
就是 src 拿取 image.jpg 作為這個 img 的源檔案… 就是 <img> 顯示 image.jpg 的意思
例如 <a href="image.jpg" />
就是 href 跳轉到 image.jpg… 就是網址會跳轉到 image.jpg 的意思
<meta name="Keywords" content="value"> 設定關鍵字，關鍵字是給搜尋引擎提供的。Keywords表示關鍵字的定義，content屬性值表示關鍵字的內容。
設定自動重新整理
<meta http-equiv="refresh" content="value"> refresh表示自動重新整理，content屬性值表示重新整理間隔的秒數。
設定自動跳轉
<meta http-equiv="refresh" content="value ;URL=URL_Value"> content屬性值分兩部分：第一部分value表示間隔多少秒才跳轉，第二部分是具體跳轉的URL地址。例如：<meta http-equiv="refresh" content=''5;URL=http://www.sohu.com">
在html中，背景圖片會將圖片放在頁面的底層，文字或其他插入的圖片位於背景圖片之上，預設情況下，背景圖片在水平方向和垂直方向上會不斷重複出現，直到鋪滿整個網頁。
假設需要連結文字的顏色為紅色，單擊時顯示為黃色，訪問過後顯示為黑色，則可以通過<body> 標籤的link、alink、vlink三個屬性值，例如：
<body link="red" alink="yellow" vlink="#000000">
在html中，字型標籤<font></font>預設字型大小為3，size。
在html中，段落標籤<p></p>,它的align(段落對齊方式)屬性值有left,right,center,justify。
在html中，換行標籤<br/>(單標籤)，水平線標籤<hr/>(單標籤)，標題標籤<hn></hn>,h1字型最大。
建立列表
有序列表：<ol></ol>和<li></li> <ol>有兩個屬性，type：規定列表的型別，預設為數字。start：規定列表中的起始點，預設為1.
無序列表：<ul></ul>和<li></li> 它的type：disc（實心圓），circle（空心圓），square（方塊）
插入影象
<img src="img_URL" alt="value"> <img>標籤並不會在頁面中真正插入影象，而只是提供了一個連結地址，連結顯示出影象，所以說，<img>標籤建立的是被引用影象的佔位空間。
如果想要實現點選一張圖片連結到另一個頁面，就在<a></a>裡面加div或者img。
表格：
作用： 1.顯示 資料 2 .頁面佈局
一個表格由一個表格標籤<table>,表格行標籤<tr>,單元格標籤<td>組成，還可以包括標籤<caption>,列標籤<th>
在html中通過<caption>標籤可以直接新增表格的標題，還可以 控制標題文字的位置。<caption>標籤必須緊隨<table>標籤之後，且只能對每個表格定義一個標題，並預設這個標題會被居中於表格之上顯示。
帶表頭的表格：<th></th>
cellpadding 設定了單元格內容和邊框之間的距離，cellspacing 設定了單元格之間的距離。colspan屬性用於 建立跨多列的單元格，rowspan屬性用於建立跨多行的單元格。
框架
框架主要包括兩個部分：框架集和框架。框架集（frameset）是一個頁面檔案，它的目的是將瀏覽器視窗劃分成多個子視窗（或稱框架），而框架是通過框架集劃分出來的一個區域，用於顯示與瀏覽器視窗其餘無關的獨立頁面。
使用框架技術，重新整理頁面時只需要下載、更新有變化的框架頁面，其他的框架頁面不需要下載更新，能達到節省流量的好處外，還可以實現頁面佈局和複用功能。
在某個框架頁面中時常會安排導航連線，點選導航連線會在指定的框架頁面中顯示：首先在指定的框架加name屬性，目的是當用戶在導航框架頁面中點選導航連線時，能指定需要更新哪個框架的頁面，導航框架中一般用超連結，超連結的href屬性用於指定要更新的頁面，target屬性用於指定在哪個框架中進行更新。
內嵌框架使用
語法：
<iframe src="內嵌頁面URL" name="框架名"></iframe> <iframe>標籤中可以設定scrolling屬性值。
表單
語法：
<form action="表單提交地址" method="提交方法">
......
</form>
表單的作用在於收集使用者輸入的資訊，提交到指定位置進行處理，基本語法中的action屬性（表單提交地址）就是這個指定位置。如若不填，則預設用當前頁面進行處理，但不建議這麼做。method屬性規定了表單提交方式，最常用的有兩種方式，分別是GET和POST.。其中GET是把表單中的引數放置在HTTP請求的頭部發送給伺服器，而POST是將請求引數置於請求體內傳送。
input元素的基本用法：
<input type="元素型別" name="表單元素名稱">
input的alt怎麼用？
alt 屬性只能與 <input type="image"> 配合使用。它為影象輸入規定替代文字。
alt 屬性為使用者由於某些原因無法檢視影象時提供了備選的資訊。
單選框和多選框
單選框按鈕用於一組互相排斥的選項，為了把若干個單選框組成一組，需要將它們的name屬性設定為同一值，以確保該組中只能有一個選項被選中。複選框和單選框按鈕的區別在於，複選框可以同時選中多個選項。不論是單選按鈕還是複選框，在選項的input元素中設定checked屬性，都可以讓該選項框預設被選中。
對於表單而言，由於提交的表單資料包括檔案資料、表單資料等內容，所以必須將form標籤的enctype屬性設定為multipart/form-data,表示將表單資料分為多部分提交。
非input元素：
1.下拉列表框：<select></select>和<option></option>
2.多行文字域：<textarea></textarea> 其中cols屬性定義了文字域內的可見列數，rows屬性定義了可見行數。
雙標籤：例如<html></html>
單標籤：例如 <br/>
css、javascript可以定義在html的頭部。
<head>標籤：
屬性：<base> 例如： <base target=_blank>表示網頁中所有的超連結的目標地址都在新建視窗中開啟
src、href、url的區別
src 是指向物件的來源
href 是指向需要連結的地方
url 是通用的 "連結" 的專業代名詞，在 HTML 語法裡幾乎不會使用，一般用在background-image的屬性中。
src 通常用作 "拿取" 而 href 用作 "連結前往"
例如 <img src="image.jpg" />
就是 src 拿取 image.jpg 作為這個 img 的源檔案… 就是 <img> 顯示 image.jpg 的意思
例如 <a href="image.jpg" />
就是 href 跳轉到 image.jpg… 就是網址會跳轉到 image.jpg 的意思
<meta name="Keywords" content="value"> 設定關鍵字，關鍵字是給搜尋引擎提供的。Keywords表示關鍵字的定義，content屬性值表示關鍵字的內容。
設定自動重新整理
<meta http-equiv="refresh" content="value"> refresh表示自動重新整理，content屬性值表示重新整理間隔的秒數。
設定自動跳轉
<meta http-equiv="refresh" content="value ;URL=URL_Value"> content屬性值分兩部分：第一部分value表示間隔多少秒才跳轉，第二部分是具體跳轉的URL地址。例如：<meta http-equiv="refresh" content=''5;URL=http://www.sohu.com">
在html中，背景圖片會將圖片放在頁面的底層，文字或其他插入的圖片位於背景圖片之上，預設情況下，背景圖片在水平方向和垂直方向上會不斷重複出現，直到鋪滿整個網頁。
假設需要連結文字的顏色為紅色，單擊時顯示為黃色，訪問過後顯示為黑色，則可以通過<body> 標籤的link、alink、vlink三個屬性值，例如：
<body link="red" alink="yellow" vlink="#000000">
在html中，字型標籤<font></font>預設字型大小為3，size。
在html中，段落標籤<p></p>,它的align(段落對齊方式)屬性值有left,right,center,justify。
在html中，換行標籤<br/>(單標籤)，水平線標籤<hr/>(單標籤)，標題標籤<hn></hn>,h1字型最大。
建立列表
有序列表：<ol></ol>和<li></li> <ol>有兩個屬性，type：規定列表的型別，預設為數字。start：規定列表中的起始點，預設為1.
無序列表：<ul></ul>和<li></li> 它的type：disc（實心圓），circle（空心圓），square（方塊）
插入影象
<img src="img_URL" alt="value"> <img>標籤並不會在頁面中真正插入影象，而只是提供了一個連結地址，連結顯示出影象，所以說，<img>標籤建立的是被引用影象的佔位空間。
如果想要實現點選一張圖片連結到另一個頁面，就在<a></a>裡面加div或者img。
表格：
作用： 1.顯示 資料 2 .頁面佈局
一個表格由一個表格標籤<table>,表格行標籤<tr>,單元格標籤<td>組成，還可以包括標籤<caption>,列標籤<th>
在html中通過<caption>標籤可以直接新增表格的標題，還可以 控制標題文字的位置。<caption>標籤必須緊隨<table>標籤之後，且只能對每個表格定義一個標題，並預設這個標題會被居中於表格之上顯示。
帶表頭的表格：<th></th>
cellpadding 設定了單元格內容和邊框之間的距離，cellspacing 設定了單元格之間的距離。colspan屬性用於 建立跨多列的單元格，rowspan屬性用於建立跨多行的單元格。
框架
框架主要包括兩個部分：框架集和框架。框架集（frameset）是一個頁面檔案，它的目的是將瀏覽器視窗劃分成多個子視窗（或稱框架），而框架是通過框架集劃分出來的一個區域，用於顯示與瀏覽器視窗其餘無關的獨立頁面。
使用框架技術，重新整理頁面時只需要下載、更新有變化的框架頁面，其他的框架頁面不需要下載更新，能達到節省流量的好處外，還可以實現頁面佈局和複用功能。
在某個框架頁面中時常會安排導航連線，點選導航連線會在指定的框架頁面中顯示：首先在指定的框架加name屬性，目的是當用戶在導航框架頁面中點選導航連線時，能指定需要更新哪個框架的頁面，導航框架中一般用超連結，超連結的href屬性用於指定要更新的頁面，target屬性用於指定在哪個框架中進行更新。
內嵌框架使用
語法：
<iframe src="內嵌頁面URL" name="框架名"></iframe> <iframe>標籤中可以設定scrolling屬性值。
表單
語法：
<form action="表單提交地址" method="提交方法">
......
</form>
表單的作用在於收集使用者輸入的資訊，提交到指定位置進行處理，基本語法中的action屬性（表單提交地址）就是這個指定位置。如若不填，則預設用當前頁面進行處理，但不建議這麼做。method屬性規定了表單提交方式，最常用的有兩種方式，分別是GET和POST.。其中GET是把表單中的引數放置在HTTP請求的頭部發送給伺服器，而POST是將請求引數置於請求體內傳送。
input元素的基本用法：
<input type="元素型別" name="表單元素名稱">
input的alt怎麼用？
alt 屬性只能與 <input type="image"> 配合使用。它為影象輸入規定替代文字。
alt 屬性為使用者由於某些原因無法檢視影象時提供了備選的資訊。
單選框和多選框
單選框按鈕用於一組互相排斥的選項，為了把若干個單選框組成一組，需要將它們的name屬性設定為同一值，以確保該組中只能有一個選項被選中。複選框和單選框按鈕的區別在於，複選框可以同時選中多個選項。不論是單選按鈕還是複選框，在選項的input元素中設定checked屬性，都可以讓該選項框預設被選中。
對於表單而言，由於提交的表單資料包括檔案資料、表單資料等內容，所以必須將form標籤的enctype屬性設定為multipart/form-data,表示將表單資料分為多部分提交。
非input元素：
1.下拉列表框：<select></select>和<option></option>
2.多行文字域：<textarea></textarea> 其中cols屬性定義了文字域內的可見列數，rows屬性定義了可見行數。