HTMLでテーブルを作成する方法

著者: Mark Sanchez
作成日: 28 1月 2021
更新日: 1 J 2024
Anonim
【HTML入門】#15.表(テーブル)を表す要素
ビデオ: 【HTML入門】#15.表(テーブル)を表す要素

コンテンツ

HTMLでテーブルを作成することは非常に困難です。ただし、この記事で概説されている手順を使用すると、サイト用に1つ作成できるはずです。

ステップ

  1. 1 Windowsではメモ帳やワードパッドなどの簡単なワードプロセッシングプログラムを開き、Macではテキストエディットを開きます。
  2. 2 表の前に表示するすべてのテキストを入力します。
  3. 3 table>タグを入力して、HTMLドキュメントのテーブルの使用を定義します。

  4. 4 Enterキーを押します。

  5. 5 tr>タグを使用して、行テーブルを開くためのタグを入力します。
  6. 6残りのすべての要素を左から右に構築することを忘れないでください。
  7. 7 Enterキーを押します。
  8. 8 th>タグを使用して、テーブル見出しの開始タグを入力します。
  9. 9 最初の列に使用するタイトルを入力します。
  10. 10 / th>タグを使用して、テーブル見出し要素の終了タグを入力します。
  11. 11 Enterキーを押します。
  12. 12 手順を繰り返します(列にアイテムを配置します) 左から右へ).
  13. 13 / tr>タグを入力して、この行を閉じます。
  14. 14 Enterキーを押します。
  15. 15 別のtr>タグで別の行を開始します。
  16. 16 Enterキーを押します。
  17. 17 td>タグを使用してテーブルデータタグを入力します。
  18. 18 各フィールドに含めるテーブルデータを入力します。
  19. 19上に示した列のデータを入力して、左から右に作業します。
  20. 20 / td>タグで各入力を閉じます。
  21. 21 持っているすべてのテーブルデータに対して繰り返します。
    • 何も入力する必要がないセルの場合は、td>とtd>を入力し、その間に何も入力しません。これは、他の2つのフィールド間のフィールドに非常に役立ちます。
  22. 22 別の/ tr>タグで各行を閉じます。
  23. 23 各行が組み立てられるまで、tr>および/ td>行に加えて、各行を下に繰り返します。
  24. 24 / table>タグを使用してテーブルを閉じます。
  25. 25 ドキュメントの残りの部分で必要に応じて、次のHTMLテキストを入力します。

チップ

  • コードで何をしようとしているのかを理解できるように、各行からインデントします。

警告

  • 表の見出しがない場所に誤ってデータの列を入力しすぎた場合でも、それらは表示されますが、少しばかげているように見え、読者はこの情報の目的を理解できません。
  • HTMLページでテーブルを作成することは、理解するのが難しいプロセスです。まず、外部データを練習してどのように見えるかを確認してから、新しいテーブルを参照してその場所に配置します。
  • HTMLテーブルコードは、高度なHTMLコーダーに任せるのが最善です。ただし、これらの指示に従うと、あなたもその1人になります。