前端 day3 標籤(下)

2021-10-14 18:15:06 字數 1900 閱讀 7803

今日要點:

如何寫出**?

如何寫出列表?

input的使用。

如何實現下拉?

目的:展示資料

構建**:**行

**元素 **頭

從上到下依次包含關係,都是雙標籤。足夠構成**。

>

>

>

頭部第乙個元素th

>

>

頭部第二個元素th

>

>

>

>

第二行乙個元素td

>

>

第二行第二個元素td

>

>

>

>

第三行乙個元素td

>

>

第三行第二個元素td

>

>

table

>

table也可以通過屬性進行設定

**結構標籤:

**頭區域

**主體

用於劃分區域,不加也能展示**。

合併單元格:

縱向跨行rowspan

橫向跨列clospan

跨行最上與最左的元素寫跨行屬性;記得刪除多餘單元格,不刪除一律往右擴充套件。

合併一整行,在最左側輸入rowspan =「n」

合併一整列,在最上面輸入clospan=「n」

目的:布局整齊

分類:有序、無徐、自定義

樣式交給css所以不考慮展示的好看不好看

構成:表單域 表單控制項 提示資訊

表單域:

標籤作用表示這塊區域是提交表單的

表單控制項:

input

select

textarea

後兩者使用簡單

>

>

選項option

>

>

選項2option

>

預設選項option

>

select

>

注意乙個select必須有個選項

預設選項就加個屬性

selected = 「selected」

textarea則是直接給出乙個輸入文字的文字框

屬性:cols rows調整高和寬,但是一般用css來調整樣式。

輸入文字text

password能左到遮掩輸入文字

單選用radio標籤,多個標籤公用乙個name屬性名稱即可左到單選。

多選用checkbox

預設選項也是加個屬性 checked=「checked」

submit和reset分別用於提交和重置按鈕選項。

預設展示文字用value屬性改動

button標籤就是按鈕的意思

file標籤用於上傳檔案

label用於繫結元素。比如選擇乙個或文字,實現選項的選擇。

【問題一】然後回頭看一下開頭,實現目標需要用到哪些標籤?

【問題二】以世紀佳緣為例,裡面的頁面結構用到哪些標籤?

【接下來的內容】

css的介紹,回憶一下內容。html用於專注於結構,css則專注於樣式。後面就是關於css的內容。

Day3 前端學習

組成部分 標題 表頭 主體 表尾 table 定義乙個 caption 定義 的標題 thead 定義表頭部分 tbody 定義 主體部分 tfoot 定義表尾,一般來顯示彙總資訊 tr 定義一行 th td 定義資料項 單元格 th一般用於表頭,有加粗的樣式 td 一般用於主體部分,沒有加粗的樣式...

DAY3補充 表單 WEB前端

1 概述 day3補充,介紹表單,包括表單得作用 表單組成 表單元素 表單控制項。2 表單 2.1 表單的作用 用於顯示 收集資訊,並且將手機的資訊提交給伺服器。2.2 表單組成 表單元素 若干表單控制項 2.3 表單元素語法 屬性1 action 必須 定義 伺服器 處理表單資料的應用程式位址,要...

DAY3 列表 WEB前端

1 概述 day3 介紹列表,包括列表的作用 型別 巢狀。2 列表 2.1 列表的作用 列表是將具有相似特性或者具有先後順序的文字進行對齊排列,預設方式從上到下。html列表由 1 列表型別 1 有序列表 2 無序列表 屬性 type 列表型別 取值 1 disc 實心圓 預設 2 circle 空...