Web第二天學習

2021-08-20 20:58:26 字數 3477 閱讀 2343

總結:在學習的第二天,比較困難的是在框架的巢狀每次都會混肴。這算是我的乙個需要攻克的坎。然後接下來的這些筆記是從我同學的copy過來的,因為他整理的比我的好。在此文最下面會有關於上課的疑問的答疑:在html中get和post的區別

html**

一、table標籤

1、tabl屬性

(1)tr:行(table row)

(2)td:列 (table data)

(3)th:**的表頭名稱,與不同在於文字採用加粗居中的形式顯示(table head)

(4)table**

(5)border邊框尺寸 

(6)cellspacing單元格間距

(7)cellpadding內容和單元格邊框距離

(8)align="center"居中屬性

(9)bgcolor背景顏色

(10)width**的寬度,可以用%或者畫素,

(11)caption**的標題

(12)rowspan單元格豎跨多少行,作用在th或者td上

(13)colspan單元格橫跨多少列(即合併單元格),作用在th或者td上

二、表單標籤

1、form屬性

(1)action表單要提交的位址,用於處理表單的內容。

(2)method提交的方法,預設是get方式提交。

(3)get:1.提交的鍵值對.放在位址列中url後面. 2.安全性相對較差. 3.對提交內容的長度有限制.

(4)post:1.提交的鍵值對不在位址列. 2.安全性相對較高. 3.對提交內容的長度理論上無限制.

三、表單元素

1、input type標籤

(1)text文字框輸入(預設text文字框型別)。

(2)password密碼框。(以下屬性text和password共有)

(3)maxlength(type為text或password時,表示輸入的最大字元數),有利於防止sql的注入攻擊

(4)radio單選按鈕。屬性:

?name(將name的值設定為相同值,才表示一組資料,才能實現單選功能)

?value(必須要寫,提交到伺服器的key值,實際開發過程中value一般是編號)

?checked(是否被選中的狀態)

?(5)checkbox核取方塊。

name(名字一定要一樣一樣的,才表示是一組資料,新增到同一value值列表提交到伺服器)value提交到伺服器的key值

checked(是否被選中的狀態)

(6)file檔案域,上傳檔案

(7)submit提交按鈕,用於提交表單

(8)reset重置按鈕,清空表單的輸入,恢復到表單預設的狀態

(9)button普通按鈕

(10)image按鈕,用來提交表單,與submit是一樣的效果src(路徑)

(11)hidden隱藏字段。

(12)value隱藏的內容

(13)name表單提交項的key

(14)cols(設定文字域寬度)

(15)rows(設定文字域高度,即行數)

三、下拉框標籤

1、(1)name:表單提交項的key

(2)size:選項個數

(3)multiple:多選

(4)下拉選中的每一項

(5)value(表單提交項的值)

(6)selected(selected下拉選預設被選中)

2、value: 表單提交項的值

對於不同的輸入型別,value 屬性的用法也不同:

??? type="button", "reset", "submit" - 定義按鈕上的顯示的文字

??? type="text", "password", "hidden" - 定義輸入欄位的初始值

??? type="checkbox", "radio", "image" - 定義與輸入相關聯的值

框架一、框架

1、用來劃分窗體,不能放在中,否則沒有效果。

(1)cols(縱向分割頁面。其數值表示方法有三種:「30%、30(或者30px)、*」;數值的個數代表分成的視窗數目且數值之間用「,」隔開。「30%」表示該框架區域佔全部瀏覽器頁面區域的30%;「30」表示該區域橫向寬度為30畫素;「*」表示該區域占用餘下頁面空間。例如:cols="25%,200,*" 表示將頁面分為三部分,左面部分佔頁面30%,中間橫向寬度為200畫素,頁面餘下的作為右面部分。)

(2)rows橫向分割頁面。屬性和cols一樣

(3)frameborder設定是否顯示框架邊框。設定值只有0、1;0 表示不要邊框,1 表示要顯示邊框)

(4)border框架之間的距離,一般設定為0

(5)bordercolor邊框的顏色

(6)framespacing設定框架與框架間的保留的空白距離

第乙個框架佔整個瀏覽器視窗的40%,剩下的空間平均分配給另外兩個框架。

瀏覽器視窗等分為四部分。

二、框架

(1)name設定框架名稱。此為必須設定的屬性

(2)src設定此框架要顯示的網頁名稱或路徑。此為必須設定的屬性

(3)scrolling設定是否要顯示滾動條。設定值為auto, yes, no

(4)bordercolor 設定框架的邊框顏色

(5)frameborder 設定是否顯示框架邊框。設定值只有0、1;0 表示不要邊框,1 表示要顯示邊框

(6)noresize 設定框架大小是否能手動調

(7)marginwidth 設定框架邊界和其中內容之間的寬度

(8)marginhight 設定框架邊界和其中內容之間的高度

(9)width設定框架寬度

(10)height 設定框架高關於get和post的區別:

二者主要區別如下: 1、get是用來從伺服器上獲得資料,而post是用來向伺服器上傳遞資料。

2、get將表單中資料的按照variable=value的形式,新增到action所指向的url後面,

並且兩者使用「?」連線,而各個變數之間使用「&」連線;post是將表單中的資料放在form的資料體中,

按照變數和值相對應的方式,傳遞到action所指向url。 

3、get是不安全的,因為在傳輸過程,資料被放在請求的url中,而如今現有的很多伺服器、

**伺服器或者使用者**都會將請求url記錄到日誌檔案中,然後放在某個地方,這樣就可能會有一些隱私的資訊被第三方看到。

另外,使用者也可以在瀏覽器上直接看到提交的資料,一些系統內部訊息將會一同顯示在使用者面前。post的所有操作對使用者來說都是不可見的。

4、get傳輸的資料量小,這主要是因為受url長度限制;而post可以傳輸大量的資料,

所以在上傳檔案只能使用post(當然還有乙個原因,將在後面的提到)。 

5、get限制form表單的資料集的值必須為ascii字元;而post支援整個iso10646字符集。 

6、get是form的預設方法。

二、從html中傳送資料,在asp中如何接收? 

在form表單的action屬性值裡面有乙個相對路徑指向asp檔案。就是用這個asp檔案來接收和處理的。

Web學習第二天

用來獲取使用者輸入資訊的標籤,其屬性如下 type 屬性值有很多,並且不同的屬性值會顯示出不同的樣式 text 文字框,輸入文字 如何在input中沒有設定type屬性,預設就是text password 密碼框 定義密文字段 radio 單選按鈕 注意 name要寫成一樣,才能做到單一選擇 che...

學習web前端第二天

今天學習的也是html,今天一天就把html所有的內容講完了,下午的時候硬體出了點問題一下午都沒學到什麼東西,但是html算是學完了接下來該學css了.接下來開始說我們今天學習的內容 首先是 的標籤和屬性1.table屬性 width是高 height是寬 align是對齊分左對齊left右對齊ri...

web開發第二天

flask bootstrap基模板 修改my.cnf mysql插入中文失敗解決辦法 property 增加了資料庫和郵件基本功能,遇到的問題都在上面,使用werkzeug實現了密碼雜湊 渲染登入表單 登入 rel stylesheet type text css href class conta...