首頁 > web前端 > html教學 > html元素是怎麼區分的? (範例總結)

html元素是怎麼區分的? (範例總結)

藏色散人
發布: 2018-08-14 15:28:23
原創
2550 人瀏覽過

本篇文章主要介紹關於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、元素的高度、寬度、行高以及頂和底邊距都可設定!

    常用的內嵌塊狀元素(即行內區塊級元素有哪些):

    html元素是怎麼區分的? (範例總結)

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

    註:區塊級元素和行內元素,預設情況下區塊級元素會永遠佔居一行,而行內元素並不會。



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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板