明輝手游網(wǎng)中心:是一個(gè)免費(fèi)提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺(tái)!

html元素是如何區(qū)分的?(示例總結(jié))

[摘要]本篇文章主要給大家介紹關(guān)于html元素的定義、分類(html元素大全)。那么以下所述是關(guān)于html塊級(jí)元素是什么、html塊級(jí)元素轉(zhuǎn)換、塊元素和行內(nèi)元素等等的相關(guān)問題介紹。本篇文章具有一定的參考價(jià)值,希望對(duì)有需要的朋友有所幫助。首先大家要知道什么是HTML?HTML即超文本標(biāo)記語言,HTML文本是...
本篇文章主要給大家介紹關(guān)于html元素的定義、分類(html元素大全)。那么以下所述是關(guān)于html塊級(jí)元素是什么、html塊級(jí)元素轉(zhuǎn)換、塊元素和行內(nèi)元素等等的相關(guān)問題介紹。本篇文章具有一定的參考價(jià)值,希望對(duì)有需要的朋友有所幫助。首先大家要知道什么是HTML?

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

html基本結(jié)構(gòu)具體示例如下:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    </head>
    <body>
    <p>body里面就是網(wǎng)頁內(nèi)容</p>
    </body>
    </html>

html中的標(biāo)簽元素大體被分為三種不同的類型:塊級(jí)元素、內(nèi)聯(lián)元素(又叫行內(nèi)元素)和內(nèi)聯(lián)塊級(jí)元素。

0df1f70c2c7dfe407f3cb5c627f9500.png

一、內(nèi)聯(lián)元素特點(diǎn):

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

2、元素的高度、寬度及頂部和底部邊距不可設(shè)置;

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

常用的內(nèi)聯(lián)元素有哪些(即html行內(nèi)元素有哪些):

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

設(shè)置display:inline;可以將塊狀元素轉(zhuǎn)換為html行內(nèi)元素

二、塊級(jí)元素特點(diǎn)(html塊級(jí)元素什么意思):

1、每個(gè)塊級(jí)元素都從新的一行開始,并且其后的元素也另起一行。

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

3、元素寬度在不設(shè)置的情況下,是它本身父容器的100%(和父元素的寬度一致)

常用的塊狀元素有:

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

設(shè)置display:block;可以將元素轉(zhuǎn)換塊級(jí)元素。

三、內(nèi)聯(lián)塊級(jí)元素特點(diǎn):(同時(shí)具備內(nèi)聯(lián)元素、塊級(jí)元素的特點(diǎn))

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

2、元素的高度、寬度、行高以及頂和底邊距都可設(shè)置!

常用的內(nèi)聯(lián)塊狀元素(即行內(nèi)塊級(jí)元素有哪些):

<img>、<input>

display:inline-block;float:left / right;position:absolute/fixed;可以將元素設(shè)置為內(nèi)聯(lián)塊級(jí)元素。

注:塊級(jí)元素和行內(nèi)元素,默認(rèn)情況下塊級(jí)元素會(huì)始終占居一行,而行內(nèi)元素并不會(huì)。

以上就是html元素是怎么區(qū)分的?(示例總結(jié))的詳細(xì)內(nèi)容,更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章!


網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語,涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。