HTML學習筆記 四 分組元素

2021-07-11 05:14:42 字數 2510 閱讀 1675

元素名稱說明p

表示段落

div沒有語義的塊級元素

blockquote

引自他處的大段內容

pre**與程式設計格式一樣

hr劃分主題,水平線

ul,ol

無序列表,有序列表

li用於ul,ol元素中的列表項

dl,dt,dd

dl表示乙個列表區域範圍,上層列表項dt充當標題,下層列表項dd充當內容

figure

用作文件中插圖的影象

figcaption

表示figure元素的標題

1.建立段落

這是乙個段落p>

這也是乙個段落p>

解釋:元素實際作用就是將內部包含的文字形成乙個段落;而段落和段落之間保持一定量的空隙。

2.通用分組

這是乙個通用分組div>

這是又乙個通用分組div>解釋:通常用來實現布局,塊級元素。

3.引用大段他出內容

這是乙個大段引自他出內容blockquote>

這是另乙個大段引自他出內容blockquote>

解釋:元素實際作用除了和元素一樣,有段落空隙的功能,還包含了首尾縮排的功能。語義上表示,大段的引用他處的內容。

4.

展現格式化內容

#####

#####

#####

#####

#####

5.新增分隔

解釋:元素實際作用就是新增一條分割線,意圖呈現上下文主題的分割。

6.新增無序列表

張三li>

李四li>

王五li>

馬六li>

ul>

解釋:元素表示無序列表,而<li>元素則是內部的列表項。

7.新增有序列表

張三li>

李四li>

王五li>

馬六li>

ol>

解釋:元素表示有序列表,而元素則是內部的列表項。

8.生成說明列表

這是乙份檔案dt>

這裡是這份檔案的詳細內容1dd>

這裡是這份檔案的詳細內容2dd>

dl>

解釋:這三個元素是乙個整體,但並非都必須出現。

9.使用插圖

這是一張圖figcaption>

src="img.png">

figure>

lang="zh-cn">

charset="utf-8">

分組元素title>

head>

這是乙個段落p>

這是另乙個段落p>

這是乙個通用分組div>

這是另乙個通用分組div>

這是乙個大段的來自他出的內容blockquote>

這是另乙個大段的來自他出的內容blockquote>

#####

#####

####

#####

#####

#####

#####

####

#####

#####

pre>

張三li>

李四li>

王五li>

馬六li>

ul>

張三li>

李四li>

王五li>

馬六li>

ol>

這是第乙份檔案dt>

這是第乙份檔案的詳細內容1dd>

這是第乙份檔案的詳細內容2dd>

這是第二份檔案dt>

這是第二份檔案的詳細內容1dd>

這是第二份檔案的詳細內容2dd>

dl>

這是一張figcaption>

GridControl詳解(四)分組排序彙總

分組 按時間分第一組 按性別分第二組 顯示結果 高階設定 將所有組展開 gridview1.expandallgroups 顯示結果 自定義組名,gridview級事件 增加事件 private void gridview1 customdrawgrouprow object sender,deve...

dp問題系列 資源型(四)分組揹包

dp問題系列 資源型 一 01揹包 dp問題系列 資源型 二 完全揹包 dp問題系列 資源型 三 多重揹包 dp問題系列 資源型 四 分組揹包 分組揹包問題概述 有n組物品和乙個容量是 v的揹包。每組物品有若干個,同一組內的物品最多只能選乙個。每件物品的體積是 vij,價值是 wij,其中 i是組號...

Numpy學習筆記(四)分割 拷貝

二 賦值 拷貝 本文主要介紹陣列的分割和拷貝機制 import numpy as np a np.arange 12 reshape 3 4 1 橫向 左右 分割成兩個塊 print np.split a,2,axis 1 縱向 上下 分割成三塊 print np.split a,3,axis 0 ...