HTML即超文本標記語言，HTML文本是由 HTML命令組成的描述性文本，HTML 命令可以說明文字、 圖形、動畫、聲音、表格、鏈接等。 HTML的結構包括頭部 (Head)、主體 (Body) 兩大部分。頭部描述瀏覽器所需的信息，主體包含所要說明的具體內容。

html基本結構具體示例如下：

 !DOCTYPE html  html  head  meta charset= UTF-8  title Document /title  /head  body  p body里面就是網頁內容 /p  /body  /html 

html中的標簽元素大體被分為三種不同的類型：塊級元素、內聯元素(又叫行內元素)和內聯塊級元素。

一、內聯元素特點：

1、和其他元素都在一行上；

2、元素的高度、寬度及頂部和底部邊距不可設置；

3、元素的寬度就是它包含的文字或圖片的寬度，不可改變。

常用的內聯元素有哪些（即html行內元素有哪些）：

 a 、 span 、 br 、 i 、 em 、 strong 、 label 、 q 

設置display:inline;可以將塊狀元素轉換為html行內元素

二、塊級元素特點（html塊級元素什么意思）：

1、每個塊級元素都從新的一行開始，并且其后的元素也另起一行。

2、元素的高度、寬度、行高以及頂和底邊距都可設置。

3、元素寬度在不設置的情況下，是它本身父容器的100%（和父元素的寬度一致）

常用的塊狀元素有：

div 、 p 、 h1 ... h6 、 ol 、 ul 、 dl 、 table 、 address 、 blockquote 、 form

設置display:block；可以將元素轉換塊級元素。

三、內聯塊級元素特點：（同時具備內聯元素、塊級元素的特點）

1、和其他元素都在一行上；

2、元素的高度、寬度、行高以及頂和底邊距都可設置！

常用的內聯塊狀元素（即行內塊級元素有哪些）：

img 、 input

display:inline-block；float:left / right；position：absolute/fixed;可以將元素設置為內聯塊級元素。

注：塊級元素和行內元素，默認情況下塊級元素會始終占居一行，而行內元素并不會。

以上就是html元素是怎么區分的？（示例總結）的詳細內容，html教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。