1.標籤由標籤名、標籤屬性和文字內容三部分組成(注意:單標籤沒有文字內容)。
2.標籤屬性是對標籤的一種描述方式。
3.標籤屬性分通用屬性、自有屬性和自定義屬性。
4.通用屬性:所有標籤都具有的屬性(除
標籤外)。
通用屬性有:
id:用來給標籤取乙個唯一的名稱。id名稱在乙個網頁必須是唯一的。
class:用來給標籤取乙個類名。
style:用來設定該標籤的行內樣式。
title:當滑鼠移到該標籤,所顯示的提示內容。
5.自定義標籤屬性:通常用來傳值或用於懶載入等方面。
格式:data-*
...6.table主要用於呈現格式化資料。**是由行和列組成。
7.table屬性
border:**邊框,預設單位是畫素
width:**寬度,預設單位是畫素
align:**對齊方式(left(預設)/center/right)
cellpadding:單元格文字與邊框的距離
cellspacing:單元格邊框間距
8.跨行/跨列屬性主要用來繪製複雜**。
rowspan:跨行
colspan:跨列
9.完整**組成:caption(標題)、thead(表頭)、tbody(表體)和tfoot(表尾)四部分組成。
10.form表單標籤是所有標籤最核心標籤之一。它是用來實現前後端互動的乙個重要標籤。
常用屬性:
name:表單名稱
action:表單資料提交的地方(通常是乙個後台檔名(.jsp/.php/.asp/.aspx/.py等),或**)。如果是#,表示提交到當前檔案下。
method:前端提交資料到後端的方法,主要有:get和post,預設的是get。
11.表單元素分為:
1)input類:主用用來輸入,選擇或發出指令。
name是表單元素的名字,單選框核取方塊必須包含name屬性
value是表單元素的屬性,是需要提交到伺服器中的資料
type:text/password/radio/checkbox/file/button/image/submit/reset
a.text:單行文字輸入框 type="text"可以不寫,預設值。
屬性:placeholder(提示)/name(命名)/minlength和maxlength(最少/多輸入的字元個數)/disabled(失效)/readonly(唯讀)
value(預設值)/pattern(正則匹配)
b.password:密碼框 屬性與text一樣
c.radio:單選鈕,通常是兩項以上。常用屬性有:name(必須要有)/value/checked(選中)/disabled(失效)/readonly(唯讀)
d.checkbox:核取方塊,可以用來選擇0項、1項或多項。
常用屬性有:name(必須要有)/value/checked(預設選中)/disabled(失效)/readonly(唯讀)
e.file:檔案上傳按鈕
f.button:普通按鈕,通常用它去呼叫指令碼**。
常用屬性有:value(按鈕的標題)/disabled(失效)
g.image:按鈕,用法與button一樣。有乙個特殊屬性:src(用來載入提示,用它替換了value)
它有提交功能,與submit功能一樣。
h.submit:提交按鈕,用來將表單資料提交到後台。
常用屬性有:value(按鈕的標題)/disabled(失效)
j.reset:重置按鈕,將表單所有元件輸入的內容全部清空,還原為初始狀態。
常用屬性有:value(按鈕的標題)/disabled(失效)
2)textarea類
文字域(也可以叫多行文字框),主要用於輸入大批量的文字內容。
常用屬性:name/id/cols(列數)/rows(行數)/placeholder/minlength/maxlength/required(必須輸入)/value
3)select類
下拉列表框,預設用於單項選擇。用option呈現每個選項。
multiple屬性:表示可以多選,這時的下拉列表框變成了列表框
size:最多顯示的行數
4)button類
普通按鈕,具有提交功能。可以單獨使用,不寫在form元素中;如果寫在form中,有提交功能。
12.iframe:框架集,是用來將多個網頁檔案組合成乙個檔案。
常用屬性:
name:框架名
src:引入的外部html檔案
scrolling:滾動條(yes/no/auto)
width:寬度(%/px)
height:高度(%/px)
frameborder:是否有邊框(1/0)
marginheight:框架離頂部和底端的距離(%/px)
marginwidth:框架離左右的距離(%/px)
注意:
在實際開發,儘量減少使用iframe,因為它破壞了前進和後退功能,且不利於seo。
HTML 第二天內容
1.所有的網頁遵循的標準 w3c標準,全稱world wide web consortium,全球資訊網聯盟 2.table標籤 定義 1 表頭 行 單元格 2 錶身 行 單元格 若是想將線兩條線合起來,在的裡將border collapse屬性設定為collapse 3.封裝樣式 1 id選擇器 ...
第二天學習內容
1.資料可分為 數值和非數值 2.各種型別變數所佔字元 byte 1 int 4 short 2 long 8 float 4 double 8 3.賦值 例如 int num 1 4.final常量 命名一般大寫,只能一次定義。5.scanner從外部裝置獲取資料 scanner input ne...
第二天學習內容
h5基本結構 分兩個區域 head 描述區 body 內容區 只要是網頁上看到的內容都是放在body裡面 宣告文件型別 根標記.根標籤.根元素 lang en 語言形態 字元編碼格式 utf 8國際性編碼格式 gb2312 gbk 控制視口的比例 document 當前網頁的標題 顯示在狀態列裡面 ...