HTML テーブルマークアップチュートリアル (1): テーブルの作成

<br />これは 123WORDPRESS.COM が提供する一連のチュートリアルです。主に初心者向けに、Web ページでの表の応用について、最も基本的な知識、いくつかの表のスキルなどを説明します。123WORDPRESS.COM を応援していただければ幸いです。
テーブルはコンテンツを整理するのに最適な方法です。HTML ページでは、ほとんどのページがテーブルを使用してレイアウトされます。しかし、現在の技術では、DIV CSS を使用して Web ページを作成することを提案する人もいます。主な目的は、Web ページのコードを簡素化することです。現在、多くのサイトで DIV CSS レイアウトが実装されていますが、Web ページの作成プロセスでは、テーブルの作成方法を学ぶことが依然として非常に必要なので、具体的に説明します。
HTML の構文では、テーブルは主にテーブルタグ、行タグ、セルタグの 3 つのタグで構成されます。次の表に示すように:
表マークアップ
タグの説明<TABLE>…</TABLE> 表タグ <TR>…</TR> 行タグ <TD>…</TD> セルタグ
基本的な構文
01 <表>
02 <TR>
03 <TD> …</TD>
04 …
05 </TR>
06 <TR>
07 <TD> …</TD>
08…
09 </TR>
10……
11</表>
構文
<TABLE> タグは表の始まりを表し、<TR> タグは行の始まりを表し、<TD> と </TD> の間の内容はセルの内容です。これらのタグ間の関係は、大きいものから小さいものへ、レイヤーごとに、最大のテーブルから最小のセルへと続きます。テーブルには複数の <TR> タグと <TD> タグを含めることができ、それぞれ複数の行と複数のセルを表します。
ファイル例: 10-1.htm
<TABLE>、<TR>、<TD> タグを使用して、3 行 2 列の表を作成します。
01 
02 
03 
04 
05 <HTML>
06 <ヘッド>
07 <TITLE>テーブルを作る</TITLE>
08 </HEAD>
09 <本文>
10 <H1>主流のウェブデザインソフトウェア</H1>
11 <表>
12 <TR>
13 <TD>Web イメージソフトウェア</TD>
14 <TD>花火</TD>
15 </TR>
16 <TR>
17 <TD>Webページ作成ソフトウェア</TD>
18 <TD>ドリームウィーバー</TD>
19 </TR>
20 <TR>
21 <TD>Webアニメーションソフトウェア</TD>
22 <TD>フラッシュ</TD>
23 </TR>
24 </表>
25 </本文>
26 </HTML>
ファイルの説明<br />行 11 から 24 は完全な表、行 12 から 15 は表の最初の行、行 16 から 19 は表の 2 番目の行、行 20 から 23 は表の 3 番目の行です。

<<: Docker 用ビジュアル UI 管理ツール Portainer のインストールと使用方法の分析

>>: MySQL <> および <=> 演算子の紹介