第二天的HTML學習內容

2022-01-29 17:46:53 字數 2587 閱讀 6859

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 當前網頁的標題 顯示在狀態列裡面 ...