mysileng

          常用鏈接

          統計

          最新評論

          2009年5月23日 #

          第三課時 HTML表單和框架

          第三課時 HTML表單和框架

          一、<form>表單

          1.定義:用來收集用戶信息,提供服務

          2.表單的簡單框架:

              <form>

                 <input>

                 <select>…</select>

                 <textarea>…</textarea>

              </form>

          3.<form>標記的主要屬性:

              a.action:指出該表單所對應的處理程序的位置(url

              b.method:指出表單信息的提交方式:get(默認)post

                               get:提交總信息不超過2K,且提交后可以在地址欄中看到

                               post:提交信息長度不限,且不會顯示在地址欄中

              c.enctype:表單數據的編碼方式:

                        application/x-www-form-urlencoded(默認):鍵值對編碼

                        multipart/form-data:二進制流編碼(用于傳輸文件)

              d.target:類似超鏈接中的target

          二、<form>中的<input>標記

                 <form>有三個輸入子標記,用于收集用戶信息。<input>是應用最為廣泛的。

              1.<input>的主要屬性:

                  a.Type:指定輸入比較的輸入方式:(共10中方式)

                        text:單行文本框

                        password:密碼文本框

                        hidden:隱藏文本框

          file:文件選擇框

          checkbox:復選框

                        radio:單選框

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

                        Button:普通按鈕(要添加腳本才有動作,否則不做任何事情)

                        Submit:提交按鈕(提交<from>標簽內的所有信息)

                        Reset:重置按鈕

                        Image:圖片按鈕(功能同提交按鈕)

                       

              b.size:文本框的長度

              c.maxlength:文本框允許輸入的最大長度(控制輸入長度的最簡單辦法)

              d.value:當type為文本類型時,value代表初始值和提交值

                             type為按鈕類型時,value為按鈕的顯示文本(因為按鈕不需要提交值)

              e.checked(標示屬性):使用在type=”checkedbox|radio”時,表示被選中狀態

                    注:使用radio時,name的值要一直,否則達不到一組的效果。

          三、<form>中的其他標記

          1.<select>:下拉列表選擇標記

              <select size=”” multiple>

                 <option selected value=””>…選項內容…</option>下拉選項

              </select>

                      Size:下拉列表顯示的項數。

                      Multiple(標識屬性):開啟多選功能

                      Selected(標識屬性):表示被選中的狀態

                      Value:表示這個下拉選項的提交值

          2.<textarea>多行文本標記:

              <textarea rows=”” cols=””>…</textarea>

          3.filedSet分組標記:

              <filedset>
                  <legend>...</legend>

                  …可以把不同的標記用框框分組顯示

              </filedset>

              Legend:表示框框標題名字。

          四、<form>中所有標記都有的屬性

          1.name:名字,常用于調用時的參數

          2.ID:同name

          3.title:提示信息

          4.tabIndex:定義tab鍵的反問順序

          5.Accesskey:定義ALT+“”的快捷訪問鍵

          五、框架

          1.定義:可以把一個瀏覽器窗口分成若干獨立的子窗口,字窗口相互獨立的滾動刷新,可以有所聯系,

          2.簡單使用:

              <html>

                 <head>…</head>

                 <frameset cols=”30%,*”>

                        <frame src=””>

          <frame src=””>

                 </frameset>

              </html>

              用<frameset>標記代替<body>,若把<frameset>標記放在<body>內,<frameset>將不起作用。

          3.<frameset>的主要屬性:

              a.cols:縱向分割,cols=”像素|百分比|*”三種方式:

                        像素:為單個像素占總像素的比例

                        百分比:直接算整個區域的百分比

          *:若只出現一個*,代表窗口剩余部分;若出現多個*,就所有*號按比例分窗口剩余部分。

              b.rows:橫向分割(使用同縱向)

              c.border:分割線寬度

              d.bordercolor:分割線顏色

              e.frameborder:設置是否隱藏分割線,為YES是顯示,NO為隱藏

          3.<frameset>中使用的標記:

              a.<frame>子窗口標記:

                  <frame src=”” name=”” noresize scrolling=”no|yes” marginwidth=”” >

                  Src:子窗口路徑     name:子窗口名字

                  Noresize(標識屬性):不允許改變分割線位置

                  Scrolling:定義是否需要滾動條

                  Marginwidth:文本與分割線的寬度

                  Marginheight:文本與分割線的高度

              b.<iframe>內聯窗口標記(浮動窗口標記)

              與<frame>的不同:

                               <iframe>必須放在<body>,<frame>不需要。

                               <frame>必須嵌在<frameset>中,而<iframe>不需要。

                               <iframe>可以自定義高寬度,而<frame>是通過<frameset>定義的。

          posted @ 2009-07-21 14:44 鑫龍 閱讀(555) | 評論 (0)編輯 收藏

          第二課時 HTML超連接和表格

          第二課時 HTML超連接和表格

          一、<a>…</a>超鏈接標記

              <a href=”” name=”” target=””>…</a>

              1.主要屬性:

                  a.href:表示要鏈接的位置,這里又分為三種表示形式:

                     第一種:內鏈接

                               Href=”#name(熱點名)

                     第二種:外鏈接

                               Href=”URL”

                     第三種:郵箱鏈接

                               Href=mailto=...@...;cc=...&bcc=...&subject=...&body=...

                               Cc為抄送,bcc為密送,subject為主題,body為內容

              b.name:常用于內部鏈接的熱點名

                               <a name=”…”></a>

              c.target:定義打開新鏈接的窗口形式:

                     值分為兩種形式:填寫預定義的值和非預定義的值

                     預定義:_self_blank_parent_top

                                   _self:在當前窗口打開鏈接

                                   _blank:在新窗口打開鏈接

                                   _parent:在父窗口中打開鏈接

                                   _top:在頂層窗口中打開鏈接

          注:_parent中的父子關系,用于<frameset>標記中,但真正的父子關系是指文件中的父子關系,而不是邏輯上的父子關系。

            非預定義:填寫你想打開窗口的名字(去掉html,若填寫的名字文件不存在,則在新窗口中打開。

          二、<table>…</table>表格標記

          1.表格框架介紹

              <table>

                     <caption>…</caption>表主題標記

                     <tr>表行標記

                            <th>..</th>表頭單元格標記

              <th>..</th>

              …

                     </tr>

                     <tr>

                            <td>..</td>普通單元格標記

              <td>..</td>

              …

                     </tr>

              </table>
          2.
          表格主要屬性:

              a.border:邊框粗細(像素)    b.bordercolor:邊框顏色

              c.width:表格寬度                        d.height:表格高度

              e.cellpadding:單元格中文字與框線的間隙大小(像素)

              f.cellspacing:框線的粗細(像素)
          3. <table>
          中的主要標記

              a.<caption>…</caption>表格主題標記:若要設置則必須放在<table>,<tr>

              b.<tr>…</tr>表格行標記:用來定義表格中的一行內容,<th><td>都置于其中。

              c.<th>..</th>/<td>…</td>單元格標記:

                  <th><td>唯一不同:<th>的文字有粗體的效果

                 主要屬性:

                        Colspan:跨幾列   rowspan:跨幾行

                        Valign:垂直對齊方式 align:水平對齊方式

          三、多媒體標記

          1.插入背景音樂

            <bgsound src=” URL” loop=””>

          2.插入視頻或音頻:

              <embed src=” URL” autostart=”true|false”>

              Autostart:是否自動播放

          posted @ 2009-07-21 14:39 鑫龍 閱讀(487) | 評論 (0)編輯 收藏

          第一課時 HTML入門與基本標記

          第一課時 HTML入門與基本標記

          一、HTML簡介

              1.定義:HTML就是超文本標記語言。超文本就是包含鏈接的文本,標記語言就是排版的、不需要編譯的語言。

              2.HTML文件的擴展名為HTMLHTMDOS下使用)。

              3.HTML不區分大小寫。

              4.HTML是由一系列的元素和標記組成。

          二、元素與標記簡介

              1.定義:是用<>符號的叫標記,當用一組HTML標記將一段文字包含在中間時,這段文字與包含這段文字的HTML標記合稱為一個元素。

              2.某個元素的完整定義:

                  <標記名稱屬性1=“屬性值”屬性2=“屬性值”…>元素文字</標記名稱>

              3.標記的分類:單獨標記和成對標記

              4.標記屬性的分類:標識屬性和有值屬性

               (注:有值屬性的值可以不用引號,但為了避免不必要的錯誤建議用引號引起)

          三、HTML中一些特殊符號的表示方法

          &gt; 大于號    &guot;雙引號

          &lt; 小于號    &copy;出版社標記

          &nbsp;空格     &reg;注冊標記

          四、HTML的簡單結構

              <html>

                <head>

                     Head標記中用來定義網頁的一些公用信息和控制信息

              </head>

              <body>

              Body標記中定義的內容會在瀏覽器的主題窗口中顯示出來

              </body>

              </html>

          五、<HEAD>標記介紹

          1. <HEAD>中常用標記:

              <meta>(單獨標記):

              兩種用法:

              <meta name=”” content=””> <meta http-equiv=”” content=””>

              a.NmeHttp-equiv不弄同時存在在同一個<meta>標記中

              b.<meta>標記可以在<head>中不限次數的定義

              c.content屬性是用來補充說namehttp屬性中的具體內容的屬性

              d.name=”autor”時,content=“作者的名字

               name=”Keywords“時content=查詢關鍵字”

               name=”Descripition”時,content=“對網頁的描述信息“

               http-equiv =”pragma”時,content=no-cach”會產生禁用緩存的效果

              當http-equiv =”content-type”時,content=“字符集編碼會改變網頁的字符集

              當http-equiv =” content-language”時,content=“語言類型會改變網頁的語言

              當http-equiv =”refresh”時,content=“時間;URL”會產生隔固定時間自動刷新成URL的效果

          六、<BODY>標記介紹

          1.<BODY>屬性:

              a.txet:不是超鏈接字體的顏色

              b.link:超鏈接字體的顏色

              c.vlink:訪問過的超鏈接字體顏色

              d.alink:引動到超鏈接上字體的顏色

              e.bgcolor:背景顏色

              f.background:背景圖像

          2.<BODY>常用的基本標記

              a. <br>換行標記(單獨標記)

              b.<hr>水平標記<hr size=”” width=”” align=”” noshade>(單獨標記)

                              size會水平標尺的粗細,width為寬度(可以像素和百分比兩種表示方式)

                              align設置標尺的水平對齊方式,noshade(標示屬性)去除陰影

              c.<p>…</p>段落標記:會在前后自動加一個空行

              d.<pre>…</pre>原樣顯示文本標記

              e.<blockquote>…</ blockquote >縮進標記

              f. <hn>…</hn>標題標記:n1-7的數字,標題標記會在自己的開頭和結束加上一個空行

              g.<nobr>…</nobr>不換行標記

              h.塊標記:分為兩種

                  第一種是<div>…</div>;第二種是<span>…</span>

                  區別在于:<div>會給在手尾自動換行(在默認樣式下)

              I.字符集標記:

                  也分兩種:

                  第一種叫:實體標記;第二種叫:邏輯標記

                  區別在于:實體標記在不同的瀏覽器里表現形式一樣,而邏輯標記可能有所不同。

                  實體標記:<b>…</b>粗體、<i>…</i>斜體、<u>…</u>下劃線文字(3)

                  邏輯標記:<strong>…</ strong >強調、<address>…</ address >地址……

              g.無序列表:

                  <ul type=””>

                     <li>……

                     <li>……

                     ……

                  </ul>

                  當type=”disc|circle_square”時,列表項前面的符號會有所不同

              k.有序列表:

                  <ol type=”” start=””>

                     <li>……

                     <li>……

                     ……

                  </ol>

                  當type=”1|A|a|I|i”時,列表項前面的序號表示形式會有所不同

                  Start為序號的開始號碼。

              l.<front>…</front>字符標記

                  <front face=”” size=”” color=””>…</front>

                  Face:代表字體   size:符號的大小

                  Color:顏色,可以通過“英文”和“#FFFFFF”等兩種方式賦值

              m. <img>圖片標記(單獨標記)

                  <img src=”” align=”” width=”” height=”” title=”” alt=”” dynsrc=”” start=”” loop=””>

                  Src:圖片的路徑    align:文字的對齊方式(top"bottom"center)

                  Width:圖片寬度   heitht:圖片高度(默認為圖片實際大小)

                  Title:鼠標放上去后的提示文字   alt:圖片無法顯示時,代替顯示的文字

                  Dysrc:視頻文件播放路徑 start:視頻文件開始方式(mouseoverfileopen

                  Loop:視頻文件循環播放的次數(-1表示無限次)

          posted @ 2009-07-12 23:55 鑫龍 閱讀(1221) | 評論 (0)編輯 收藏

          文件夾導入與導出

               摘要: 1package homeWork.first;   2   3import java.io.File;   4import java.io.FileInputStream;   5import java.io.FileNotFoundException;  ...  閱讀全文

          posted @ 2009-05-24 00:21 鑫龍 閱讀(214) | 評論 (0)編輯 收藏

          學習java

          本人還是一個學生,但熱愛學習,熱愛java(雖然還不是很懂java),但真心的希望從這個跟大家互相學習,互相提高~!~呵呵

          posted @ 2009-05-23 01:21 鑫龍 閱讀(142) | 評論 (0)編輯 收藏

          主站蜘蛛池模板: 岳阳市| 惠东县| 达孜县| 商洛市| 汶上县| 南郑县| 常熟市| 临高县| 康乐县| 紫云| 泊头市| 阳信县| 井冈山市| 潍坊市| 沂南县| 贵溪市| 龙游县| 体育| 和田县| 宣恩县| 泽州县| 新营市| 甘泉县| 淮南市| 台湾省| 鱼台县| 黔西| 休宁县| 柳江县| 平安县| 涡阳县| 三亚市| 湾仔区| 仪征市| 洛宁县| 马龙县| 德钦县| 察哈| 西乌| 峨边| 都兰县|