html5 ブロック、インライン div、span HTML ブロックレベル要素

HTML

と

• HTML List

• HTML クラス

は渡すことができます< ; div> と は HTML 要素を結合します。

HTMLブロック要素

ほとんどのHTML要素は次のように定義されています要素または接続された要素。

編集者注: 「ブロックレベル要素」は、ブロックレベル要素として翻訳されます、 インライン要素 "翻訳インライン要素の場合。 ブロックレベルの要素は、通常、ブラウザで表示されるときに新しい行で始まり (そして終わり) ます。

例:

、

、線要素 インライン要素は通常、表示時に新しい行で始まりません。

例: 、

、、

要素

HTML

要素は、他の HTML 要素を結合するために使用できるコンテナーであるブロックレベルの要素です。

要素には特別な意味はありません。また、ブロックレベルの要素であるため、ブラウザでは前後に改行が表示されます。

CSS と一緒に使用すると、

要素を使用して、大きなコンテンツ ブロックにスタイル属性を設定できます。

要素のもう 1 つの一般的な用途は、ドキュメントのレイアウトです。これは、テーブルを使用してレイアウトを定義する昔ながらの方法を置き換えます。ドキュメントのレイアウトに 要素を使用することは、テーブルの正しい使用法ではありません。 要素は表形式のデータを表示するために使用されます。 HTML の 要素は、テキストのコンテナとして使用できるインライン要素です。

要素にも特別な意味はありません。

CSS と一緒に使用すると、

要素を使用してテキストの一部にスタイル属性を設定できます。

HTMLグループタグ

タグ

説明

< ;div> ドキュメント内の部門またはセクション (部門/セクション) を定義します。
	ドキュメント内のインライン要素を結合するために使用されるスパンを定義します。

以上がhtml5 ブロック、インライン div、span HTML ブロックレベル要素の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：

h5 html html5 span 列をなして 区块

ソース：php.cn

前の記事：ブラウザカーネル URL 分解 Web サーバー 次の記事：HTMLで画像にクリックイベントを追加する方法を詳しく解説

このウェブサイトの声明

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

著者別の最新記事

• PHP配列に要素を追加する方法
  2023-03-14 15:58:02
• シンプルな多肢選択評価システムを実装する JS を示す例
  1970-01-01 08:00:00
• 同じ IP の複数の送信を制限する PHP ソリューション
  2023-03-15 07:38:01
• 正規表現を使用して HTML でフォーム検証を実装する
  1970-01-01 08:00:00
• JavaScript 厳密モードでのこの指摘の問題の詳細な説明
  1970-01-01 08:00:00
• Java でツリー メニュー (マルチレベル メニューを含む) を構築するためのコード例
  1970-01-01 08:00:00
• ホバーが離れたときにスムーズな遷移を実装する CSS3 の詳細な例
  1970-01-01 08:00:00
• スワイパーカルーセル画像のソースコード共有分析
  1970-01-01 08:00:00
• VsCode プラグインを要約して整理する
  1970-01-01 08:00:00
• HttpUtils リクエスト ツール クラス コード
  1970-01-01 08:00:00

最新の問題

ページのメインディスプレイに画像を表示するにはどうすればよいですか? 私がやりたいのは、NASAAPI を使用して写真を受信することです。これらの写真は、マイページのサムネイルとメインディスプレイに表示されます。コードがサムネイルから画像を取得してペ...

から 2024-04-06 15:33:12

0

1

433

