一、 **的標籤及屬性table屬性width、height 寬高(單位是畫素或百分比)align 對齊border 外邊框bgcolor 背景色background 背景cellspacing 單元格間距(單元格和單元格的距離) 一般情況寫0cellpadding 單元格邊距(**邊框與內容的距離) 一般情況寫0 1. tr屬性:align 水平對齊left/center/ rightvalign 垂直對齊top(上)/middle(中)/bottom(下)bgcolor 背景色 2. td的基本屬性width、height 寬高(單位是畫素或%)align valign 水平對齊、垂直對齊bgcolor 背景色background 指定背景colspan 水平合併 合併多列rowspan 垂直合併 合併多行 3. 表頭th標籤 是特殊的單元格,文字會自動加粗、居中。它的用法是取代的位置即可
餐飲型別
主要菜系
**中餐廳
生猛海鮮
1000元
**主體tbody標籤t head **頁首(頭部)只能出現一次t body **主體可以出現多次t foot **頁尾(結尾)只能出現一次 以上三個標籤結合使用,可將**中的一行或幾行合成一組….….….
二、 表單屬性1. 表單的概念 表單在網頁中主要負責資料採集功能,表單的標記是:2. 表單的屬性 1. action屬性:設定表單的提交位址(表單提交的url)指定表單提交後由伺服器上的哪個處理程式進行處理2 method屬性:設定表單的提交方法, 屬性值為get、post提交方式 3 name屬性:設定表單的名稱4 target屬性:設定表單的開啟方式, 屬性值可以是_blank、_self。_self在原視窗中開啟,為預設值。_blank在新視窗開啟enctype:預設編碼 或者指定二進位製流 【附件的提交形式】method的值為get:它是通過url來傳遞表單資料的,表單元素的資料在位址列可見,而且有大小限制,傳資料量小一般不大於2kb method的值為post:它是通過請求正文傳遞表單資料的,url不可見表單元素資料,比較安全,而且沒有大小限制,但往往伺服器會控制3. 輸入標記 表單元素中輸入標籤是,常用屬性有type(型別)、name(名稱)、value(值)、checked(預設選中)三、 html常用表單控制項1. 文字框 文字框:主要用於輸入單行文字內容。**如下: **格式如下:姓名: 效果如下:賬號:
2. 密碼框 密碼框:主要用於輸入一些保密資訊,**格式如下: **格式如下:密碼: 效果如下:
密碼:分組:
使用者登入3. 單選框 單選框主要是讓網頁瀏覽者在一組選項裡選擇乙個。 name屬性定義單選框的名稱,單選框都是以組為單位使用的,在同一組中的選項必須使用同一名稱【name=「gender」】。 **格式如下:性別:男 女 效果如下: 性別:男
女4. 核取方塊 核取方塊主要是讓網頁瀏覽者在一組選項裡同時選擇多個選項。 選中checked**格式如下:【disabled="disabled"足球】 愛好:讀書 聽歌 閱讀效果如下:興趣愛好:足球 籃球球 **
擴充套件:隱藏域:
影象域:
5. 檔案域檔案域主要是讓網頁瀏覽者上傳檔案。**格式如下:上傳檔案:效果如下:
6. 提交按鈕提交按鈕用來將輸入的資訊提交到伺服器。value屬性定義按鈕的顯示文字。**格式如下:效果如下:7. 重置按鈕重置按鈕用來重置表單中輸入的資訊。**格式如下:效果如下:input重置按鈕:
input提交按鈕:
input普通按鈕:
提交按鈕重置按鈕普通按鈕
8. 域 影象域標記 **格式如下:9. 下拉列表下拉列表主要用於在有限的空間裡設定多個選項。下拉列表選中狀態給option新增 selected**格式如下: …居住城市(下拉列表): 北京 上海 深圳 廈門
注:select標記的multiple屬性和size屬性不要求掌握。 列表框(提供多選ctrl+多選):
蘋果 橙子 香蕉 西瓜 檸檬 香梨
10. 文字域標記及屬性文字域主要用於輸入較長的文字資訊。**格式如下:預設文字效果:cols屬性:定義文字域的寬度 (列)rows屬性:定義文字域的高度 (行)四、 html5新增表單控制項1. html5文字框及placeholder屬性當文字框處於未輸入狀態並且未獲取游標焦點時,模糊顯示輸入提示文字。**格式如下:效果如下:2. html5文字框型別tel提供專門用於輸入**號碼的文字框。它並不限定只輸入數字,因為很多的**號碼還包括其他字元(如+ 、-、(、)等),如86-0536-8888888 **格式如下: pattern 屬性規定用於驗證輸入欄位的模式。模式指的是正規表示式 --> **號碼:**號碼:效果如下:3. html5 文字框型別 url **url型別的input 元素提供用於輸入url位址這類特殊文字的文字框.當提交表單時,如果所輸入的內容是url位址格式的文字,則會提交資料到伺服器,如果不是url位址格式的文字,則不允許提交.
**如下:效果如下:4. html email郵件email型別的input元素是一種專門用於輸入e-mail位址在文字輸入框,在提交表單時,會自動驗證輸入框的值.如果不是乙個有效的e-mail位址,則該輸入框不允許提交該表單.**如下:
學習記錄(WEB前端)
三 display inline block inline block 一行顯示 支援寬和高 none徹底消失 四 與overflow屬性1.display屬性 1 display inline 行內元素a span 的應用。display inline可以讓塊元素,變為行內顯示,例如行內元素特徵 ...
web前端知識補充記錄
1 判斷字串是否是這樣組成的,第乙個必須是字母,後面可以使字母 數字 下劃線,總長度為5 20.a za z a za z 0 9 2 擷取字串abcdefg的efg var str abcdefg var s str.substr str.length 3,str.length alert s 3...
WEB前端 CSS Hack簡單記錄
hack可能用的不多,現在先簡單了解一下下啦 什麼時候用hack呢?介面 css什麼的都是正確的版本,但是呢,不同的瀏覽器或者是相同的瀏覽器不同的版本,你會發現本來好好的介面怎麼亂了呢?其實這個時候就可以考慮一下下用css hack了。hack分為條件hack 屬性級hack 選擇符hack。下面簡...