1 HTML REVIEW

標籤：表單   ram   sele   觸發事件   height   路徑   font   tar   技術分享   

一、排版標籤

分段符：<p align="center"></p>  將此段落置於頁面中間，align，位置

橫線  ：<HR/>   屬性有align，color，size, width, 等等

 

二、塊標籤

<div style="color:blue">div1</div>

<span style="color:red">span1</span>  

區別：兩個連續的div之間換行，兩個連續的span不換行，div+CSS,而span常用於提示。

 

三、文字標籤

<font color=" "  size=" " face=" " >文本1</font>  face為字型,如黑體

<h1></h1>標題   h1,h2.h3文字大小逐級遞減

 

四、清單標籤

<ul type=" "><li>fxy1024</li></ul>  ul無序

<ol type=" " start=" "><li>fxy1024</li> </ol> ul有序

 

 

 

五、圖片標籤

<img alt=" " src=" " width=" " height=" " aligh=" "  border=" "> src為路徑

 

六、連結標籤

<a href="url" name="標籤" target="blank">這是一個標籤</a>  blank表示返回一個新頁面

<a href="#top">回到頂部</a>

 

七、表格標籤

<table border=" " align=" " bgcolor=" " width=" ">

<tr align=" ">

<th>此行加粗</th>

</tr>

<tr>

<td>此行不加粗</td>

<tr>

</table>

             

 

八、表單標籤

格式：

<form action="#" name="myform" method="get">

<table>

<tr>

<td>

<input name=" username" type="text" value=" ">

<select name="city">  下拉式清單

<option value="bj">北京</option>

<option value="lj">南京</option>

</select>

</td>

<td>
               <textarea name="ramark" cols="30" rows="3"></textarea>評論區
 </td>

</tr>

<table>

</form>

-----------------------------------

action：表單地址

method：提交方式：get post put delete.

 get和post的區別：  get提交時將資料加在地址欄的後面，post則將資料封裝在清單裡，post較為安全

                                 get提交有大小限制，根據瀏覽器不同而不同，post則不限制大小。

<input type="">

當type為password,輸入為掩碼。
         為radio，輸入為單個選項。
         為hobby，輸入為多個選項。
         為file, 輸入為檔案路徑選項。
         為submit按鈕,立即提交表單到伺服器。
        為button按鈕，為觸發事件，便於用js進行處理。
        為hidden，隱藏欄位。
        為image，輸入為圖片，src=,alt=.

<textarea name="ramark" cols="30" rows="3"></textarea>評論區

------------------------------------------------

 

十、架構標籤

1 HTML REVIEW