\r\n\r\n
HTMLとは、Hypertext Markup Language(ハイパーテキストマークアップランゲージ)の略です。ウェブページの作成に使用されます。各ウェブページはハイパーリンクにより他のウェブページにリンクされています。この言語はタグで構成されています。タグは先の尖った括弧で囲まれている。構文は、< タグ名> と同様です。ほとんどのタグは終了タグも持っています。html>がタグの場合、終了タグは < /html> となります。終了タグがないタグもあります。例えば、<br>や<img>などのタグがあります。html要素は、HTML文書やウェブページがDocument Object Model(DOM)に解析された後の構成要素です。DOMは、ウェブブラウザの内部表現です。各文書をツリー状の構造で表現する。ブラウザでは、表示可能な要素にはブロック要素とインライン要素があります。ブロックエレメントは直方体の構造をしています。ブロック要素とインライン要素の主な違いは、ブロック要素が利用可能な全幅を占めるのに対し、インライン要素は要素の内容を表示するために必要な幅を取ることです。
1. 概要と主な相違点 2. ブロック要素とは 3. インライン要素とは 4. ブロック要素とインライン要素の類似点 5. 並べて比較 - 表形式のブロック要素とインライン要素 6. まとめ
ブロック要素は、利用可能な全幅を使用します。これらの要素は常に改行で始まる。ブロック要素の例としては、以下のようなものがあります。段落を定義するために使用されます。見出しを定義するために使用するタグは6つあります。それらはプログラマーはこのヘッダーを適宜利用することができます。
順序付きリストが定義され、順序なしリストが定義されています。Webページで横線を表示するときに使用します。データを表形式で並べるときに使用します。サイト訪問者からデータを収集する必要があるすべてのWebサイトでは、ユーザーからデータを取得するためにHTMLフォームが使用されています。また、ブロックレベルの要素でもある。以上が、HTMLにおけるブロック要素の例です。
インライン要素は必要な幅だけ使用します。これらの要素は、改行で始まるものではありません。以下はインライン要素の例です。他のページへのリンクを作成するために使用します。ハイパーリンクは、HTMLの基本要素の一つです。href属性を含むことができ、ターゲットへのリンクを作成することができます。target 属性は空である。そのため、新しい文書は新しいウィンドウで開かれます。target属性が"_self "の場合、リンク先の文書が同じウィンドウで開かれます。
図01:ブロックとインライン要素の例
テキストの一部を太字にするときに使用します。タグはテキストを斜めにすることです。ウェブページはレンダリング可能であるべきだ。そのため、どのようなWebページも複数の画像で構成されています。ページ上に画像を表示するために使用します。このタグには2つの属性が必要です。srcとaltで、'src'が画像の場所、'alt'が画像の内容を記述します。例以下はインライン要素の例です。
ブロックとインライン要素 | |
ブロック要素とは、親要素の幅いっぱいに配置され、配置されたときに他の要素が同じ水平方向のスペースを占めることを許さない要素である。 | インライン要素とは、body要素の中に直接入れることができない要素で、ブロック要素の中に入れ子になっているものです。 |
ニューライン | |
ブロック要素は改行で始まる。 | インライン要素は改行されません。 |
必要スペース | |
ブロック要素はすべての幅を持つ。 | インライン要素は必要な幅だけ取ります。 |
HTMLとは、Hypertext Markup Language(ハイパーテキストマークアップランゲージ)の略です。タグで構成される言語である。各タグは特定のタスクを持ち、ウェブページの構築方法を定義しています。タグの中には、開始タグと終了タグがあるものがあります。終了タグがないタグもあります。無効なタグと呼ばれるものです。構文解析とは、構文を解析することである。構文解析の後、これらのタグは要素になる。インライン要素やブロック要素はレベル要素になることがあります。ブロック要素とインライン要素の違いは、ブロック要素が全幅を使用するのに対し、インライン要素は要素の内容を表示するために必要な幅を使用することです。
この記事のPDF版をダウンロードし、引用の仕方に従ってオフラインで使用することができます。PDF版はこちらからダウンロードできます:ブロック要素とインライン要素の違い