html

          ???(哎..終于還是降級了..只能從HTML重新學過了..哎..學習終究是不能騙自己的..好好學習吧!~~...)
          ???HTML我是用TopStyle來寫.CSS是2.0..(我知道是廢話...)
          ???要在HTML里面寫個button or test就很簡單了..
          ???就是在<head>里寫 <form action="#"(這個表示發到哪里.."#"表示提交到當前頁面) method="post" (這個是發送方法,一共有2種.一種是GET.這個方法相對比較不安全.因為它會把你提交的信息以一個"?"打頭粘到URL后面第2種就是POST.這個就比較安全了.你所提交的東西是在URL上是看不到的)>
          ???然后<input type="button"(這如果填TEST就是TEST了) id="bt1" name="bt1"(ID跟NAME最好都寫上,這個是好習慣,在以后會很有用.ID跟NAME可以不一樣) value="登錄"(這個就是你BUTTON上顯示的字.)>
          相同..<input type="text" id="te2" name="te2">...
          ???如果要想寫個單選框或者復選框.
          ?? <input type="checkbox"(CHECKBOX就是復選框) id="cb1" name="cb1">記住我(表示你復選框后面跟的字).怎么樣讓你的這個復選框為默認呢?就在<input>里添上一個checked="checked".如果不能選就添上一個disabled="disabled".
          ???接下來是單選框.其他的都跟復選框一樣,唯一不同的就是.在type=""填"radio".
          ???除此之外,還有password(跟TEST有點像,不同的是輸入信息是以星星的形式) submit(跟button,reset是一組.按了submit整個表單都提交了) reset(重置) file(上傳文件) image(圖片 后跟src=""選擇URL)
          ????選擇框.
          ???<select>
          ???<option value="sh">上海</option>
          ???<option value="sh">成都</option>
          ???<option value="sh">廣州</option>
          ???</select>
          ?? 也可以<select size="5"(表示同時有幾個被選項可以在不拉滾動條的情況下直接選擇) multiple="multiple"(可以多選 在按中SHIFT的情況下)>
          ??? 多行輸入的文本框????
          ???????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????? <textarea cols="10" rows="10"(設置長寬不用說了.)></textarea>
          ??? 最后1個是一個框框把你想框的內容全部框住,并且可以取個標題.
          ??? <fieldset>
          ??????<legend>dsada</legend>
          ????</fieldset>
          ??? <fieldset>?</fieldset>這個標簽中間放你想被框的內容.<legend></legend>這個標簽中間寫標題名.
          ???
          ??? CSS我簡單說一下.CSS是樣式層疊表..它確實是層疊的.關于盒式模型的布局屬性一共有三種. margin: border:? padding: .margin: 是調整邊框和邊框的距離.border:是調整邊框的厚度.padding:是調整邊框跟內容之間的距離.
          ???? 以下是我用CSS以及HTML寫的一個網頁的代碼.
          ??????<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "

          <html>
          ?<head>
          ??<!-- Created by TopStyle Pro Trial Version -
          www.bradsoft.com -->
          ??<title>用戶注冊</title>?
          ??<style>
          ??#a,#b,#d,#e,#i,#j
          ??{
          ??? ?padding:;
          ???padding-left: 208px;
          ??}
          ??
          ??#c
          ??{
          ???padding: 30px;
          ???padding-left: 208px;
          ??}
          ??
          ??#f
          ??{
          ???padding:;
          ???padding-left: 193px;
          ??}
          ??
          ??#h
          ??{
          ???padding:;
          ???padding-left: 193px;
          ??}
          ??
          ??#g
          ??{
          ???padding:;
          ???padding-left: 224px;
          ??}
          ??
          ??? #f2
          ??{
          ??? ?margin:;
          ???margin-bottom: 29px;
          ???margin-left: 31px;
          ???margin-right: 43px;
          ??}
          ??
          ??? #f3
          ??{
          ??? ?margin:;
          ???margin-bottom: 29px;
          ???margin-left: 31px;
          ???margin-right: 43px;
          ??}
          ??
          ??#bt1
          ??{
          ???margin:;
          ???margin-left: 36px;
          ??}
          ??
          ??#cb1
          ??{
          ???margin:;
          ???margin-left: 30px;
          ??}
          ??
          ??/*#f4
          ??{
          ??
          ???? margin:;
          ???margin-right: 778px;
          ??}*/
          ??
          ??#f5
          ??{
          ???margin:;
          ???margin-right: 778px;
          ??}
          ??</style>
          ?
          ?</head>

          ?<body>
          ??<form action="#" method="post">
          ???<fieldset id="f1">
          ???<h2>已注冊用戶登錄</h2>
          ???<fieldset id="f2">
          ????<legend >
          ?????<h3 >登錄用戶</h3 >
          ????</legend>
          ????
          ????<p id="a" >用戶名
          ?????<input type="text" id="te1" name="te1">
          ????</p>

          ????<p id="b">密&nbsp&nbsp碼
          ?????<input type="text" id="te2" name="te2">
          ????</p>
          ????
          ????<p id="c">
          ?????<input type="checkbox" id="cb1" name="cb1">記住我
          ?????<input type="button" id="bt1" name="bt1" value="登錄">
          ????</p>
          ????</fieldset>

          ???<h2>未注冊創建帳戶</h2>
          ????<fieldset id="f3">
          ?????<legend >
          ??????<h3><fieldset id="f5">用戶注冊</fieldset></h3>?
          ?????</legend>
          ?????
          ?????<p id="d">
          ??????<h4>您的電子郵箱不會被公布出去,但是必須填寫.</h4>在您注冊之前請先認真閱讀服務條款
          ?????</p>
          ?????
          ?????<p id="e">用戶名
          ??????<input type="text" id="te3" name="te3">*(最多30個字符)
          ?????</p>

          ?????<p id="f">電子郵箱
          ??????<input type="text" id="te4" name="te4">*
          ?????</p>
          ?????
          ?????<p id="g">密碼
          ??????<input type="text" id="te5" name="te5">*(最多15個字符)
          ?????</p>

          ?????<p id="h">重復密碼
          ??????<input type="text" id="te6" name="te6">*
          ?????</p>

          ?????<p id="i">同意服務條款
          ??????<input type="checkbox" id="cb2" name="cb2">先看看條款?*
          ?????</p>

          ?????<p id="j">
          ??????<input type="submit" id="bt2" name="bt2" value="提交">
          ??????<input type="reset" id="bt3" name="bt3" value="重置">
          ?????</p>
          ?????
          ?????<h3>*在提交您的注冊信息時,我們認為您已經同意了我們的服務條款</h3>
          ?????<h3>*這些條款可能在未經您同意的時候進行修改</h3>
          ???
          ???</fieldset>
          ??</form>
          ?</body>
          </html>


          ? 以上便是我的總結!

          posted on 2006-11-28 16:49 閱讀(337) 評論(0)  編輯  收藏


          只有注冊用戶登錄后才能發表評論。


          網站導航:
           
          <2006年11月>
          2930311234
          567891011
          12131415161718
          19202122232425
          262728293012
          3456789

          導航

          統計

          常用鏈接

          留言簿(1)

          隨筆檔案

          搜索

          最新評論

          閱讀排行榜

          評論排行榜

          主站蜘蛛池模板: 页游| 太白县| 新民市| 如皋市| 竹北市| 砀山县| 东平县| 盐城市| 焦作市| 松溪县| 抚松县| 七台河市| 宁城县| 富宁县| 南昌县| 隆尧县| 高陵县| 广水市| 武安市| 成都市| 明水县| 松潘县| 肇东市| 德化县| 琼结县| 西青区| 鹰潭市| 内乡县| 洱源县| 弥渡县| 台北县| 中西区| 门头沟区| 淮安市| 山西省| 鱼台县| 桐城市| 长葛市| 顺平县| 特克斯县| 宣汉县|