HTML常用標籤介紹

css-font標籤：字型標籤，用來修改文字字型（face），顏色（color），和大小（size）。

特殊字元：把<br>標籤顯示在頁面上，我們需要把特殊字元實體化

&lt br &gt

常用字元

<             &lt;

>             &gt;

空格         &nbsp；

標題標籤：

h1-h6都是標題標籤，h1最大

align 對齊屬性

left（左）

center（中）

rigt（右）

超連結：在網頁中所有可以跳轉的內容

<a>  </a>表示超連結

href屬性設定連線地址

target是指跳轉目標（slef當前視窗跳轉）（blank開啟新頁面跳轉）

<a href="http//:www.4399.com" target="slef">種子連線</a>

列表標籤：

有序列表，無序列表

<ul type="none"> <li> xx</li></ul>無序列表

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

type屬性可以修改列表前面符號

img標籤：是圖片標籤，scr屬性可以設定圖片路徑

在web中路徑分為相對路徑和絕對路徑兩種

javaSE中相對路徑：從工程名開始算；絕對路徑：碟符：/目錄/檔名

Javaweb中相對路徑：  .                    表示當前檔案所在目錄

                                      ..                  表示當前檔案所在的上級目錄

                                      檔名         表示當前檔案所在目錄檔案，相當於./檔名 ./可以省略

絕對路徑：

                   格式：http://ip:port/工程名/資源路徑

<img src="../imgs/1.jpg"width="100" height="120" border="1" alt="圖片丟失">

imgs:一個目錄名    1.jpg：圖片檔名    width:寬度屬性  height：高度屬性    border:圖片邊框大小屬性 alt:設定檔案丟失，用來代替顯示的文字內容

表格標籤：

<table border="1" width="300" height="300" cellspacing="0"><!--表頭標籤 ,cellsepacing表格間距屬性-->
    <tr><!--行標籤 -->
        <td align="center"><b>xx</b></td><!--單元格標籤 --><!--b標籤：加粗標籤-->
        <th>xx</th><!--th是表頭標籤和align屬性的居中是一個效果 -->
        <td>xx</td>
    </tr>
    <tr>
        <td>xy</td>
        <td>xy</td>
        <td>xy</td>
    </tr>
    <tr>
        <td>yy</td>
        <td>yy</td>
        <td>yy</td>
    </tr>
</table>

 

iframe標籤：

<!-- iframe標籤可以在頁面上開闢一個小區域顯示一個獨特的頁面
       iframe和a標籤組合在一起的使用步驟
         1.在iframe標籤中定義一個屬性名稱name；
         2.在a標籤中定義一個target設定為name；
       -->
<iframe src="LiuBei.html"></iframe>

   <br/> <a href="LiuBei.html" target="name">五連抽</a>

 

表單標籤：

<!-- form標籤即表單標籤
       input type="number"  數字輸入框
       input type="password" 密碼輸入框
        maxlength="10"是輸入框中的最大長度屬性
       input type="radio"單選輸入框
       checked="checked"設定為預設屬性
       input type="checkbox"核取方塊
       <select></select>標籤是下拉選單框
       <option></option>標籤是下拉選單框中的選項
       <textarea>多行文字輸入框（標籤中的內容為預設值）
       input type="reset"重置
       input type="submit"提交
       input type="button"按鈕
       input type="file"檔案上傳
       input type="hidden" 隱藏域 當我們傳送某些資訊，不需要使用者參與，就可以使用隱藏域（提交時傳送給伺服器）
       -->
<form>
    賬號：<input type="number"><br/>
    密碼：<input type="password" maxlength="10"><br/>
    性別：<input type="radio" name="sex"checked="checked">男<input type="radio" name="sex">女<br/>
    興趣愛好：<input type="checkbox">看妹妹<input type="checkbox">玩率土<input type="checkbox">陰陽人<br/>
    國際：<select>
    <option selected="selected">漢朝</option>
    <option>魏國</option>
    <option>蜀國</option>
    <option>吳國</option>
</select><br/>
    狗託記錄器：<br/><textarea rows="5" cols="50">記錄你的狗託生活</textarea><br/>
    <input type="reset" value="點了就是傻逼"><br>
    <input type="submit" value="填完了"><br>
    <input type="file"><br/>
    <input type="hidden">
</form>

 

表單提交細節：

<!--form標籤的屬性
     action屬性設定提交的伺服器地址
     method屬性設定提交的方式GET（預設值）或POST
     GAT請求特點:
         1.瀏覽器中的地址是：action屬性[+?+請求引數】,請求引數格式的是：name=value&name=value
         2.不安全
         3.有資料長度的顯示
      提交結果：?action=login&li=1222&password=dadas&sex=boy&hobby=看妹妹&國家=魏國&sss=dasd
     POST請求特點:
         1.瀏覽器中只有action屬性值
         2.相對get請求安全
         3.理論上沒有資料長度限制
     表單提交的時候資料沒有傳送給伺服器的三種情況
          1.表單沒有name屬性
          2.單選，複選（下拉選單中的option標籤）都要新增value屬性
          3.表單項不在form標籤中
-->

其他標籤：

<!--        div,span,p
        div      標籤預設獨佔一行
        span     標籤封裝資料的長度
        p段落標籤  預設會在段落上方或者下方各空出一行來
-->