前端 01html基礎知識2

回顧html基礎過度型和嚴格型

html:xt+tab鍵生成html過度型結構 xhtml

html:xs+tab鍵生成html嚴格型結構

！+tab 生成html5標籤結構,如下

charset utf-8 通用字符集編碼

屬性：boder（邊框）、width、height、cellspacing（單元格與單元格的距離）、cellpadding（內容距邊框的距離）、align（表居中center、居左left、居右right）可放在table中控制**的位置，發那個在tr或td中**裡的內容居中、bgcolor背景顏色

1 23 4

56

注意：快速新建**teble>tr*2>td*3+tab鍵

單元格td合併

列合併 colspan="2"

行合併rowspan="2"

為**新增表頭 1 2 3 6 45 8 7

9

**的標題，邊框顏色，內容垂直對齊方式

列1列2 列3 123456

細線**的設定（線條比預設的細）設定單元格背景顏色覆蓋**背景顏色，控制單元格之間的距離

細線**之課程表

課程表星期一星期二星期三星期四星期五上午1語文語文語文語文語文 2數學數學數學數學數學下午3英語英語英語英語英語 4物理物理物理物理物理

**的標準結構，對seo有好處

表單的作用是蒐集資訊，常用個人資訊註冊

表單的組成：提示資訊、表單控制項、表單域

屬性：action：處理資訊

method="get | post"

get通過位址列提供（傳輸）資訊，安全性差

post通過action來處理資訊，安全性高

屬性說明

type指定元素的型別。text（文字）、password（密碼）、checkbox（）、radio（單選框）、submit、reset、file、hidden、image和button，預設為text

name指定表單元素的名稱

value元素的初始值。type為radio時必須指定乙個值

size指定表單元素的初始寬度。當type為text或password時，表單元素的大小以字元為單位。對於其他型別，寬度以畫素為單位

maxlengthtype為text或password時，輸入的最大字元數

checkedtype為radio或checkbox時，指定按鈕是否是被選中

readonly將輸入設定唯讀狀態，不能編輯

disabled輸入框為未啟用狀態

1.表單之文字輸入框、密碼輸入框、單選框

注意：在單選框中只有將name的值設定相同才能實現單選；checked設定預設選擇項

2.表單之下拉列表

省：湖北湖南河北湖北湖南河北市（區）：襄陽市武漢市長沙市武漢市

3.表單之多選框、按鈕、資訊分組

多選框、按鈕、分組資訊水果：蘋果梨西瓜上傳檔案：

4.表單之多行文字框

5.html5之表單控制項

好的語義化的**標準是去掉樣式表檔案之後，結構依然很清晰。

1.網頁結構合理

2.有利於seo：和搜尋引擎建立良好的溝通，有了良好的結構和語義你的網頁內容自然容易被搜尋引擎抓取

3.方便其他裝置解析（螢幕閱讀器、盲人閱讀器、移動裝置）

4.便於團隊開發和維護

注意：1.盡可能少使用無語義的標籤div、span

2.在語義不明顯時，既可以使用div或者p時，盡量使用p，p自帶上下間距，對相容特殊終端有利

3.不要使用純樣式標籤，如：b、font、u等，改設定css

4.需要強調的文字，可以包含在strong或者em標籤中

5.實戰之京東會員

京東會員使用者名稱：最多輸入6個字元密碼：最多輸入6個字元驗證碼登陸| 使用者註冊

效果圖

註冊.html

效果圖：

前端 01html基礎知識2

前端 01html基礎知識1

前端 01 HTML初級入門

web基礎回顧 01 html

前端 01html基礎知識2

前端 01html基礎知識1

前端 01 HTML初級入門

web基礎回顧 01 html

相關推薦