1. 程式人生 > >1 HTML REVIEW

1 HTML REVIEW

sub 表單 put 返回 文字 form 提交 html 標簽

一、排版標簽

分段符:<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