欧美free性护士vide0shd,老熟女,一区二区三区,久久久久夜夜夜精品国产,久久久久久综合网天天,欧美成人护士h版

首頁綜合正文

評論

柚子快報(bào)激活碼778899分享：前端 HTML5

Etsy國際手工藝品綜合2025-08-20670

柚子快報(bào)激活碼778899分享：前端 HTML5

http://yzkb.51969.com/

1. 表格標(biāo)簽

1.1 表格的主要作用

1.2 表格的基本語法

1.3 表頭單元格標(biāo)簽

1.4 表格屬性

案例分析

先制作表格的結(jié)構(gòu).

后書寫表格屬性.

代碼示例:?

1.5 表格結(jié)構(gòu)標(biāo)簽

1.6 合并單元格

合并單元格方式：

目標(biāo)單元格：(寫合并代碼)

合并單元格三步曲：

2. 列表標(biāo)簽

2.1 無序列表（重點(diǎn)）

2.2 有序列表（理解）

2.3 自定義列表（重點(diǎn)）

其基本語法如下：

2.4 列表總結(jié)

注意：

3. 表單標(biāo)簽

3.1 為什么需要表單

3.2 表單的組成

3.4 表單控件(表單元素)

3.4.1 <_input_> 表單元素

3.4.2 <_label_> 標(biāo)簽

3.4.3 <_select_> 表單元素

3.4.4 <_textarea_> 表單元素

綜合案例:十分推薦自己上手敲,上面的所有知識(shí)點(diǎn)幾乎全用上了

這里可以先分析一下它的布局首先就是標(biāo)題,然后就是下面form的大框架,要在這個(gè)表格域里面建好表格

5. 查閱文檔

1. 表格標(biāo)簽

表格是實(shí)際開發(fā)中非常常用的標(biāo)簽

表格的主要作用

表格的基本語法

1.1 表格的主要作用

表格主要

用于顯示、展示數(shù)據(jù)，

因?yàn)樗梢宰寯?shù)據(jù)顯示的非常的規(guī)整，可讀性非常好。特別是后臺(tái)展示數(shù)據(jù)的時(shí)候，能夠熟練運(yùn)用表格就顯得很重要。一個(gè)清爽簡約的表格能夠把繁雜的數(shù)據(jù)表現(xiàn)得很有條理。

總結(jié)

表格不是用來布局頁面的

而是用來

展示數(shù)據(jù)

的

1.2 表格的基本語法

是用于定義表格的標(biāo)簽。

標(biāo)簽用于定義表格中的行，必須嵌套在

標(biāo)簽中。

用于定義表格中的單元格，必須嵌套在

標(biāo)簽中。

字母

指表格數(shù)據(jù)（

table data

），即數(shù)據(jù)單元格的內(nèi)容。

1.3 表頭單元格標(biāo)簽

一般表頭單元格位于表格的第一行或第一列，表頭單元格里面的文本內(nèi)容

加粗居中顯示

標(biāo)簽表示

HTML

表格的表頭部分

(table head

的縮寫

)

此時(shí)表頭的數(shù)據(jù)內(nèi)容會(huì)進(jìn)行加粗和居中。表頭單元格也是單元格, 常用于表格第一行, 突出重要性, 表頭單元格里面的文字會(huì)加粗居中顯示.

1.4 表格屬性

表格標(biāo)簽這部分屬性我們實(shí)際開發(fā)我們不常用，后面通過

CSS

來設(shè)置

目的有

個(gè)

記住這些英語單詞

后面

CSS

會(huì)使用

直觀感受表格的外觀形態(tài)

屬性名屬性值描述alignleft、center、right規(guī)定表格相對周圍元素的對齊方式border1或者""規(guī)定表格單元是否擁有邊框，默認(rèn)"",表示沒有邊框cellpadding像素值規(guī)定單元邊沿于其內(nèi)容之間的空白，默認(rèn)1像素cellspacing像素值規(guī)定單元格之間的空白，默認(rèn)2像素width像素值或百分比規(guī)定表格的寬度

通過上面的示例，可以看出不同的表格屬性對應(yīng)不同的表格樣式，這里記住單詞和用法即可。后面都可以通過CSS來書寫。

案例分析

先制作表格的結(jié)構(gòu).

第一行里面是

