web前段筆記（標籤）

html文件（網頁）。是由元素、圖片、文字、多媒體文件等等構成。
學習html就是學習元素的使用。

標籤（又稱爲元素）
　　html標籤   規定html文檔的開始和結束，全部元素都要寫在裏面。

　　head標籤   規定html文檔的頭部信息。

　　title標籤  規定html標題信息。

　　body標籤   規定html文檔的內容信息，全部要顯示的元素所有都要寫在這裏

　　meta標籤   規定相關信息。通常寫在head標籤裏面。

　　h1~h6標籤  標題標籤，用於標題語義化。h1標籤的文字最大，h6標籤的文字最小。

　　p標籤      段落標籤。用於段落語義化。

　　br標籤     換行標籤。單標籤。<br />

　　hr標籤     建立一條水平線。單標籤。<hr />

　　img標籤    圖片標籤。單標籤。結合src屬性進行加載圖片。<img src="圖片地址" />

　　a標籤      超連接標籤。結合href屬性設置鏈接地址。若是要連接至外部地址，則要在網址前面加上http://。



保存【ctrl+S】



標籤分類：佈局標籤、文本標籤、功能標籤（實現某種功能）。
【文本標籤】
strong標籤    文本強調，呈現加粗效果。

em標籤        文本強調，呈現斜體效果。

b標籤          粗體文字。

i標籤        斜體文字。

pre標籤        預格式化標籤。會保留直接鍵入的換行、空格。

small標籤    小號字體。

big標籤        大號字體。

sup標籤        上標文字。

sub標籤      下標文字。

bdo標籤       文字方向。結合dir屬性進行設定。dir屬性值：ltr（left to right）、rtl（right to left）。left（左），right（右）。left（左），right（右）。


【佈局標籤】
div標籤      佈局標籤，塊級元素（行標籤），使用塊級元素時不管內容多少都會自動佔據一整行。div標籤自身不帶任何樣式。
注意：塊級元素能夠直接給予寬高，給予寬高以後仍是會佔據一整行。

span標籤      佈局標籤，內聯元素（行內標籤），使用內聯元素時有多少內容就會顯示多少寬高，只要空間足夠，就會自動佔據。span標籤自身不帶任何樣式。
注意：內聯元素不能直接給予寬高，內聯元素的寬高是根據內容決定。



【轉義字符】使用某些特殊的代碼，對特殊的符號進行替代。
&lt;     等同於<
&gt;     等同於>
&amp;     等同於&
&nbsp;     等同於空格
&copy;     等同於©


【三表】
列表、表格、表單

【列表】。
ul標籤
無序列表，自身前面帶有小點的樣式。ul的子級只能是li標籤。

ol標籤
有序列表，自身前面帶有數字的樣式。ol的子級只能是li標籤。

li標籤
ul和ol的子級，只能被ul或者ol包裹。


【表格】。
table標籤    定義表格的開始和結束

tr標籤     定義表格中的行。tr標籤是table標籤的子級，是th標籤和td標籤的父級。

th標籤        定義表格中的表頭，一個表格中只能存在一行表頭。th標籤是tr標籤的子級。

td標籤        
定義表格中的單元格，td標籤能夠存在無數個。td標籤是tr標籤的子級。

表格經常使用屬性：
width屬性
寬度

height屬性
高度

align屬性
水平對齊方式，屬性值：left（左對齊）；conter（水平居中對齊）；right（右對齊）

valign屬性
垂直對齊方式，屬性值：top（頂對齊）；middle（垂直居中對齊）；bottom（底對齊）

cellpadding屬性
單元格至內容間距。只能給到table標籤。

cellspacing屬性
單元格與單元格之間間距。只能給到table標籤。

colspan屬性
橫向跨越。主要給td標籤或者th標籤的
橫向佔據單元格，須要佔據多少個單元格咱們就在屬性值裏面填寫多少。

rowspan屬性
豎向跨越。主要給td標籤或者th標籤的
豎向佔據單元格，須要佔據多少個單元格咱們就在屬性值裏面填寫多少。

border屬性
邊框線

bgcolor屬性
背景顏色

background屬性
背景圖片



【表單】
form標籤
定義表單的開始和結束。全部表單元素都要寫在form標籤裏面。
結合method屬性設置提交請求方式，method屬性值：get（公開形式）；post（保密形式）
必需要結合action屬性進行設置表單提交的地址。

label標籤
搜索引擎優化。

button標籤
按鈕，自身不帶任何樣式。

textarea標籤
文本域，一塊編輯文本的區域。存在多行
結合cols屬性設定字符長度。
結合rows屬性設定行數。

select標籤
下拉條，下拉選項。
必須結合option標籤設置下拉選項。
option標籤是select標籤的子級，只能被select標籤包裹。

input標籤  <input />
功能標籤，單標籤，必須結合type屬性進行設置。
type屬性值：
1.text
文本框。只有一行。還能夠使用value屬性設置默認文本。還能夠使用placeholder屬性設置提示文字。

2.passwod
密碼輸入框。只有一行。咱們鍵入的文字不會顯示出來。還能夠使用value屬性設置默認文本。還能夠使用placeholder屬性設置提示文字。

3.radio
單選框。必需要在input標籤裏面設置一個name屬性才能實現單選效果，全部要單選的選項的name屬性值必須一致。屬性值由工程師自行命名，不能使用中文。

4.checkbox
複選框。

5.file
上傳按鈕，自帶上傳功能。

6.hidden
隱藏文本框，主要用於程序（後臺）的判斷。

7.button
按鈕。結合value屬性設置按鈕的文字。

8.reset
重置按鈕。將全部表單元素迴歸默認狀態。

9.submit
提交按鈕。將表單元素裏面的選項和信息所有提交至設定的網址。必需要結合form標籤裏面的action屬性使用。