2-HTML的標籤

文本標籤

段落標籤<p></p>

段落標籤用來描述一段文字

標題標籤<hx></hx>

標題標籤用來描述一個標題

共有6個級別，高到低，h1,h2,h3,h4,h5,h6

• <h1></h1>標籤在每一個頁面中一般只出現一次

強調語句標籤<em></em>

用於強調某些文字的重要性

更增強調標籤<strong></strong>

和<em></em>同樣，用於強調文本，但它強調的程度更強一些

無語義標籤<span></span>

<span></span>標籤是沒有語義。

短文本引用標籤<q></q>

簡短文字的引用

長文本引用標籤<blockquoto></blockquoto>

定義長的文本引用

換行標籤<br/>

<br/>標籤做用至關於word文檔中的回車，起到文字換行的做用

多媒體標籤

連接標籤<a></a>

圖片標籤<img/>

視頻標籤<video></video>

<video src="" controls="controls"></video>

音頻標籤<audio></audio>

<audio src=""></audio>

列表

無序列表標籤<ul></ul>`<li></li>`

有序列表<ol></ol>`<li></li>`

定義列表dl

<dt></dt>定義列表中的項目

<dd></dd>描述列表中的項目

表格

表格標籤<table></table>

表格的一行<tr></tr>

表格的表頭<th></th>

單元格<td></td>

表格合併

同一行內，合併幾列colspan="2"

同一列內，合併幾列rowspan="3"

表單標籤系列

表單標籤<form></form>

能夠把瀏覽者輸入的數據傳送到服務器端，這樣服務器端程序就能夠處理表單傳遞過來的數據

<form method="傳遞方式" action="服務器文件"></form>

action，瀏覽者輸入的數據被傳遞送到的地方。

method，數據傳送的方式get/post

輸入標籤input

name文本框命名，用於提交表單，後臺接收數據用

value文本框設置默認值

type定義不一樣的type類型，Input的功能有所不一樣

text單行文本輸入框

password密碼輸入框

radio單選框

checkbox複選框

file上傳文件

button普通按鈕

reset重置按鈕

submit提交按鈕

email專門用於輸入e-mail

url專門用於輸入url

number專門用於number

date選取日期和時間

color選取顏色

下拉選擇框<select></select>

<option value="提交值">選項</option>是下拉選擇框裏面的每個選項

selected噹噹某個option選項有這個屬性時候，select默認選中這個選項

文本域<textarea></textarea>

當用戶想輸入大量文字的時候，使用文本域

cols多行輸入域的列數

rows多行輸入域的行數

其餘語義化標籤

盒子<div></div>

俗稱爲盒子，division分割

在網頁製做過程當中，能夠把一些獨立的邏輯部分劃分出來，放在一個<div></div>標籤中，這個div標籤的做用就至關於一個容器。

什麼是邏輯部分？它是頁面上 相互關聯的一組元素。如網頁中的獨立的欄目板塊，就是一個典型的邏輯部分。

網頁頭部header

html5新增語義化標籤，定義網頁的頭部

主要用於佈局，分割頁面的結構

底部信息footer

html5新增語義化標籤，定義網頁的底部

主要用於佈局，分割頁面的結構

導航nav

html5新增語義化標籤，定義一個導航

主要用於佈局，分割頁面的結構

文章article

HTML5新增語義化標籤，定義一篇文章

主要用於佈局，分割頁面的結構

側邊欄aside

語義化標籤，定義主題內容外的信息

主要用於佈局，分割頁面的結構

時間標籤time

語義化標籤，定義一個時間