表頭單元格

第二行開始里面是

普通單元格

單元格里面可以放任何元素

文字鏈接圖片等都可以

后書寫表格屬性.

用到寬度高度邊框

cellpadding

和

cellspacing

表格瀏覽器中對齊

align

代碼示例:?

Document

1.5 表格結(jié)構(gòu)標(biāo)簽

使用場景

因?yàn)楸砀窨赡芎荛L

為了更好的表示表格的語義，可以將表格分割成表格頭部和表格主體兩大部分

在表格標(biāo)簽中，分別用：

標(biāo)簽表格的頭部區(qū)域、

標(biāo)簽表格的主體區(qū)域

這樣可以更好的分清表

格結(jié)構(gòu)。

：用于定義表格的頭部。

內(nèi)部必須擁有

標(biāo)簽。一般是位于第一行。

：用于定義表格的主體，主要用于放數(shù)據(jù)本體。

以上標(biāo)簽都是放在

標(biāo)簽中。

1.6 合并單元格

特殊情況下

可以把多個(gè)單元格合并為一個(gè)單元格

這里同學(xué)們會(huì)最簡單的合并單元格即可

合并單元格方式

目標(biāo)單元格

合并單元格的步驟

合并單元格方式：

1.跨行合并：

rowspan="

合并單元格的個(gè)數(shù)

2.跨列合并：

colspan="

合并單元格的個(gè)數(shù)

目標(biāo)單元格：(寫合并代碼)

合并單元格三步曲：

先確定是跨行還是跨列合并。

找到目標(biāo)單元格

寫上合并方式

合并的單元格數(shù)量。比如：

“

”

。

刪除多余的單元格。

排名	關(guān)鍵字	今日搜索	最近七日	相關(guān)鏈接
1	鬼吹燈	345	123	貼吧圖片百科
2	盜墓筆記	345	123	貼吧圖片百科
3	西游記	345	123	貼吧圖片百科
4	東游記	345	123	貼吧圖片百科
5	甄嬛傳	345	123	貼吧圖片百科
6	水滸傳	345	123	貼吧圖片百科
7	三國演義	345	123	貼吧圖片百科

2. 列表標(biāo)簽

表格是用來顯示數(shù)據(jù)的，那么

列表就是用來布局的

。

列表

最大的特點(diǎn)就是整齊、整潔、有序，它作為布局會(huì)更加自由和方便。

根據(jù)使用情景不同，列表可以分為三大類：

無序列表

、

有序列表

和

自定義列表

。

2.1 無序列表（重點(diǎn)）

標(biāo)簽表示

HTML

頁面中項(xiàng)目的無序列表，一般會(huì)以項(xiàng)目符號(hào)呈現(xiàn)列表項(xiàng)，而列表項(xiàng)使用

標(biāo)簽定義。

無序列表的基本語法格式如下：

列表項(xiàng)1

列表項(xiàng)2

列表項(xiàng)3

無序列表的各個(gè)列表項(xiàng)之間沒有順序級別之分，是并列的。

中只能嵌套

，直接在

標(biāo)簽中輸入其他標(biāo)簽或者文字的做法是不被允許的。

與
之間相當(dāng)于一個(gè)容器，可以容納所有元素。
4.
無序列表會(huì)帶有自己的樣式屬性，但在實(shí)際使用時(shí)，我們會(huì)使用
CSS
來設(shè)置。
2.2 有序列表（理解）
有序列表即為有排列順序的列表，其各個(gè)列表項(xiàng)會(huì)按照一定的順序排列定義。
在
HTML
標(biāo)簽中，
標(biāo)簽用于定義有序列表，列表排序以數(shù)字來顯示，并且使用
標(biāo)簽來定義列表項(xiàng)。
有序列表的基本語法格式如下：
粉絲排行榜
1. 劉德華 10000
2. 鄧紫棋 1000
3. 易烊千璽 100
1.
中只能嵌套
，直接在
標(biāo)簽中輸入其他標(biāo)簽或者文字的做法是不被允許的。
2.

與

之間相當(dāng)于一個(gè)容器，可以容納所有元素。

有序列表會(huì)帶有自己樣式屬性，但在實(shí)際使用時(shí)，我們會(huì)使用

CSS

來設(shè)置。

