首頁 >web前端 >html教學 >html元素是怎麼區分的？（範例總結）

html元素是怎麼區分的？（範例總結）

藏色散人原創: 2018-08-14 15:28:232531瀏覽

本篇文章主要介紹關於html元素的定義、分類（html元素大全）。那麼以下所述是關於html塊級元素是什麼、html塊級元素轉換、塊元素和行內元素等等的相關問題介紹。本篇文章具有一定的參考價值，希望對有需要的朋友有幫助。首先大家要知道什麼是HTML？

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中的標籤元素大體被分為三種不同的類型：區塊級元素、內聯元素(又叫行內元素)和內聯塊級元素。

html元素是怎麼區分的？（範例總結）

一、內聯元素特點：

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

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

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

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

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

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

#二、區塊級元素特點（html區塊級元素什麼意思）：

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

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

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

#常用的塊狀元素有：

、

...

、
、

、
、、
、
、

、
,< ;blockquote> 、
設定display:block；可以將元素轉換區塊級元素。
三、內聯區塊級元素特性：（同時具備內聯元素、區塊級元素的特性）
1、等元素都在一行上；
2、元素的高度、寬度、行高以及頂和底邊距都可設定！
常用的內嵌塊狀元素（即行內區塊級元素有哪些）：
、
display:inline-block； float:left / right；position：absolute/fixed;可以將元素設定為內聯區塊級元素。
註：區塊級元素和行內元素，預設情況下區塊級元素會永遠佔居一行，而行內元素並不會。

以上是html元素是怎麼區分的？（範例總結）的詳細內容。更多資訊請關注PHP中文網其他相關文章！

html Float display position input ul table

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：前端響應式程式設計的方案及其缺點的詳細介紹（附程式碼）下一篇：前端響應式程式設計的方案及其缺點的詳細介紹（附程式碼）

看更多

html元素是怎麼區分的？ （範例總結）

...

相關文章

html元素是怎麼區分的？（範例總結）