html標籤介紹3

2021-10-11 05:29:49 字數 1488 閱讀 4274

有三個標籤參與:dl dt dd

dl:定義乙個定義列表。

dt:定義標題(列表項)

dd:對標題的說明和解釋

巢狀關係:dl>dt+dd.

格式:重點:

1.dt與dd是同級

2.乙個dt可以用多個dd來解釋。

3.dd是解釋上面最近的乙個dt。

應用場景:

需要對列表項進行解釋說明時。

eg:京東側邊導航欄。

格式:

1.小公尺手機

2.小公尺手機

以&開頭,以;結尾

空格< 小於號

> 大於號

展示資料。

布局。很早之前的用法,現在已經廢棄,改為使用div+css。

table>tr>td

table 定義乙個**

tr 定義**中的一行

td 定義**中一行中的乙個單元格

th 定義表頭

td th 是乙個容器級標籤。

基本格式:

2 .常用屬性:

table

border 邊框

width 寬 height 高

align **水平對齊方式

cellpadding 設定單元格內的空間

cellspacing 單元格之間的空間

tralign 內容水平對齊方式

left 左對齊

center 居中對齊

right 右對齊

valign 內容垂直對齊方式

top 頂部對齊

middle 中間對齊

bottom 底部對齊

內容水平垂直對齊方式失效:

1.寬高沒有設定

2.cellpadding 設定過大。

3. **分割槽:

標題 caption

表頭 thead

主體 tbody

尾部 tfoot

都是語義化標籤。只需要關注語義即可,不需要關注樣式。

4.**的合併:

單元格標籤:td th是特殊的單元格。

有兩個屬性用來合併單元格。

rowspan 跨行合併單元格 垂直

colspan 跨列合併單元格 水平

rowspan 合併時 保留上面的單元格,刪除下面的單元格

colspan 合併時,保留任一乙個即可。

div和span 是非常重要的標籤。

div:divsion的縮寫,分割。語義:盒子,劃分一塊區域。 容器級標籤

可以巢狀幾乎所有標籤,包括他自己。

span:範圍,跨度。 文本級標籤。 主要是放置文字,,表單元素。

語義上來:div的區域要大於span。

作用:1.布局

2.**操作

如果單獨在頁面中插入了這兩個元素,不會對頁面產生任何影響。這兩個元素是專門為定義css樣式而生的。

HTML標籤介紹

1.標題標籤 h1 h6 換行 字型加粗 改變字型大小。2.格式化標籤 b 加粗。u 加下劃線標籤。i 字型加斜。sup 上標。sub 下標。3.預先格式化標籤 pre 按自己想要的格式輸出。4.有序和無序標籤 表示重新整理當前頁面,並回到頂部。表示重新整理後重新開啟乙個頁面。7.段落標籤 8.文字...

HTML標籤介紹

因為它可以加入 聲音 動畫 多 等內容 超越文字限制 不僅如此,它還可以從乙個檔案跳轉到另乙個檔案,與世界各地主機的檔案連線 超級鏈結文字 html 作用所有html中標籤的乙個根節點。最大的標籤,根標籤。head 文件的頭部。title 文件標題。body 文件的主體 頁面內容基本都是放到body...

HTML標籤介紹(一)

一 html文件頭部 1 標籤 位於html文件頭部的標籤和標籤之間,提供使用者不可見的資訊。可分為兩大部分 http標題資訊 http equiv 和頁面描述資訊 name 使用方式 例 2 標籤 概括了網頁的內容,讓瀏覽者迅速了解網頁的大意。使用方式 網頁的標題 二 文件體和段落 1 標籤 為h...