HTMLのタグの使い方とは?


以下に、タグの使い方とコード例をいくつか紹介します。

<table>
  <tr>
    <td>セル1</td>
    <td>セル2</td>
  </tr>
  <tr>
    <td>セル3</td>
    <td>セル4</td>
  </tr>
</table>

上記のコードでは、2行2列のテーブルが作成されます。各タグは1つのセルを定義し、その内容を表示します。

<table>
  <tr>
    <td>テキストセル</td>
    <td><img src="画像のURL" alt="画像"></td>
  </tr>
</table>

上記のコードでは、1つのセルにはテキストが表示され、もう1つのセルには画像が表示されます。テキストは直接タグ内に記述され、画像はタグを使用して表示されます。

<style>
  .highlight {
    background-color: yellow;
  }
</style>
<table>
  <tr>
    <td class="highlight">ハイライトされたセル</td>
    <td>通常のセル</td>
  </tr>
</table>

上記のコードでは、.highlightというクラスが定義され、背景色が黄色に設定されています。そのクラスを持つタグは、背景色がハイライトされます。

これらはいくつかの基本的なタグの使用例です。実際のウェブページでは、CSSやJavaScriptと組み合わせてさまざまなデザインや機能を実現することができます。