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

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

1-文字由什么組成？

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

2-圖片怎么顯示的？

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

3-音頻、視頻、標簽

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

4-超鏈接

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

以下是示例：

<body>

<h1>這是標題也是文字</h1>

<p>這是段落，文本，文字</p>
<img src="./image/1auto的副本.gif" alt="300"><br> 這是一個圖片標簽<br><br>

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

這是一段音頻，由音頻標簽讓其顯示<br><br>

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

</body>

</html>

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

下圖是顯示

個人理解，如有錯漏，請留言指正。

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

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

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

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

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

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

塊級元素常用的有哪些

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

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

塊級元素常用的有哪些？

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

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

常見行內(nèi)塊級元素:

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

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

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

display: inline;

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

display: block;

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

display: inline-block;

其他

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

在線咨詢

您的項目需求

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