web第13 14章總結

2021-10-23 10:16:51 字數 2327 閱讀 6569

html**用來建立**資料結構。table:建立**,tr:行,th:行或列表頭的資料單元格,td:列,caption:表頭。

border-spacing:邊框間距——單元格之間的空間。padding:內邊距——資料與邊框之間的距離。border:邊框。都可以用css控制。

text-align和vertical-align改變單元格中資料的對齊方式。

.mid
border-collapse:collapse——合併邊框。

background-color:給**增加背景顏色。

css的nth-child偽類可以為**隔行增加背景顏色

tr:nth-child(odd)
如果單元格中沒有資料,也需要使用乙個td元素維持**的對齊。

資料單元格需要跨多行或者多列,可以使用td元素的rowspan或colspan屬性。

可以在**中巢狀**,把table元素放在乙個資料單元格中。呼叫時候用子孫選擇器table table th。

設定**寬度:width: 50%;

`margin: 0 auto;/***居中*/`

**應當用於表示**資料,而不是建立頁面布局。使用css**建立頁面布局。

list-style-type:改變列表標記型別,list-style-image:指定列表標記影象。

form元素定義了表單,所有表單輸入元素都巢狀在這個元素中。

action屬性包含伺服器指令碼的url,method屬性包含傳送表單資料的方法,可以是post或get。

post打包表單資料。把它作為請求的一部分傳送到伺服器,可傳遞敏感資訊;get打包表單資料,並把資料追加到url,只能傳遞2048個byte。

如果表單資料私有或者資料很多,如使用了textarea或者file元素,就應該使用post。對於可以加書籤的請求,就使用get。

input元素可以作為多種不同的輸入控制項,取決於它的type屬性值。type為text:建立單行文字輸入框,submit:建立提交按鈕,radio:建立乙個單選鈕(互斥),checkbox:核取方塊控制項,number:只允許數字字元的單行文字輸入控制項,range:滑動控制項提供數字輸入,color:建立顏色選擇器,date:建立日期選擇器,min,max——日期上下限,datetime:日期+時間;email、url、tel型別建立單行文字輸入,在瀏覽器上會出現定製鍵盤來方便資料輸入,textarea:多行文字輸入rows,cols:行列控制。select:建立乙個選單,包含乙個或多個option元素(定義選單項);selected:設定在option,預設選擇;size屬性:多項顯示,multiple:可多選;fieldset,legend:分組說明。

reset:重置按鈕,變成初始值。

提交按鈕是設定value屬性可以改變按鈕上顯示的文字。

checked屬性:預設選中

提交乙個web表單時,表單資料值與相應的資料名配對,名和值會傳送到伺服器。

由於表單有**結構,可以用css**顯示來建立布局。

html允許用fieldset元素組織表單元素,legend提供標籤。

label元素以一種提高可訪問性的方式關聯標籤與表單元素。

placeholder屬性:提示在輸入域輸入什麼內容。

required屬性:指示乙個輸入域是必要的(提交前必須輸入資料)

password:輸入文字加掩碼。

autocomplete屬性:自動填充,補全,on/off.

novalidate:後端不會驗證輸入是否合法(form元素的屬性)。

file:選擇檔案上傳。

step:步長,number:數字。

input元素:readonly:唯讀屬性;value:值;disabled:無法使用(變灰);maxlength:可顯示最大長度。

formaction:提交到其他的指令碼處理。

formenctype:以某種編碼方式上傳檔案。

formtarget=「_blank」:返回結果在新頁面顯示。

formnovalidate:input元素的屬性。

偽元素和偽類類似,例:p:first-letter第乙個字母放大p:first-line第一行設定為斜體屬性選擇器:img【width】選擇html中所有包含乙個width屬性的影象按兄弟選擇:h1+p——h1後面的段落。結合選擇器:.blueberry p 選擇blueberry子孫的所有段落。

複雜選擇器的構造:div#greentea>blockquote p:first-line 上下文+元素。

畫圖:canvas標籤。

web第4 6章總結

把 發布到web上,最好的方法是找一家託管公司託管你的web頁面。www.yue.com 加粗的是伺服器的名字,斜體部分是網域名稱,網域名稱是乙個唯一的名字,用來唯一標識 檔案傳輸協議 ftp 是向伺服器傳輸web頁面和內容的常用方法。見130頁。http稱為超文字傳輸協議,是乙個請求和響應協議,用...

web第7 9章總結

css包含一些簡單語句,稱為規則 rule 每個規則為選擇的一些html提供樣式。例 h1,h2,h1,h2叫做選擇器,樣式應用到h1和h2元素。要在html中包含乙個樣式,最容易的辦法就是使用style標記,對於html以及相當複雜的 可能要鏈結到乙個外部樣式表。樣式表中去掉style。再在htm...

第20章 Web程式設計 1

20.1 介紹 20.1.1 web應用 客戶端 伺服器計算 web客戶端和伺服器端互動使用的 語言 web互動的標準協議是http 超文字傳輸協議 http協議是tcp ip協議的上層協議,這意味著http協議依靠tcp ip協議來進行底層的交流工作。它的職責不是路由或者傳遞訊息 tcp ip協議...