兩個span標籤換行 html5 文字相關標籤

2021-10-18 04:34:29 字數 2278 閱讀 9959

html5 文字相關標籤

一、標題 h1、h1、hgroup(標題組)

1、什麼情況下使用標題?

01.標題是概括性的簡短文字

02.標題能概括隨後的內容

2、主標題與副標題

01.主標題

02.副標題

3、標題組 hgroup

01.當主標題和副標題成組時,應使用hgroup

hgroup h1

h24、標題級別問題

01.html5 裡的標題級別是以層級來區分,越靠近body標籤級別越高

5、xhtml1.0 中的標題了解

01.html 5:

每個區塊裡的主標題均使用h1

每個區塊裡的副標題均使用h2

網頁中通常擁有多個h1

02.xhtml1.0:

按級別依次使用h1-h6

網頁中有且僅有乙個h1

xhtml1.0與html 5中使用標題的區別

03.xhtml1.0中的標題

單元一 1.

第一章 2.

第一節 3.

第一節第二節 4.

第二節第二章 5.

第一節 6.

第一節第二節 7.

第二節單元二 8.

小結:01.在html5中主要使用兩個標題的標籤,主標題h1和副標題h2

02.當h1、h2 成組出現時要使用 hgroup 父物件。

03.標題不能隨便用,標題要簡短文字,要能概括隨後的內容,導航條裡的條目一般不會使用標題標籤。

04.標題在 html5 裡面級別極其依賴於結構本身的層級。

二、p 標籤(paragraph 段落)

02.示例:

這裡是段落文字,這裡是段落文字

這裡是第二段

小結:01.段落是文章的最常見的子元素。

02.段落會自動產生換行,並產生較大的上下空隙。

三、br 標籤(分隔 break)

br 標籤 --- 從中隔開 break(強制性換行)

四、span 小區域

01. 被用來組合文件中的行級元素。

02.什麼是行級元素?

它也稱為行內元素,內嵌元素。等級元素在一行內水平排列,不會主動產生換行,除非遇到了寬度 的限制。

03.示例:

今天體育課遲到的人有張三,李四和王五,最後還有小六。

新增css 修飾:

.boy{

background: #f90;

.girl{

background: #0f9;

04.class 屬性 --- 類,類別

在剛才的示例中,建立了兩條css規則,每條規則都針對了同一類的物件作了統一的修飾。

小結:01.span用來劃分小區域。

02.不會主動引起換行(屬於行級元素)

03.常常與結合class屬性使用

五、引用標籤 blockquote、q、cite

blockquote 標籤 --- 舊有標籤,長的引用

q 標籤 --- 短引用

cite 標籤 --- 參考文獻引用

**示例:

1、

這是一段很長的引用,這是一段很長的引用,

這是一段很長的引用,這是一段很長的引用,

2.摘自《書名》

3.就像說的,這是乙個短引用。

cite 屬性 --- 表示引用的**

小結:01.長引用使用 blockquote 標籤

02.短引用使用 q 標籤

03.參考文獻標題引用使用 cite 標籤

六、mark 標籤

01.mark 標籤作為乙個冷門標籤,有一些相容性問題。

小結:mark 標註那些不重要、但在特定情況下需要標註的文字。

html5標籤屬性大全 HTML5

音訊格式 屬性 值描述 屬性 值描述 屬性值描述 屬性值描述 gz bjsh 屬性值 描述 required required 表單擁有該屬性表示其內容不能為空,必填 placeholder 提示文字 表單的提示資訊,存在預設值將不顯示 autofocus autofocus 自動聚焦屬性,頁面載入...

HTML5的學習(二)HTML5標籤

3.按功能排列標籤 標籤 描述 html4 html5 定義注釋。定義文件型別。定義文件的主體。定義文件中的節。定義section或page的頁尾。to定義html標題。定義html文件。定義關於文件的資訊。定義section或page的頁首。定義關於html文件的元資訊。定義針對不支援客戶端指令碼...

Html5標籤頁面

新增加的html5標籤 html5 新增加的html5標籤 定義 article 定義頁面內容之外的內容。定義聲音內容。定義影象。定義命名按鈕 定義數列 tree list 中的資料 定義下拉列表。定義外部互動內容或外掛程式 定義section或page的頁尾。html5 ios中忽略將數字變為 號...