html

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

          <html>
          ?<head>
          ??<!-- Created by TopStyle Pro Trial Version -
          www.bradsoft.com -->
          ??<title>用戶注冊(cè)</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>已注冊(cè)用戶登錄</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>未注冊(cè)創(chuàng)建帳戶</h2>
          ????<fieldset id="f3">
          ?????<legend >
          ??????<h3><fieldset id="f5">用戶注冊(cè)</fieldset></h3>?
          ?????</legend>
          ?????
          ?????<p id="d">
          ??????<h4>您的電子郵箱不會(huì)被公布出去,但是必須填寫.</h4>在您注冊(cè)之前請(qǐng)先認(rèn)真閱讀服務(wù)條款
          ?????</p>
          ?????
          ?????<p id="e">用戶名
          ??????<input type="text" id="te3" name="te3">*(最多30個(gè)字符)
          ?????</p>

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

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

          ?????<p id="i">同意服務(wù)條款
          ??????<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>*在提交您的注冊(cè)信息時(shí),我們認(rèn)為您已經(jīng)同意了我們的服務(wù)條款</h3>
          ?????<h3>*這些條款可能在未經(jīng)您同意的時(shí)候進(jìn)行修改</h3>
          ???
          ???</fieldset>
          ??</form>
          ?</body>
          </html>


          ? 以上便是我的總結(jié)!

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


          只有注冊(cè)用戶登錄后才能發(fā)表評(píng)論。


          網(wǎng)站導(dǎo)航:
           
          <2006年11月>
          2930311234
          567891011
          12131415161718
          19202122232425
          262728293012
          3456789

          導(dǎo)航

          統(tǒng)計(jì)

          常用鏈接

          留言簿(1)

          隨筆檔案

          搜索

          最新評(píng)論

          閱讀排行榜

          評(píng)論排行榜

          主站蜘蛛池模板: 黄骅市| 龙海市| 上饶市| 弋阳县| 潞西市| 乌审旗| 辽源市| 锦州市| 新巴尔虎右旗| 纳雍县| 台南市| 谢通门县| 芦溪县| 冀州市| 沙坪坝区| 朝阳市| 隆林| 涪陵区| 长海县| 溆浦县| 五家渠市| 桐庐县| 芦山县| 城步| 抚松县| 盘锦市| 溧阳市| 浏阳市| 织金县| 扎囊县| 阿克苏市| 延边| 波密县| 阿拉尔市| 顺平县| 云林县| 盐源县| 鹤山市| 永泰县| 凤翔县| 禹城市|