day02知識點總結

2021-09-26 20:12:22 字數 4280 閱讀 6393

一、 **的標籤及屬性

table屬性

width、height 寬高(單位是畫素或百分比)

align 對齊

border 外邊框

bgcolor 背景色

background 背景

cellspacing 單元格間距(單元格和單元格的距離)

一般情況寫0

cellpadding 單元格邊距(**邊框與內容的距離) 一般情況寫0

tr屬性:

align 水平對齊

left/center/

right

valign 垂直對齊

top(上)/middle(中)/bottom(下)

bgcolor 背景色

td的基本屬性

width、height 寬高(單位是畫素或%)

align

valign 水平對齊、垂直對齊

bgcolor 背景色

background 指定背景

colspan 水平合併 合併多列

rowspan 垂直合併 合併多行

表頭th標籤

是特殊的單元格,文字會自動加粗、居中。它的用法是取代的位置即可

餐飲型別

主要菜系

** 中餐廳

生猛海鮮

1000元

**主體tbody標籤

t head **頁首(頭部)只能出現一次

t body **主體可以出現多次

t foot **頁尾(結尾)只能出現一次

以上三個標籤結合使用,可將**中的一行或幾行合成一組

….

….….

二、 表單屬性

表單的概念

表單在網頁中主要負責資料採集功能,表單的標記是:

表單的屬性

2 method屬性:設定表單的提交方法, 屬性值為get、post提交方式

3 name屬性:設定表單的名稱

4 target屬性:設定表單的開啟方式, 屬性值可以是_blank、_self。_self在原視窗中開啟,為預設值。_blank

在新視窗開啟

enctype:預設編碼 或者指定二進位製流 【附件的提交形式】

method的值為get:它是通過url來傳遞表單資料的,表單元素的資料在位址列可見,而且有大小限制,傳資料量小一般不大於2kb

method的值為post:它是通過請求正文傳遞表單資料的,url不可見表單元素資料,比較安全,而且沒有大小限制,但往往伺服器會控制

輸入標記

表單元素中輸入標籤是,常用屬性有type(型別)、name(名稱)、value(值)、checked(預設選中)

三、html常用表單控制項

文字框文字框:主要用於輸入單行文字內容。**如下:

**格式如下:

姓名:

效果如下:

賬號:

密碼框密碼框:主要用於輸入一些保密資訊,**格式如下:

**格式如下:

密碼:

效果如下:

密碼:分組:

使用者登入

單選框單選框主要是讓網頁瀏覽者在一組選項裡選擇乙個。

name屬性定義單選框的名稱,單選框都是以組為單位使用的,在同一組中的選項必須使用同一名稱【name=「gender」】。

**格式如下:

性別:男 

效果如下:

性別:男

核取方塊

核取方塊主要是讓網頁瀏覽者在一組選項裡同時選擇多個選項。

選中checked**格式如下:【disabled="disabled"足球】

愛好:讀書聽歌閱讀

如下:

興趣愛好:足球

籃球球**

擴充套件:隱藏域:

影象域:

檔案域檔案域主要是讓網頁瀏覽者上傳檔案。

**格式如下:

上傳檔案:

效果如下:

提交按鈕

提交按鈕用來將輸入的資訊提交到伺服器。value屬性定義按鈕的顯示文字。

**格式如下:

效果如下:

重置按鈕

重置按鈕用來重置表單中輸入的資訊。**格式如下:

效果如下:

input重置按鈕:

input提交按鈕:

input普通按鈕:

提交按鈕

重置按鈕

普通按鈕

影象域標記

**格式如下:

下拉列表

下拉列表主要用於在有限的空間裡設定多個選項。

下拉列表選中狀態給option新增 selected

**格式如下:

居住城市(

下拉列表):

北京

上海深圳

廈門

注:select標記的multiple屬性和size屬性不要求掌握。

列表框(提供多選ctrl+多選):

橙子 香蕉

西瓜檸檬

香梨

文字域標記及屬性

文字域主要用於輸入較長的文字資訊。

**格式如下:

效果:

cols屬性:定義文字域的寬度 (列)

rows屬性:定義文字域的高度 (行)

四、 html5新增表單控制項

html5文字框及placeholder屬性

當文字框處於未輸入狀態並且未獲取游標焦點時,模糊顯示輸入提示文字。

**格式如下:

效果如下:

html5文字框型別tel

提供專門用於輸入**號碼的文字框。它並不限定只輸入數字,因為很多的**號碼

還包括其他字元(如+ 、-、(、)等),如86-0536-8888888

**格式如下: pattern

屬性規定用於驗證輸入欄位的模式。模式指的是正規表示式 -->

**號碼:

**號碼:

效果如下:

html5 文字框型別

url **

url型別的input 元素提供用於輸入url位址這類特殊文字的文字框.當提交表單時,如果所輸入的內容是url位址格式的文字,則會提交資料到伺服器,如果不是url位址格式的文字,則不允許提交.

效果如下:

html5文字框型別number 數字 max最大值 min最小值 step步長

number型別的input 元素提供用於輸入數值的文字框.我們還可以設定對所接受數字的限制,包括規定允許的最大值和最小值、合法的數字間隔或預設值等。如果所輸入的數字不在限定範圍之內,則會出現錯誤提示。

**如下:

step(步長)屬性值倍數    max最大值      min最小值

效果如下:

html5文字框型別date

date型別的日期檢出器用於選取日、月、年,即選擇乙個具體的日期,如2023年3月4日,選擇後會以2016-03-04的形式顯示

**如下:

效果如下:

您的瀏覽器不支援video標籤。

your browser does not support this audio

format.

MYSQL知識點之Day02

分頁查詢 1.語法 limit 開始的索引,每頁查詢的條數 2.公式 開始的索引 當前的頁碼 1 每頁顯示的條數 每頁顯示3條記錄 select from student limit 0,3 第1頁 select from student limit 3,3 第2頁 select from stud...

hbase過濾及檢視資料知識點 day02

1.檢視乙個列族的資料 scan 表名 注 columns column 指向列 name 指向列族 2.修改列族列的版本數 alter 表名 注 有s顯示多個版本,沒s顯示最新版本 修改表中列族的的版本數 alter 表名 3.檢視多個列族的資料 scan 表名 4.過濾器 1.行鍵字首過濾器 行...

web課堂總結 day02

第一塊 frameset 描述 frameset沒有body dwll 用於標記右側欄 target 常用兩個屬性 1.blank 新建頁面開啟鏈結 2.self 在本身塊開啟 第二塊 iframe sohu 第三塊 的標籤及屬性 table屬性 width height 寬高 單位是畫素或百分比 ...