2.3 自定義列表（重點(diǎn)）

自定義列表的使用場景

自定義列表常用于對術(shù)語或名詞進(jìn)行解釋和描述，定義列表的列表項(xiàng)前沒有任何項(xiàng)目符號(hào)。

在

HTML

標(biāo)簽中，

標(biāo)簽用于定義描述列表（或定義列表），該標(biāo)簽會(huì)與

（定義項(xiàng)目

名字）和

（描述每一個(gè)項(xiàng)目

名字）一起使用。

其基本語法如下：

關(guān)注我們: 新浪微博; 官方微信; 聯(lián)系我們

雖然這里有空格顯示，但是后面學(xué)了CSS都是可以去掉的。

里面只能包含

。

和

個(gè)數(shù)沒有限制，經(jīng)常是一個(gè)

對應(yīng)多個(gè)

。

跟

是兄弟關(guān)系，不是包含關(guān)系。

在

HTML

標(biāo)簽中，

標(biāo)簽用于定義描述列表（或定義列表），該標(biāo)簽會(huì)與

（定義項(xiàng)目

名字）和

（描述每一個(gè)項(xiàng)目

名字）一起使用。

2.4 列表總結(jié)

標(biāo)簽名定義說明

無序標(biāo)簽里面只包含li,沒有順序，使用較多。li里面可以包含任何標(biāo)簽

有序標(biāo)簽里面只包含li，有順序，使用相對較少。li里面可以包含任何標(biāo)簽

自定義列表里面只包含dt 和 dd。dt 和 dd 里面可以放任何標(biāo)簽

注意：

學(xué)會(huì)什么時(shí)候用無序列表，什么時(shí)候用自定義列表。

無序列表和自定義列表代碼怎么寫？

列表布局在學(xué)習(xí)完

CSS

后再來完成。

3. 表單標(biāo)簽

現(xiàn)實(shí)中的表單，我們?nèi)ャy行辦理信用卡填寫的單子。

網(wǎng)頁中的表單展示：

3.1 為什么需要表單

使用表單目的是為了

收集用戶信息

。

在我們網(wǎng)頁中，我們也需要跟用戶進(jìn)行交互，收集用戶資料，此時(shí)就需要表單。

3.2 表單的組成

在

HTML

中，一個(gè)完整的表單通常由

表單域、表單控件（也稱為表單元素）

和

提示信息

個(gè)部分構(gòu)成。

表單域

是一個(gè)

包含表單元素的區(qū)域

。

在

HTML

標(biāo)簽中，

標(biāo)簽用于定義表單域，以實(shí)現(xiàn)用戶信息的收集和傳遞。

會(huì)把它范圍內(nèi)的表單元素信息提交給服務(wù)器

屬性屬性值作用actionurl地址用于指定接受并處理表單數(shù)據(jù)的服務(wù)器程序的url地址methodget/post用于設(shè)置表單數(shù)據(jù)的提交方式，其取值為get或postname名稱用于指定表單的名稱，以區(qū)分同一個(gè)頁面中的多個(gè)表單域

基礎(chǔ)班來說

我們暫時(shí)不用表單域提交數(shù)據(jù)

只需要寫上

form

標(biāo)簽即可

就業(yè)班等學(xué)習(xí)服務(wù)器編程階段會(huì)重新講解

這里只需要記住兩點(diǎn)

在我們寫表單元素之前

應(yīng)該有個(gè)表單域把他們進(jìn)行包含

表單域是

form

標(biāo)簽

3.4 表單控件(表單元素)

在表單域中可以定義各種表單元素，這些表單元素就是允許用戶在表單中輸入或者選擇的內(nèi)容控件。

3.4.1 <_input_> 表單元素

在英文單詞中，

input

是輸入的意思，而在表單元素中

標(biāo)簽用于收集用戶信息

。

在

標(biāo)簽中，包含一個(gè)

type

屬性，根據(jù)不同的

type

屬性值，輸入字段擁有很多種形式（可以是文本

字段、復(fù)選框、掩碼后的文本控件、單選按鈕、按鈕等）。

1.標(biāo)簽為單標(biāo)簽

2.type

屬性設(shè)置不同的屬性值用來指定不同的控件類型

type

屬性的屬性值及其描述如下：

