是什么組成了html？html組成元素有哪些？

頁(yè)html的組成是由：文字、圖片、音頻、視頻、超鏈接組成。

1-文字由什么組成？

文字標(biāo)簽在“body”標(biāo)簽下，由文本標(biāo)簽比如：標(biāo)題<h1>~<h6>,段落<p></p>等；

2-圖片怎么顯示的？

圖片標(biāo)簽img單標(biāo)簽，也是在“body”標(biāo)簽下，顯示引用文件；

3-音頻、視頻、標(biāo)簽

音頻標(biāo)簽“audio”和視頻標(biāo)簽“video”，這兩個(gè)標(biāo)簽都是雙標(biāo)記，引用文件顯示內(nèi)容，本身是一個(gè)功能。

4-超鏈接

超鏈接標(biāo)簽“a href="路徑位置"”是單標(biāo)記，需要有載體，點(diǎn)擊活著觸發(fā)跳轉(zhuǎn)。

以下是示例：

<body>

<h1>這是標(biāo)題也是文字</h1>

<audio src="./image/yinyue.mp3" controls></audio><br>

這是一段音頻，由音頻標(biāo)簽讓其顯示<br><br>

<a href="https://www.baidu.com"><br> 這是一個(gè)鏈接，點(diǎn)擊夠可以跳轉(zhuǎn)</a>

</body>

</html>

----------------------------------------------------------------------------

下圖是顯示

個(gè)人理解，如有錯(cuò)漏，請(qǐng)留言指正。

個(gè)網(wǎng)頁(yè)對(duì)應(yīng)于一個(gè)html文件，HTML文件以.htm或.html為擴(kuò)展名。可以使用任何能夠生成TXT類型源文件的文本編輯來(lái)產(chǎn)生HTML文件。標(biāo)準(zhǔn)的HTML文件都具有一個(gè)基本的整體結(jié)構(gòu)，即HTML文件的開頭與結(jié)尾標(biāo)志和HTML的頭部與實(shí)體2大部分。有3個(gè)雙標(biāo)記符用于頁(yè)面整體結(jié)構(gòu)的確認(rèn)。

1、HTML元素
a、從開始標(biāo)簽到結(jié)束標(biāo)簽的所有代碼
b、開始（開放）標(biāo)簽<p>、結(jié)束（閉合）標(biāo)簽</p>、標(biāo)簽內(nèi)的東西：元素內(nèi)容
c、<br/>空元素，換行的意思
d、用p標(biāo)簽行之間間隔較大，用br標(biāo)簽行之間間隔較小
e、HTML元素語(yǔ)法：
(1)元素內(nèi)容是開始標(biāo)簽與結(jié)束標(biāo)簽之間的內(nèi)容
(2)空元素在開始標(biāo)簽中進(jìn)行關(guān)閉
(3)大多數(shù)HTML元素可擁有屬性
f、嵌套的HTML元素：大多數(shù)的HTML元素都是可以嵌套使用的

2、HTML屬性
a、標(biāo)簽可以擁有屬性為元素提供更多信息
b、屬性以鍵值對(duì)的形式出現(xiàn)：例如a標(biāo)簽里面 href="www.baidu.com"
c、常用標(biāo)簽類型：
(1)<h1 align = " ">對(duì)齊方式，例如center中間
(2)<body bgcolor=" ">背景顏色
(3)<a target = " ">規(guī)定在何處打開鏈接，_self本地默認(rèn)打開
屬性：
(1)默認(rèn)，覆蓋原標(biāo)簽頁(yè)
(2)_blank，打開為新標(biāo)簽頁(yè)
(4)<body backgroud=" ">設(shè)置背景圖片
d、通用屬性：
(1)class：規(guī)定元素的類名
(2)id：規(guī)定元素的唯一ID
(3)style：規(guī)定元素的樣式，一般引用css
(4)title：規(guī)定元素的額外信息

3、HTML格式化
a、定義粗體文本
b、<big>定義大號(hào)字，HTML5會(huì)被css代替
c、<em>定義著重問(wèn)題
d、定義斜體字
e、<small>定義小號(hào)字
f、<strong>定義加重語(yǔ)氣
g、<sub>定義下標(biāo)字
h、<sup>定義上標(biāo)字
i、<ins>定義插入字，有下劃線
j、<del>定義刪除字，有刪除線

