Form表單、table標籤、標籤

1、form表單

<form action="url"  method="get/post" enctype="發送前如何對錶單數據進行編碼"> </form>     

enctype屬性:指定的只有1、application/x-www-form-urlencoded;發送前編碼所有字符

                                     2、multipart/form-data;不對字符編碼,使用file時必須用改值

method屬性:指定表單以何種方式發送到指定頁面

        get:附加在action指定的url後面,作爲url鏈接而傳遞

        post:附加在HTML    Headers上

style屬性:"display:none"隱藏當前元素

<intpt type="text"  disabled="disabled禁用"/>文本框

<input  type="password"  />密碼框

<input  type="ridio"  checked="checked默認選中一項"  name=""/>單選框

<input  type="checkbox"  name=""/>複選框

<input  type="submit"  value="提交"/>提交按鈕

<input  type="reset"  value="重置"/>重置按鈕

<input  type="button"/>自定義按鈕

<input  type="hidden"/>隱藏域

<input  type="file"/>上傳文件

<textarea  cols=""  rows="">多行文本<textarea/>

<select  name="">下拉菜單

        <option   value="">選項<option/>

</select>

2、滾動標記

<marquee></marquee>

οnmοuseοut="this.start()"   鼠標移出時繼續滾動

οnmοuseοver="this.stop()"    鼠標移入該區域停止滾動

behavior="alternate兩端之間來回滾動/scroll由一端滾動到另一端會重複/slide由一端滾動到另一端不會重複"

bgcolor:背景顏色

direction:滾動方向,down/left/right/up

height:高度

width:寬度

hspace:活動字幕所在位置距父容器水平邊距的距離

vspace:垂直邊框的距離

loop:滾動次數,-1代表一致滾動下去

scrollamount:滾動速度

scrolldelay:延遲時間

3、有序列表、無序列表

<ol>有序列表

    <li>列表</li>

</ol>

ol:type="i/A/a/I"   i未默認值

      start列表的數字序列的起始值

li:type="i/A/a/I"

      value列表項起始值,獲得非連續的數字序列

<ul>無序列表

ul:type符號樣式    disc實心圓;cirde空心圓;square方塊;

li:type符號樣式     disc實心圓;cirde空心圓;square方塊;

4、table標籤

<table>

    <caption align="top|bottom">表格標題</caption>

    <tr  align="left/right/center水平對齊"  ralign="top/botton/middle整行內容對齊"  valign="垂直對齊">

        <th>列標題</th>

        <td cellspacing="單元格之間的空白(像素)" cellpadding="分割線與數據之間的空白(像素)"></td>

    </tr> rules="控制單元格之間的分隔線" none無、rows行、cols列、all所有

</table>

frame:控制表格最外層四條框線;void(無)、box/border(全)、Ihs(左)、RHS(右)、above(上)、below(下)、hsides(上下)、vsides(左右)

border:設置邊框粗細、默認值0,取值像素

bordercolor:邊框顏色

width:可設列寬    height:可設列高

bgcolor:背景顏色,也可設置行、列的背景顏色

background:背景圖案   "url"

rowspan:行合併      

colspan:列合併

5、文本段落標記

標題標記符<Hn>    n代表1-6的數字,H1最大,align=left | right | center

分段標記符<p>      結束標記可省略,效果不同,align=left | right | center

段落居中標記符<center></center>

換行符標記<br/>

水平線標記符<hr/>    屬性:color,size大小,width長短,align對齊方式,noshade

6、文本顯示效果標記

文本控制標記符<font></font>   屬性:color、face、size(1-7) 7最大

文本樣式標記符<B>加粗   <I>斜體   <U>下劃線   <S>刪除線   <SUB>下標   <SUP>上標

7、圖片標記

<img src="" vspace="垂直方向空白像素" hspace="水平方向空白像素" border="" alt="圖片無法顯示時顯示的文字,或者圖片顯示時對圖片的描述" width="像素" height="像素"/>

../返回上一級

/下一級

8、超鏈接標記

<a href="本地鏈接url;外部鏈接必須是絕對路徑 例如baidu;多媒體鏈接指圖片、音頻等" target="指定超鏈接的目標框架名"></a> 

<a name="b"></a>           <a href="#b">返回b</a>

 #b{list-style-type:none;去掉下劃線

      display:inline;變爲行級元素

}

 

 

 

 

 

 

 

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章