屬性值描述button定義可點(diǎn)擊按鈕(多數(shù)情況下，用于通過JavaScript啟動(dòng)腳本)checkbox定義復(fù)選框file定義輸入字段和“瀏覽”按鈕，供文件上傳hidden定義隱藏的輸入字段image定義圖像形式的提交按鈕password定義密碼字段，該字段中的字符被掩碼radio定義單選按鈕reset定義重置按鈕，重置按鈕會(huì)清楚表單中的所有數(shù)據(jù)submit定義提交按鈕，提交按鈕會(huì)把表單數(shù)據(jù)發(fā)送到服務(wù)器text定義單行的輸入字段用戶可在其中輸入文本。默認(rèn)寬度20個(gè)字符。

除

type

屬性外，

標(biāo)簽還有其他很多屬性，其常用屬性如下：

屬性屬性值描述name由用戶自定義定義input元素的名稱value由用戶自定義規(guī)定input元素的值checkedchecked規(guī)定此input元素首次加載時(shí)應(yīng)當(dāng)被選中maxlength正整數(shù)規(guī)定輸入字段中的字符的最大長度

1.name

和

value

是每個(gè)表單元素都有的屬性值

主要給后臺(tái)人員使用

2.name

表單元素的名字

要求

單選按鈕和復(fù)選框要有相同的name值.

3.checked

屬性主要針對于單選按鈕和復(fù)選框

主要作用一打開頁面

就要可以默認(rèn)選中某個(gè)表單元素

4.maxlength

是用戶可以在表單元素輸入的最大字符數(shù)

一般較少使用

maxlength=“6” 表示輸入的最大字符長度是6.當(dāng)我在吃飯這個(gè)按鈕上加上checked="checked" 時(shí)，系統(tǒng)會(huì)自動(dòng)默認(rèn)的為我加上勾

5.submit

6.reset?

7.button

8.file?

3.4.2 <_label_> 標(biāo)簽

標(biāo)簽為

input

元素定義標(biāo)注（

標(biāo)簽

）。

標(biāo)簽用于綁定一個(gè)表單元素

當(dāng)點(diǎn)擊

標(biāo)簽內(nèi)的文本時(shí)，瀏覽器就會(huì)自動(dòng)將焦點(diǎn)

(

光標(biāo)

)

轉(zhuǎn)到或者

選擇對應(yīng)的表單元素上

用來增加用戶體驗(yàn)

語法：

男

核心：

標(biāo)簽的

for

屬性

應(yīng)當(dāng)與相關(guān)元素的

屬性相同

。

當(dāng)設(shè)置for屬性與id屬性相同的時(shí)候，此時(shí)點(diǎn)擊label里面的文字就可以達(dá)到跟點(diǎn)擊文本框一樣的效果。

3.4.3 <_select_> 表單元素

使用場景

在頁面中，如果有多個(gè)選項(xiàng)讓用戶選擇，并且想要節(jié)約頁面空間時(shí)，我們可以使用

標(biāo)簽控件定義

下拉列表。

在頁面中，如果有多個(gè)選項(xiàng)讓用戶選擇，并且想要節(jié)約頁面空間時(shí)，我們可以使用

標(biāo)簽控件定義

下拉列表

語法：

1.文本內(nèi)容

通過

標(biāo)簽可以輕松地創(chuàng)建多行文本輸入框。

2.cols=

“每行中的字符數(shù)”，

rows=

“顯示的行數(shù)”，

我們在實(shí)際開發(fā)中不會(huì)使用，都是用

CSS

來改變大小

。

綜合案例:十分推薦自己上手敲,上面的所有知識(shí)點(diǎn)幾乎全用上了

這里可以先分析一下它的布局首先就是標(biāo)題,然后就是下面form的大框架,要在這個(gè)表格域里面建好表格

Document

青春不常在，抓緊談戀愛

性別		男女
生日
所在地區(qū)
婚姻狀況		未婚已婚離婚
學(xué)歷
喜歡類型		嫵媚的可愛的小鮮肉老臘肉都喜歡
自我介紹		自我介紹

		我同意注冊條款和會(huì)員加入標(biāo)準(zhǔn)
		我是會(huì)員，立即登錄
		我承諾
		年滿18歲、單身保證嚴(yán)肅的態(tài)度真誠尋找另一半