HTML基礎第二篇

                                                           *框架:
使用frame結構把整個窗口分成幾個獨立的小窗口,實現一個窗口中放置多個頁面的效果。

<frameset rows="25%,50%,*" border="5">
   <frame name=“top" src="the_first.html">
   <frame name="middle" src="the_second.html">
   <frame name=“bottom" src="the_third.html">
</frameset>

<frameset cols="*,*,*">  將窗口分爲三等份

<frameset>代替了<body>,出現時不能有<body>

                                                     *常用屬性:
        frameborder="0" 設置無框架邊框 也可是yes和no
        bordercolor="red" 設置邊框的顏色
        scrolling="no" 不顯示滾動條
        <frame marginwidth=# marginheight=#>
用來設定各窗口的上下左右邊界寬度  #的值爲像素點

        noresize="noresize" 禁止調整框架大小
        name=“top" 框架名字屬性 便於窗口間的相互操作
定義了name屬性還需要Target屬性來配合使用
        <a href=url target=_blank>   顯示一個新窗口
        <a href=url target=_self>    顯示在同一個窗口
        <a href=url target=_parent>   顯示在前一份文件的窗口
        <a href=url target=_top>    顯示在整個瀏覽器窗口

                                                          *嵌入式框架
 用到iframe標記,又叫浮動幀標記,可以將一個html文檔嵌入在一個html中顯示
(就是鏈接到一個純文本的html文件)
<Html>
 <Head>
 <Title>嵌入式框架</Title>
 </Head>
 <Iframe src="a.html">
 </iframe>
</Html>

                                                         *表單標記:
<form action="url" method="get|post" name="myform" target="_blank">
……
</form>
get,顯示提交,數據量小,相當於平板車搬家
set,隱式提交,數據量大,相當於大型集裝箱貨車搬家
<input type=“”/>用來定義一個用戶輸入區,用戶可在其中輸入信息。標誌中共提供了九種類型的輸入區域,具體是哪一種類型由type屬性來決定

注意:<input/>必須放在<form></form>標記之間。<input/>是單標記.

type="#" #可以是text,相當於winform中的textbox,
還可以是button,
checkbox,radio,hidden,password,p_w_picpath,submit|reset,file
屬性有:
name ,value, size ,onchang 當文本改變時要執行的函數
onselect 當控件被選中時要執行的函數
onfocus 當文本接受焦點時要執行的函數

                                                  單選按鈕實例:
<input checked name=R1 type=radio value="music">音樂

                                                  下拉列表實例:
<select name="gx2" multiple size="4">
  <option value=“apple”selected>蘋果</option>
</select>

                                                   文本域實例:
<form action="" method="post">

 <textarea name="yj" clos="20" rows="5">文本內容</textarea>

</form>

 

 

 


 

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