每種HTML標(biāo)記符在使用中可帶有不同的屬性項(xiàng)，用于描述該標(biāo)記符說(shuō)明的內(nèi)容顯示不同的效果。正文標(biāo)記符中提供以下屬性來(lái)改變文本的顏色及頁(yè)面背景。

級(jí)元素：使用時(shí)，會(huì)自動(dòng)換行的元素，可以包含行內(nèi)元素和其他塊級(jí)元素，可以設(shè)置寬，高，上下左右邊距，默認(rèn) css 屬性 display 的值為 block

塊級(jí)元素常用的有哪些

div // 塊，經(jīng)常用來(lái)布局的塊，類似箱子
h1-h6 // 標(biāo)題，肯定是會(huì)換行的啦
p // 段落，我們寫文章，段落也是換行處理的
ul,ol,li // 列表，總不希望你寫的列表，表格還跟其他東西摻雜一起吧，
from // 表單，輸入框總希望能夠單獨(dú)是一塊獨(dú)立的
table // 表格，表格要整潔，總希望獨(dú)立出來(lái)
hr // 水平分割線，既然要分割，那也是要換行處理吧
pre // 預(yù)格式化文本，代碼按照我們手動(dòng)編排好的順序輸出，你總不希望他還不給你行吧，不然就沒(méi)意義了
footer // 段尾，類似寫作文結(jié)尾，都是另起一行
article // 文章內(nèi)容，看書的時(shí)候，文章內(nèi)容都會(huì)在合適的位置給換行處理
canvas // 繪制圖形
address // 地址

行內(nèi)元素：不會(huì)自動(dòng)換行，不可以設(shè)置寬高，只能設(shè)置左右邊距，默認(rèn) css 屬性 display 的值為 inline

塊級(jí)元素常用的有哪些？

b // 加粗
big // 定義大字號(hào)
i //斜體
small // 小號(hào)文本
abbr // 定義縮寫，有些國(guó)際詞語(yǔ)是有縮寫的
acronym // 定義只取首字母的縮寫
cite // 引用，文章內(nèi)容的某一句話可能是引用其他名人說(shuō)的
code // 定義計(jì)算機(jī)代碼
dfn // 定義一個(gè)定義項(xiàng)目
em // 定義強(qiáng)調(diào)的本文
kbd // 定義鍵盤文本
strong // 定義重要的文本
samp // 定義樣本文本。
var // 定義變量
a // 錨點(diǎn)，內(nèi)容里經(jīng)常會(huì)有幾個(gè)關(guān)鍵詞，可以點(diǎn)擊過(guò)去查閱更多詳細(xì)信息
bdo
br // 換行
object // 內(nèi)嵌對(duì)象
q // 短的引用
script
span // 普通文檔的節(jié)
sub // 定義下標(biāo)文本
sup // 定義上標(biāo)文本
button // 按鈕，
input // 控件
label // input 元素定義標(biāo)注
select // 定義選擇列表，看起來(lái)很多，實(shí)際上占位就我們選擇的那一個(gè)
textarea // 定義一個(gè)多行的文本輸入控件

行內(nèi)塊級(jí)元素，擁有行內(nèi)元素的特性，不換行，也擁有塊級(jí)元素的特性：既可以設(shè)置寬高也可以設(shè)置上下左右邊距，默認(rèn) css 屬性 display 的值為 inline-block

常見(jiàn)行內(nèi)塊級(jí)元素:

img // 圖片
video // 視頻
audio // 音頻
map // 圖像映射

塊級(jí)元素和行內(nèi)元素如何轉(zhuǎn)換

塊級(jí)元素變成行內(nèi)元素

display: inline;

行內(nèi)元素變成塊級(jí)元素

display: block;

塊級(jí)元素、行內(nèi)元素變成行內(nèi)塊元素

display: inline-block;

其他

a 標(biāo)簽只允許嵌套非 a 標(biāo)簽的 inline 類型元素。
這么多，不要為難自己死記硬背，記住常用的，用常識(shí)去記住就可以啦，面試考你的時(shí)候，記不住的，用常識(shí)去推理，基本都正確。

在線咨詢

您的項(xiàng)目需求

*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。