整合營(yíng)銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          簡(jiǎn)單的dom實(shí)例,html中輸入框與label標(biāo)簽的簡(jiǎn)單應(yīng)用 「304」

          0

          一、先在html做出這三個(gè)元素,輸入框,label標(biāo)簽,按鈕,用換行符br把它們分成單行。

          圖1

          二、dom操作,獲取元素對(duì)象,這里我用的是querySelector來(lái)獲取對(duì)象,對(duì)dom不太理解的同學(xué)可以看我的文【303】。

          圖2

          三、加一個(gè)按鈕點(diǎn)擊函數(shù)。

          圖3

          TML的作用

          HTML是用來(lái)開(kāi)發(fā)網(wǎng)頁(yè)的,它是開(kāi)發(fā)網(wǎng)頁(yè)的語(yǔ)言

          HTML的定義

          全稱HyperText Mark-up Language,超文本標(biāo)記語(yǔ)言

          標(biāo)記就是標(biāo)簽

          <標(biāo)簽名稱></標(biāo)簽名稱> 比如 <html></html> <h1></h1>等,標(biāo)簽大多數(shù)都是成對(duì)出現(xiàn)的。

          超文本 兩層含義:

          1. 因?yàn)榫W(wǎng)頁(yè)中還可以有圖片、視頻、音頻等內(nèi)容(超越文本限制)
          2. 它還可以在網(wǎng)頁(yè)中跳轉(zhuǎn)到另一個(gè)網(wǎng)頁(yè),與世界各地主機(jī)的網(wǎng)頁(yè)鏈接(超鏈接文本)

          HTML的基本結(jié)構(gòu)

          <!DOCTYPE html>
          <html>
              <head>
                  <meta charset="UTF-8">
                  <title>網(wǎng)頁(yè)標(biāo)題</title>
              </head>
              <body>
                  網(wǎng)頁(yè)顯示內(nèi)容
              </body>
          </html>

          第一行<!DOCTYPE html>是文檔聲明

          用來(lái)指定頁(yè)面所使用的html的版本, 這里聲明的是一個(gè)html5的文檔

          <html>...</html>標(biāo)簽是開(kāi)發(fā)人員在告訴瀏覽器

          整個(gè)網(wǎng)頁(yè)是從<html>這里開(kāi)始的,到</html>結(jié)束

          也就是html文檔的開(kāi)始和結(jié)束標(biāo)簽

          <head>...</head>標(biāo)簽用于定義文檔的頭部

          是負(fù)責(zé)對(duì)網(wǎng)頁(yè)進(jìn)行設(shè)置標(biāo)題、編碼格式以及引入css和js文件的

          <body>...</body>標(biāo)簽是編寫網(wǎng)頁(yè)上顯示的內(nèi)容

          網(wǎng)頁(yè)文件的后綴是.html, 一個(gè)html文件就是一個(gè)網(wǎng)頁(yè),html文件用編輯器打開(kāi)顯示的是文本,可以用文本的方式編輯它,如果用瀏覽器打開(kāi),瀏覽器會(huì)按照標(biāo)簽描述內(nèi)容將文件渲染成網(wǎng)頁(yè)

          VS Code 安裝

          VS Code全拼是 Visual Studio Code 是由微軟研發(fā)的一款免費(fèi)、開(kāi)源的跨平臺(tái)代碼編輯器

          目前是前端(網(wǎng)頁(yè))開(kāi)發(fā)使用最多的一款軟件開(kāi)發(fā)工具

          下載網(wǎng)址: https://code.visualstudio.com/Download

          選擇對(duì)應(yīng)的安裝包進(jìn)行下載:

          安裝一切默認(rèn)

          VS Code 的插件安裝

          • Chinese(Simplified) Language Pack for VS Code 中文漢化包
          • open in browser 右擊在瀏覽器打開(kāi)html

          常用的HTML標(biāo)簽

          1 標(biāo)簽不區(qū)分大小寫,但是推薦使用小寫

          2 根據(jù)標(biāo)簽的書寫形式,標(biāo)簽分為雙標(biāo)簽(閉合標(biāo)簽)和單標(biāo)簽(空標(biāo)簽) 2.1 雙標(biāo)簽是指由開(kāi)始標(biāo)簽和結(jié)束標(biāo)簽組成的一對(duì)標(biāo)簽,這種標(biāo)簽允許嵌套和承載內(nèi)容,比如: div標(biāo)簽 2.2 單標(biāo)簽是一個(gè)標(biāo)簽組成,沒(méi)有標(biāo)簽內(nèi)容, 比如: img標(biāo)簽

          標(biāo)簽的使用形式

          1. 成對(duì)出現(xiàn)的標(biāo)簽
          2. 標(biāo)簽的嵌套
          3. 單個(gè)出現(xiàn)的標(biāo)簽
          4. 帶屬性的標(biāo)簽


          列表標(biāo)簽

          1. 無(wú)序列表標(biāo)簽(ul標(biāo)簽)
          2. 有序列表標(biāo)簽(ol標(biāo)簽)

          網(wǎng)頁(yè)效果

          表格標(biāo)簽

          <table>標(biāo)簽:表示一個(gè)表格

          <tr>標(biāo)簽:表示表格中的一行

          <td>標(biāo)簽:表示表格中的列

          <th>標(biāo)簽:表示表格中的表頭

          屬性設(shè)置

          border: 1px solid black:設(shè)置邊框和顏色

          border-collapse: collapse:設(shè)置邊框合并



          網(wǎng)頁(yè)效果

          表單標(biāo)簽

          表單用于搜集不同類型的用戶輸入的數(shù)據(jù),然后可以把用戶數(shù)據(jù)提交到web服務(wù)器

          <form>標(biāo)簽 表示表單標(biāo)簽,定義整體的表單區(qū)域

          一個(gè)表單中有很多信息組成,比如 姓名,愛(ài)好,地址等,這些內(nèi)容有很多其他標(biāo)簽來(lái)承載

          這些標(biāo)簽稱為表單元素標(biāo)簽

          網(wǎng)頁(yè)效果

          表單提交

          表單用于搜集不同類型的用戶輸入的數(shù)據(jù),然后可以把用戶數(shù)據(jù)提交到web服務(wù)器

          • action屬性 設(shè)置表單數(shù)據(jù)提交地址
          • method屬性 設(shè)置表單提交的方式,一般有“GET”方式和“POST”方式, 不區(qū)分大小寫

          兩種方式的區(qū)別:

          • “GET”方式 : 沒(méi)有請(qǐng)求體
          • “POST”方式 : 有請(qǐng)求體

          表單元素屬性設(shè)置

          • name: 表單元素的名稱,用于作為提交表單數(shù)據(jù)時(shí)的參數(shù)名
          • value: 表單元素的值,用于作為提交表單數(shù)據(jù)時(shí)參數(shù)名所對(duì)應(yīng)的值

          <!DOCTYPE html>

          <html lang="en">

          <head>

          <meta charset="UTF-8">

          <meta name="viewport" content="width=device-width, initial-scale=1.0">

          <meta http-equiv="X-UA-Compatible" content="ie=edge">

          <title>Document</title>

          </head>

          <body>

          <!--

          姓名 type="text" 定義單行文本輸入框

          密碼 type="password" 定義密碼輸入框

          性別 type="radio" 定義單選框

          愛(ài)好 type="checkbox" 定義復(fù)選框

          照片 type="file" 定義上傳文件

          個(gè)人描述 <textarea></textarea> 定義多行文本輸入框

          地址 <select></select> 定義下拉列表

          提交 type="submit" 定義提交按鈕

          重置 type="reset" 定義重置按鈕

          按鈕 type="button" 定義一個(gè)普通按鈕

          -->

          <form action="http://192.168.1.106:8080" method="POST">

          <label>姓名:</label>

          <input type="text" name="username" >

          <br>

          <label>密碼:</label>

          <input type="password" name="password">

          <br>

          <label>性別:</label>

          <input type="radio" name="sex" value="1">男

          <input type="radio" name="sex" value="0">女

          <br>

          <label>愛(ài)好:</label>

          <input type="checkbox" name="like" value="睡覺(jué)">睡覺(jué)

          <input type="checkbox" name="like" value="吃飯">吃飯

          <input type="checkbox" name="like" value="打豆豆">打豆豆

          <br>

          <label>照片:</label>

          <input type="file" name="pic">

          <br>

          <label>個(gè)人描述:</label>

          <textarea name="desc"></textarea>

          <br>

          <label>地址:</label>

          <select name="addr">

          <option value="1">北京</option>

          <option value="2">上海</option>

          <option value="3">廣州</option>

          <option value="4">深圳</option>

          </select>

          <br>

          <input type="submit" value="提交">

          <input type="reset" value="重置">

          <input type="button" value="按鈕">

          </form>

          </body>

          </html>


          點(diǎn)擊提交:

          可以看到服務(wù)器收到了請(qǐng)求報(bào)文。

          、選擇題(1-18題各3分19-36題各2分,共92分)

          1.在HTML的<TD>標(biāo)簽中,align 屬性的取值是( C?。?/p>

          A. top ; B. middle ; C. center ; D. bottom

          <table border="1">

          <tr>

          <td width="100px">姓名</td>

          <td>性別</td>

          <td>年齡</td>

          </tr>

          <tr>

          <td>張三</td>

          <td>男</td>

          <td>20齡</td>

          </tr>

          </table>

          2. CSS樣式表根據(jù)所在網(wǎng)頁(yè)的位置,可分為( B )

          A.行內(nèi)樣式表、內(nèi)嵌樣式表、混合樣式表; B.行內(nèi)樣式表、內(nèi)嵌樣式表、外部樣式表;

          C.外部樣式表、內(nèi)嵌樣式表、導(dǎo)入樣式表; D.外部樣式表、混合樣式表、導(dǎo)入樣式表

          行內(nèi)樣式:

          <html>

          <body>

          <div style="width:100px;height:100px;background:red;"></div>>

          </body>

          </html>

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

          內(nèi)嵌樣式:

          <html>

          <head>

          <style type="text/css">

          #div{width:100px;height:100px;background:red;}

          </style>

          </head>

          <body>

          <div id="div"></div>

          </body>

          </html>

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

          外部樣式:

          <html>

          <head>

          <link rel="stylesheet" type="text/css" href="ccss.css">

          </head>

          <body>

          <div id="div"></div>>

          </body>

          </html>

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

          css文件

          #div{width:100px;height:100px;background:red;}

          #和.區(qū)別

          .點(diǎn)是使用class引用的,多個(gè)控件可以同時(shí)使用一個(gè)class,一個(gè)控件上也可以使用多個(gè)class,比如

          .tdRed{border:solid 1px red;}

          .tdBKBlue{background-color:blue;}

          <td class="tdRed" />

          <td class="tdRed tdBKBule"/>

          而ID是在一個(gè)頁(yè)面中唯一的

          總得來(lái)說(shuō)class表示泛性的,id表示個(gè)性的

          比如你所有的按鈕都是一個(gè)顏色的

          .normalButton{background-color:blue;border:solid 0px black;}

          對(duì)于提交按鈕會(huì)要做的大一點(diǎn)

          #submit{width:100px;height:100px;}

          那么你的按鈕就是

          <input type="button" id="submit" class="normalButton" value="提交" />

          普通的按鈕就是

          <input type="button" id="abcdefg" class="normalButton" value="普通按鈕" />

          3. 在插入圖片標(biāo)簽中,對(duì)插入的圖片進(jìn)行文字說(shuō)明使用的屬性是( D?。?/p>

          A.name; B.id; C.src; D. alt

          4. 對(duì)于<FORM action=″URL″ method=*>標(biāo)簽,其中*代表GET或( C )

          A.SET; B. PUT; C. POST ; D. INPUT

          Get和post區(qū)別

          安全性:POST比GET安全;

          編碼方式:POST方式提交時(shí)可以通過(guò)HTML文檔中的<META>元素設(shè)置實(shí)體部分的編碼方式,而GET方式提交時(shí)URI默認(rèn)的編碼方式為ISO-8859-1,不可以在頁(yè)面中設(shè)置;

          傳輸文件大?。篜OST方式提交文件放在實(shí)體部分傳輸,大小無(wú)上限,而GET方式提交文件內(nèi)容放在URI部分傳輸,最大為2KB;

          請(qǐng)求速度:GET比POST快。

          數(shù)據(jù)傳輸方式:GET:查詢字符串(名稱/值對(duì))是在 GET 請(qǐng)求的 URL 中發(fā)送的,如:/test/demo_form.asp?name1=value1&name2=value2;POST:查詢字符串(名稱/值對(duì))是在 POST 請(qǐng)求的 HTTP 消息主體中發(fā)送的。

          5. 下列標(biāo)簽可以不成對(duì)出現(xiàn)的是( B )

          A.〈HTML〉〈/HTML〉 ; B.〈P〉 〈/P〉; C.〈TITLE〉〈/TITLE〉 ; D.〈BODY〉〈/BODY〉

          <p>是段落標(biāo)簽。

          在HTML4.01中某些標(biāo)簽(<p><br>,<hr>,<img>, <input>,<link>等)允許不成對(duì)出現(xiàn),但是不推薦。在現(xiàn)在的瀏覽器里,都會(huì)“兼容”這些單標(biāo)簽。瀏覽器解釋<p>標(biāo)簽后,碰到一個(gè)不對(duì)應(yīng)的標(biāo)簽時(shí),會(huì)自動(dòng)填補(bǔ)</p>。所以<p>標(biāo)簽可以單標(biāo)簽使用,但不推薦。

          在HTML5中規(guī)定了元素必須始終關(guān)閉,也就是標(biāo)簽必須成對(duì)出現(xiàn)。

          6. 對(duì)于標(biāo)簽〈input type=*〉,如果希望實(shí)現(xiàn)密碼框效果,*值是( C

          A. hidden; B.text ; C. password ; D. submit

          7. HTML代碼<select name=“name”></select>表示?( D

          A. 創(chuàng)建表格 ; <table>

          B. 創(chuàng)建一個(gè)滾動(dòng)菜單; <marquee>

          C. 設(shè)置每個(gè)表單項(xiàng)的內(nèi)容;

          D.創(chuàng)建一個(gè)下拉菜單

          8. BODY元素用于背景顏色的屬性是( C?。?/p>

          A. alink ; B. vlink ; C. bgcolor; D. background

          9. 在表單中包含性別選項(xiàng),且默認(rèn)狀態(tài)為“男”被選中,下列正確的是( A )

          A. <input type=radio name=sex checked> 男 ; B.<input type=radio name=sex enabled>

          C.<input type=checkbox name=sex checked>男;

          D.nput type=checkbox name=sex enabled>男

          性別(單選框):<input type="radio" value="1" name="sex" checked="checked"/>男

          <input type="radio" value="2" name="sex"/>女

          角色(下拉框):<select name="role">

          <option value="1" selected="selected">教師</option>

          <option value="2">學(xué)生</option>

          </select>

          10. 在CSS中下面哪種方法表示超鏈接文字在鼠標(biāo)經(jīng)過(guò)時(shí),超鏈接文字無(wú)下劃線?( B?。?/p>

          A. A:link{TEXT-DECORATION: underline }; B. A:hover {TEXT-DECORATION: none};

          C. A:active {TEXT-DECORATION: blink }; D. A:visited {TEXT-DECORATION: overline }

          11. JavaScript代碼: 'abcdefg'.indexOf('D') 結(jié)果是( B )

          A:0 B:-1 C:3 D:4

          Js常用方法

          1.substr

          substr(start,length)表示從start位置開(kāi)始,截取length長(zhǎng)度的字符串。

          var src="images/off_1.png";

          alert(src.substr(7,3));

          彈出值為:off

          2.substring

          substring(start,end)表示從start到end之間的字符串,包括start位置的字符但是不包括end位置的字符。

          var src="images/off_1.png";

          alert(src.substring(7,10));

          彈出值為:off

          3.indexOF

          indexOf() 方法返回某個(gè)指定的字符串值在字符串中首次出現(xiàn)的位置(從左向右)。沒(méi)有匹配的則返回-1,否則返回首次出現(xiàn)位置的字符串的下標(biāo)值。

          var src="images/off_1.png";

          alert(src.indexOf('t'));

          alert(src.indexOf('i'));

          alert(src.indexOf('g'));

          彈出值依次為:-1,0,3

          4.lastIndexOf

          lastIndexOf()方法返回從右向左出現(xiàn)某個(gè)字符或字符串的首個(gè)字符索引值(與indexOf相反)

          var src="images/off_1.png";

          alert(src.lastIndexOf('/'));

          alert(src.lastIndexOf('g'));

          彈出值依次為:6,15

          5.split

          將一個(gè)字符串分割為子字符串,然后將結(jié)果作為字符串?dāng)?shù)組返回。

          以空格分割返回一個(gè)子字符串返回

          var s, ss;

          var s = "1,2,3,4";

          ss = s.split(",");

          alert(ss[0]);

          alert(ss[1]);

          12. <img src="name">的意思是?( A )

          A. 圖像相對(duì)于周圍的文本左對(duì)齊; B. 圖像相對(duì)于周圍的文本右對(duì)齊;

          C. 圖像相對(duì)于周圍的文本底部對(duì)齊; D. 圖像相對(duì)于周圍的文本頂部對(duì)齊

          13. 點(diǎn)擊按鈕,在ID為“Link”的DIV標(biāo)簽內(nèi)顯示東軟實(shí)訓(xùn)超鏈接, 下面對(duì)該按鈕的onClick事件函數(shù)描述正確的是:C

          A. Link.innerText='<a ;

          B. Link.outerText='<a ;

          C. Link.innerHTML='<a ;

          D. Link.outerHTML='<a

          innerHTML 設(shè)置或獲取位于對(duì)象起始和結(jié)束標(biāo)簽內(nèi)的

          HTML

          outerHTML 設(shè)置或獲取對(duì)象及其內(nèi)容的 HTML 形式

          innerText 設(shè)置或獲取位于對(duì)象起始和結(jié)束標(biāo)簽內(nèi)的文本

          outerText 設(shè)置(包括標(biāo)簽)或獲取(不包括標(biāo)簽)對(duì)象的文本

          innerText和outerText在獲取時(shí)是相同效果,但在設(shè)置時(shí),innerText僅設(shè)置標(biāo)簽內(nèi)的文本,而outerText設(shè)置包括標(biāo)簽在內(nèi)的文本

          14.(“24.7” + 2.3 ) 的計(jì)算結(jié)果是( C

          A. 27 ; B. 24.7 2.3; C. 24.72.3; D. 26.7

          15. ( B )事件處理程序可用于在用戶單擊按鈕時(shí)執(zhí)行函數(shù)

          A. onSubmit; B. onClick; C. onChange; D. onExit

          屬性當(dāng)以下情況發(fā)生時(shí),出現(xiàn)此事件onabort圖像加載被中斷onblur元素失去焦點(diǎn)onchange用戶改變域的內(nèi)容onclick鼠標(biāo)點(diǎn)擊某個(gè)對(duì)象ondblclick鼠標(biāo)雙擊某個(gè)對(duì)象onerror當(dāng)加載文檔或圖像時(shí)發(fā)生某個(gè)錯(cuò)誤onfocus元素獲得焦點(diǎn)onkeydown某個(gè)鍵盤的鍵被按下onkeypress某個(gè)鍵盤的鍵被按下或按住onkeyup某個(gè)鍵盤的鍵被松開(kāi)onload某個(gè)頁(yè)面或圖像被完成加載onmousedown某個(gè)鼠標(biāo)按鍵被按下onmousemove鼠標(biāo)被移動(dòng)onmouseout鼠標(biāo)從某元素移開(kāi)onmouseover鼠標(biāo)被移到某元素之上onmouseup某個(gè)鼠標(biāo)按鍵被松開(kāi)onreset重置按鈕被點(diǎn)擊onresize窗口或框架被調(diào)整尺寸onselect文本被選定onsubmit提交按鈕被點(diǎn)擊onunload用戶退出頁(yè)面

          16. 用戶更改表單元素 Select 中的值時(shí),就會(huì)調(diào)用( D )事件處理程序

          A. onClick; B. onFocus; C. onMouseOver; D. onChange

          17.onMouseUp 事件處理程序表示( A

          A. 鼠標(biāo)被釋放; B. 鼠標(biāo)按下; C. 鼠標(biāo)離開(kāi)某個(gè)區(qū)域; D. 鼠標(biāo)單擊

          18. 下列哪一項(xiàng)表示的不是按鈕( C

          A. type="submit"; B. type="reset"; C. type="image"; D. type="button"

          <img src="/i/eg_tulip.jpg" alt="上海鮮花港 - 郁金香" />

          19.下面哪一項(xiàng)是換行符標(biāo)簽?( C

          A. <body>; B. <font>; C. <br>; D. <p>

          font規(guī)定文本字體、大小和顏色:

          <font size="3" color="red">This is some text!</font>

          <font size="2" color="blue">This is some text!</font>

          <font face="verdana" color="green">This is some text!</font>

          20. 下列哪一項(xiàng)是在新窗口中打開(kāi)網(wǎng)頁(yè)文檔。( B

          A. _self; B. _blank; C. _top; D. _parent

          _blank在新窗口中打開(kāi)被鏈接文檔;

          _self是指在本身這個(gè)網(wǎng)頁(yè)窗口來(lái)打開(kāi)新的網(wǎng)頁(yè)鏈接;

          _top表示在頂層窗口打開(kāi)網(wǎng)頁(yè)鏈接,即在整個(gè)窗口中打開(kāi)被鏈接文檔;

          _parent表示在父窗口打開(kāi)網(wǎng)頁(yè)鏈接;

          <a target="_blank">Visit W3School!</a>onclick="javascript:window.open('Default.aspx','_blank');"

          21. 下面說(shuō)法錯(cuò)誤的是( D )

          A. CSS樣式表可以將格式和結(jié)構(gòu)分離;

          B. CSS樣式表可以控制頁(yè)面的布局;

          C. CSS樣式表可以使許多網(wǎng)頁(yè)同時(shí)更新;

          D. CSS樣式表不能制作體積更小下載更快的網(wǎng)頁(yè)

          CSS樣式表能為我們實(shí)現(xiàn)些什么樣的功能?

          1、你可以將格式和結(jié)構(gòu)分離。

          2、你可以以前所未有的能力控制頁(yè)面布局。

          3、你可以制作體積更小下載更快的網(wǎng)頁(yè)。

          4、你可以將許多網(wǎng)頁(yè)同時(shí)更新,比以前更快更容易。

          5、瀏覽器將成為你更友好的界面

          將格式和結(jié)構(gòu)分離

          HTML從來(lái)沒(méi)打算控制網(wǎng)頁(yè)的格式或外觀。這種語(yǔ)言定義了網(wǎng)頁(yè)的結(jié)構(gòu)和各要素的功能,而讓瀏覽器自己決定應(yīng)該讓各要素以何種模樣顯示。 但是網(wǎng)頁(yè)設(shè)計(jì)者要求的更多。所以當(dāng) Netscape推出新的可以控制網(wǎng)頁(yè)外觀的HTML標(biāo)簽時(shí),網(wǎng)頁(yè)設(shè)計(jì)者無(wú)不歡呼雀躍。 我們可以用<FONT FACE>、<I>包在<P>外邊控制文章主體的外觀等等。然后我們將所有東西都放入表格,用隱式GIF空格 產(chǎn)生一個(gè)20象素的邊距。一切都變得亂七八糟。編碼變得越來(lái)越臃腫不堪,要想將什么內(nèi)容迅速加到網(wǎng)頁(yè)中變得越來(lái)越難。 串接樣式表通過(guò)將定義結(jié)構(gòu)的部分和定義格式的部分分離使我們能夠?qū)?yè)面的布局施加更多的控制。HTML仍可以保持簡(jiǎn)單明了的初衷。CSS代碼獨(dú)立出來(lái)從另一角度控制頁(yè)面外觀。

          以前所未有的能力控制頁(yè)面的布局

          <FONT SIZE>能使我們調(diào)整字號(hào),表格標(biāo)簽幫助我們生成邊距,這都沒(méi)錯(cuò)。但是,我們對(duì)HTML總體上的控制卻很有限。我們不可能精確地生成80象素的高度,不可能控制行間距或字間距,我們不能在屏幕上精確定位圖象的位置。但是現(xiàn)在,樣式表使這一切都成為可能。

          可以制作出體積更小下載更快的網(wǎng)頁(yè)還有更好的消息:

          樣式表只是簡(jiǎn)單的文本,就象HTML那樣。它不需要圖象,不需要執(zhí)行程序,不需要插件,不需要流式。它就象HTML指令那樣快。有了CSS之后,以前必須求助于GIF的事情現(xiàn)在通過(guò)CSS就可以實(shí)現(xiàn)。還有,正如我先前提到的,使用串接樣式表可以減 少表格標(biāo)簽及其它加大HTML體積的代碼, 減少圖象用量從而減少文件尺寸。

          可以更快更容易地維護(hù)及更新大量的網(wǎng)頁(yè)

          沒(méi)有樣式表時(shí),如果我想更新整個(gè)站點(diǎn)中所有主體文本的字體,我必須一頁(yè)一頁(yè)地修改每張網(wǎng)頁(yè)。即便站點(diǎn)用數(shù)據(jù)庫(kù)提供服務(wù),我仍然需要更新所有的模板, 而且更新每一模板中每一個(gè)實(shí)例實(shí)例的 <FONT FACE>。樣式表的主旨就是將格式和結(jié)構(gòu)分離。 利于樣式表,我可以將站點(diǎn)上所有的網(wǎng) 頁(yè)都指向單一的一個(gè)CSS文件,我只要 修改CSS文件中某一行,那么整個(gè)站點(diǎn) 都會(huì)隨之發(fā)生變動(dòng)。

          瀏覽器將成為你更友好的界面

          不象其它的的網(wǎng)絡(luò)技術(shù),樣式表的代碼 有很好的兼容性,也就是說(shuō),如果用戶 丟失了某個(gè)插件時(shí)不會(huì)發(fā)生中斷,或者 使用老版本的瀏覽器時(shí)代碼不會(huì)出現(xiàn)雜 亂無(wú)章的情況。 只要是可以識(shí)別串接樣式表的瀏覽器就 可以應(yīng)用它。

          22. 要使表格的邊框不顯示,應(yīng)設(shè)置border的值是( B )

          A. 1; B. 0; C. 2; D. 3

          23. 如果要在表單里創(chuàng)建一個(gè)普通文本框,以下寫法中正確的是( A )

          A. <INPUT>; B. <INPUT type="password">;

          C. <INPUT type="checkbox">; D. <INPUT type="radio">

          24. 以下有關(guān)按鈕的說(shuō)法中,錯(cuò)誤的是( B )

          A. 可以用圖像作為提交按鈕; B. 可以用圖像作為重置按鈕;

          C. 可以控制提交按鈕上的顯示文字; D. 可以控制重置按鈕上的顯示文字。

          <input type="image" src="pic.jpg" onclick="fangfa();"/>

          function fangfa(){

          document.formname.submit();

          document.formname.reset();

          }


          主站蜘蛛池模板: 人妻无码视频一区二区三区 | 亚洲一区二区三区免费| 国产在线一区二区三区av| 亚洲啪啪综合AV一区| 国产SUV精品一区二区88L| 老熟妇仑乱一区二区视頻| 国产一区二区精品久久| 国产不卡视频一区二区三区| 日韩a无吗一区二区三区| 亚洲中文字幕久久久一区| 日韩精品乱码AV一区二区| 日本亚洲成高清一区二区三区| 一区二区三区在线播放视频| 午夜爽爽性刺激一区二区视频| 午夜福利无码一区二区| 在线成人一区二区| 日韩一区二区视频在线观看| 色噜噜狠狠一区二区| 99精品国产高清一区二区麻豆| 99久久人妻精品免费一区| 日韩人妻不卡一区二区三区 | 久久亚洲AV午夜福利精品一区| 99精品国产一区二区三区| 久久久国产一区二区三区| 精品视频一区二区三区四区五区| 日本中文一区二区三区亚洲| 色噜噜一区二区三区| A国产一区二区免费入口| 中文字幕在线无码一区| 亚洲国产精品一区二区第一页 | 一本大道东京热无码一区| 久久国产精品视频一区| 日韩一区二区三区无码影院| 亚洲丰满熟女一区二区哦| 色屁屁一区二区三区视频国产| 国产成人精品无码一区二区老年人| 精品理论片一区二区三区| 中文字幕在线观看一区二区 | 一区二区高清在线| 国产日韩精品一区二区三区在线| 亚洲AV无码一区二区三区系列|