ホームページ > 記事 > ウェブフロントエンド > HTML要素を区別するにはどうすればよいですか? （要約例）

HTML要素を区別するにはどうすればよいですか? （要約例）

藏色散人オリジナル: 2018-08-14 15:28:232495ブラウズ

この記事では主に html 要素の定義と分類 (html 要素の完全なコレクション) を紹介します。そこで、以下では、HTML ブロックレベル要素とは何か、HTML ブロックレベル要素の変換、ブロック要素とインライン要素などに関する関連事項を紹介します。この記事は一定の参考価値があり、困っている友人の役に立てば幸いです。まず第一に、誰もが HTML とは何なのかを知る必要があります。

HTML はハイパーテキストマークアップ言語です。HTML テキストは、HTML コマンドで構成される説明テキストであり、テキスト、グラフィック、アニメーション、サウンド、テーブル、リンクなどを記述できます。 HTML の構造は、Head と Body の 2 つの部分で構成されます。ヘッダーにはブラウザが必要とする情報が記述され、ボディには具体的な説明内容が記述されます。

HTML の基本構造の具体例は次のとおりです:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    </head>
    <body>
    <p>body里面就是网页内容</p>
    </body>
    </html>

HTML のタグ要素は、一般に、ブロックレベル要素、インライン要素 (インライン要素とも呼ばれる)、およびインラインブロックレベル要素の 3 つの異なるタイプに分類されます。。

HTML要素を区別するにはどうすればよいですか? （要約例）

1. インライン要素の特徴: 1. 要素の高さ、幅、上下の余白は設定できません。要素の幅は、要素に含まれるテキストまたは画像の幅であり、変更できません。

一般的に使用されるインライン要素とは何ですか (つまり、HTML インライン要素とは何ですか):

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

set display:inline; ブロック要素を HTML インライン要素に変換できます

2. ブロックレベル要素の特徴(html ブロックレベル要素の意味):

1. 各ブロックレベル要素は新しい行で始まり、後続の要素も新しい行で始まります。

2. 要素の高さ、幅、行の高さ、上下の余白を設定できます。 3. 要素の幅が設定されていない場合、親コンテナの 100% (親要素の幅と同じ)

一般的に使用されるブロック要素は次のとおりです:

、

...

、
、

、
、、
、
,

set display:block 要素はブロックレベルの要素に変換できます。

3. インラインブロックレベル要素の特徴: (インライン要素とブロックレベル要素の両方の特徴を持つ)

2. 高さ、幅、および要素の行の高さと上下の余白を設定できます！

一般的に使用されるインラインブロック要素 (つまり、インラインブロックレベルの要素): 、

display: inline-block; float: left / right; ; 要素はインラインのブロックレベル要素として設定できます。

注: ブロックレベル要素とインライン要素デフォルトでは、ブロックレベル要素は常に 1 行を占めますが、インライン要素はそうではありません。

以上がHTML要素を区別するにはどうすればよいですか? （要約例）の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

html Float display position input ul table

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：フロントエンドの応答性プログラミングソリューションとその欠点の詳細な紹介 (コード付き)次の記事：フロントエンドの応答性プログラミングソリューションとその欠点の詳細な紹介 (コード付き)

続きを見る