HTMLテーブル-3
新しいことは、私たちが議論したことを実践しよう。 Template5.htmlファイルに幅500ピクセルのテーブルを追加しましょう。テーブルには、各行に1つのボックス、1ピクセル幅の境界線、およびセル内のコンテンツを中央に配置する3つの行が必要です。テーブルを作成したら、「Hello World」を一番上のセル(行1-セル1)内に移動します。次に、フォントタグと「Enter Enter」を2行目のセル(行2-セル1)に移動します。最後に行3-セル1を空のままにします。 Template5.htmlファイルをテキストエディターで開き、次のコードを追加して、新しいファイルをTemplate6.htmlとして保存します。

表-ソースコード





こんにちは世界

入る
ここに


注意 - 矢印 は、コードが2行目にラップされ、実際にはすべて1行である必要があることを示します。

Template6.html-ソースコード


こんにちは世界









こんにちは世界

入る
ここに




注意 - 矢印 は、コードが2行目にラップされ、実際にはすべて1行である必要があることを示します。

次に、WebブラウザでTemplate6.htmlを開き、新しいテーブルを見てください。このチュートリアルをブックマークすることをお勧めします。次のいくつかの記事で多くのテーブルを作成します。各タグの属性/値のペアを追加、削除、変更することで、引き続きテーブルを試すことができます。完了したら、Template6.htmlのコードを上記のコードに戻し、再度保存します。

←戻る

|