html常用标簽語言

html常用标簽

<div>...</div> div标簽，塊标簽，表示一塊内容，并且可以自動換行
           

<p>...</p> 段落标簽
           

<span>...</span> 行标簽，表示一行内容，并且不換行

           

<ul><li>...</li> <li>...</li></ul> 無序清單 在網頁上在字段前顯示小圓點
           

<ol><li>...</li> <li>...</li></ol> 有序清單 在網頁上在字段前顯示有序數字
           

<a href='index.html'>這是超連結</a> href可以是一個網頁也可以是一個http://網址
<a href='#'> 表示還沒有連結，一個#點選會回到頁面頂部  
## ###沒有操作，相當于占位，ie不支援###

target="_blank" 表示新開一個視窗打開連結
           

<img src="圖檔.png" xxx='xxx'>
<img src="圖檔可以是http位址">
src表示圖檔内容

xxx='xxx'為以下屬性的格式：
width表示寬度,height表示高度
alt表示替換文本，如果圖檔不能顯示，則顯示為替換文本
title表示标題，圖檔的解釋說明
           

<br>  換行标簽
           

<form>...</form>  form表單，用于送出使用者輸入的内容
<input>...  input标簽,使用者輸入框，type有多種類型
<label for="id">xx</label> 擴大可選範圍,标簽内的内容為對應id選項的可選範圍

<form>文本框:<input type="text" name="username"><br>
密碼框:<input type="password" name="password"><br>
<input type="radio" name="gender" id='boy'><label for="boy">男(radio選項)</label>
<input type="radio" name="gender" checked>女（checked表示預設選項,多個checked則預設後一個）
<input type="submit" value="送出資料">（submit表示送出資料）
</form>
           

<strong>...</strong> strong标簽 加粗
<b>...</b> b标簽 加粗，與strong效果一樣，但更多的使用strong用于提高被搜尋權重
<em>...</em> em标簽，變斜體
<i>...</i> 效果同em，但更多使用em，強調作用，能提高被搜尋權重
<del>...</del> 删除标記，會在文字内容裡加一條劃線
<s>...</s> 效果同del，del提高權重
<ins>...</ins> 下劃線标簽
<u>...</u> 同ins标簽，ins提高權重