PDF ファイルは HTML5 と JavaScript を実行できますか? PDF に埋め込まれるため、どのコンピュータでもブロックされないプログラムを作成してみようという愚かな考えがあります (JavaScript は PDF 内で実行できると聞きました...

から 2024-04-05 12:57:00

0

1

456

HTML5 の enctype と formenctype の違いは何ですか? HTMLLivingStandard (別名、新しい HTML5 仕様) の属性 enctype と formenctype の違いは何でしょうか?私は HTML Standard...

から 2024-04-02 11:47:56

0

1

275

ページをモバイル対応にしますか? たくさんの Web ページといくつかの Web サイトがあります。問題は、私は初心者だということです。基本的な html5 と css3 を使用していますが、それらをスケールアップ...

から 2024-04-01 20:42:38

0

1

259

関連トピック

詳細>

• html著作権記号
• HTMLオンラインエディター
• HTMLウェブページ制作
• HTMLスペース
• h5とは何ですか
• htmlとは何ですか
• HTMLのフォントサイズを設定する方法
• htmlからテキストへ

人気のおすすめ

• URLってどういう意味ですか？
• DOM とはどういう意味ですか?
• 画像サイズを変更する方法
• HTMLでフォントを太字にする方法
• HTML画像のサイズを設定する方法

人気のチュートリアル

詳細>

関連するチュートリアル

人気のおすすめ

最新のコース

• 
  最新の ThinkPHP 5.1 ワールドプレミアビデオチュートリアル (PHP エキスパートになるための 60 日間のオンライン トレーニング コース)

  1420021
• 
  PHP 入門チュートリアル 1: 1 週間で PHP を学ぶ

  4262503
• 
  JAVA 初心者向けビデオチュートリアル

  2505467
• 
  Little Turtle のゼロベースの Python 学習入門ビデオ チュートリアル

  505455
• 
  PHP ゼロベースの入門チュートリアル

  860378

• 
  最新の ThinkPHP 5.1 ワールドプレミアビデオチュートリアル (PHP エキスパートになるための 60 日間のオンライン トレーニング コース)

  1420021 回の学習
• 
  JAVA 初心者向けビデオチュートリアル

  2505467 回の学習
• 
  Little Turtle のゼロベースの Python 学習入門ビデオ チュートリアル

  505455 回の学習
• 
  Web フロントエンド開発の簡単な紹介

  215519 回の学習
• 
  PSビデオチュートリアルをゼロからマスターする

  884031 回の学習

• 
  [Web フロントエンド] Node.js クイック スタート

  6991 回の学習
• 
  海外のWeb開発フルスタックコースの完全なコレクション

  5434 回の学習
• 
  Go言語実践GraphQL

  4581 回の学習
• 
  550W ファンマスターが JavaScript をゼロから段階的に学習します

  659 回の学習
• 
  Python マスター Mosh、基礎知識ゼロの初心者でも 6 時間で始められる

  23161 回の学習

最新のダウンロード

詳細>

ウェブエフェクト

公式サイト

サイト素材

フロントエンドテンプレート

• [フォームボタン] jQuery エンタープライズ メッセージ フォームの連絡先コード
• [プレイヤーの特殊効果] HTML5 MP3 オルゴール再生効果
• [メニューナビゲーション] HTML5 クールなパーティクル アニメーション ナビゲーション メニューの特殊効果
• [フォームボタン] jQuery ビジュアル フォームのドラッグ アンド ドロップ編集コード
• [プレイヤーの特殊効果] VUE.JS 模倣 Kugou 音楽プレーヤー コード
• [html5特殊効果] 古典的な HTML5 プッシュ ボックス ゲーム
• [画像の特殊効果] 画像効果を追加または削減するための jQuery スクロール
• [フォトアルバム効果] CSS3 個人アルバム カバー ホバー ズーム効果

• [フロントエンドテンプレート] 室内装飾クリーニングおよび修理サービス会社のウェブサイトのテンプレート
• [フロントエンドテンプレート] フレッシュカラーの個人履歴書ガイドページテンプレート
• [フロントエンドテンプレート] デザイナーのクリエイティブな仕事の履歴書 Web テンプレート
• [フロントエンドテンプレート] 現代のエンジニアリング建設会社のウェブサイトのテンプレート
• [フロントエンドテンプレート] 教育サービス機関向けのレスポンシブ HTML5 テンプレート
• [フロントエンドテンプレート] オンライン電子書籍ストア モールのウェブサイト テンプレート
• [フロントエンドテンプレート] IT テクノロジーがインターネット企業の Web サイト テンプレートを解決します
• [フロントエンドテンプレート] パープルスタイル外国為替取引サービスウェブサイトテンプレート

• [PNG素材] かわいい夏の要素のベクター素材 (EPS+PNG)
• [PNG素材] 4 つの赤い 2023 卒業バッジ ベクター素材 (AI+EPS+PNG)
• [バナー画像] 歌う鳥と花がいっぱいのカートデザイン春のバナーベクター素材（AI+EPS）
• [PNG素材] 金色の卒業帽ベクター素材（EPS+PNG）
• [PNG素材] 黒と白のスタイルの山アイコン ベクター素材 (EPS+PNG)
• [PNG素材] 異なる色のマントと異なるポーズを持つスーパーヒーローのシルエットベクター素材（EPS+PNG）
• [バナー画像] フラット スタイルの植樹祭バナー ベクター素材 (AI+EPS)
• [PNG素材] 9つのコミックスタイルの爆発するチャットバブルベクター素材（EPS+PNG）

• [フロントエンドテンプレート] 室内装飾クリーニングおよび修理サービス会社のウェブサイトのテンプレート
• [フロントエンドテンプレート] フレッシュカラーの個人履歴書ガイドページテンプレート
• [フロントエンドテンプレート] デザイナーのクリエイティブな仕事の履歴書 Web テンプレート
• [フロントエンドテンプレート] 現代のエンジニアリング建設会社のウェブサイトのテンプレート
• [フロントエンドテンプレート] 教育サービス機関向けのレスポンシブ HTML5 テンプレート
• [フロントエンドテンプレート] オンライン電子書籍ストア モールのウェブサイト テンプレート
• [フロントエンドテンプレート] IT テクノロジーがインターネット企業の Web サイト テンプレートを解決します
• [フロントエンドテンプレート] パープルスタイル外国為替取引サービスウェブサイトテンプレート



福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！

私たちについて 免責事項 Sitemap

© php.cn All rights reserved