HTML とも呼ばれるハイパーテキスト マークアップ言語は、Web アプリケーションの構築に使用されます。一般に要素として知られる HTML タグは、HTML 言語の最も重要な側面です。 HTML タグは、コンテンツや情報を Web ページに埋め込んで表示します。 HTML タグには、空タグとコンテナ タグの 2 種類があります。
このブログでは、HTML で空のタグとコンテナー タグを操作する方法について説明します。
空のタグ
空のタグは「」とも呼ばれます。 シングルトン ' また ' 空所 」タグ。 void タグにコンテンツが含まれることはありませんが、属性を指定できます。これらのタグには終了タグがなく、タグにバックスラッシュが含まれている場合があります。空のタグの例としては、「
」、「」、「」、「
構文
HTML で void 要素に言及するための構文は次のとおりです。
< 空タグ />
空のタグを使用する方法については、以下の例をご覧ください。 「
” タグは改行タグとして知られており、改行に使用されます。
< p > HTML 空のタグ < br > この線 壊す 鬼ごっこ p >
出力は、「
」 タグが改行されました:
CSS スタイリング プロパティを HTML タグに追加できます。 「 <時> ” タグは、ページに水平線を追加する別の空の要素です。
< p > HTML 空のタグ< 時間 スタイル = 'border-top: 3px 破線の赤;' > この線 壊す 鬼ごっこ
p >
「 ボーダートップ 」 CSS プロパティが「 <時> 」に 3 つの値がある場合、1 つは「」に等しい境界線の幅です。 3px 」、ボーダースタイルは「 破線 」とボーダーカラー。
出力
これまで、HTML の空タグについて説明してきました。次のセクションでは、HTML コンテナ タグについて説明します。
コンテナタグ
HTML コンテナー タグは、開始タグ、コンテンツ、および終了タグの 3 つの部分で構成されます。 HTML コンテナ タグの構文は次のとおりです。
< start_day > コンテンツ 終了タグ >次の例をチェックして、コンテナ タグが HTML でどのように機能するかを確認してください。
例 1: HTML に段落を追加する方法
「 」タグを使用して、段落を HTML ドキュメントに埋め込みます。
< p > これは段落タグです p >出力
例 2: HTML に見出しを追加する方法
Web ページに見出しを追加するために使用できる見出しコンテナ タグには、6 つのレベルがあります。それらを HTML ドキュメントに入れて、それらがどのように機能し、Web ページでどのように見えるかを見てみましょう。
< h1 > Linux h1 >< h2 > Linux h2 >
< h3 > Linux h3 >
< h4 > Linux h4 >
< h5 > Linux h5 >
< h6 > Linux h6 >
出力
これらのタグにインライン スタイルを提供できます。これらのタグにさまざまな CSS スタイリング プロパティを適用する方法を示す以下の例を検討してください。
< h1 スタイル = 'background-color: アザミ; font-family: cursive;' > Linux h1 >< h2 スタイル = 'background-color: 小麦; text-align: center;' > Linux h2 >
< h3 スタイル = '背景色: トマト; 色: 白;' > Linux h3 >
< h4 スタイル = 'font-family: 'Trebuchet MS'; background-color: yellowgreen;' > Linux h4 >
< h5 スタイル = '背景色: 紫;' > Linux h5 >
< h6 スタイル = '背景色: ホワイトスモーク;' > Linux h6 & gt
上記のプロパティの説明は次のとおりです。
- 「 背景色 」プロパティは、要素の背景に色を追加します。
- 「 フォントファミリー 」プロパティは、要素のフォント スタイルを調整します。
- 「 テキスト揃え 」プロパティは、テキストの配置または配置を調整します。
出力
HTML の空タグとコンテナー タグの使用方法を示しました。
結論
空のタグとコンテナー タグは、コンテンツと情報を Web ページに埋め込む HTML ドキュメントの主要なコンポーネントです。空のタグにはコンテンツは含まれず、
のように末尾にバックスラッシュが付いた開始タグのみで構成されます。ただし、コンテナー タグには、コンテンツと共に開始タグと終了タグが含まれています。このブログでは、HTML の空要素とコンテナー要素の動作について詳しく説明しました。