コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > テーブル(TABLE)タグ(TAGS)_HTML/Xhtml_Webページ制作の詳しい紹介

テーブル(TABLE)タグ(TAGS)_HTML/Xhtml_Webページ制作の詳しい紹介

WBOY
リリース： 2016-05-16 16:40:54
オリジナル
1322 人が閲覧しました

テーブルの基本構文

...
- テーブルの定義
- テーブルのヘッダーを定義
元（表の特定データ）
枠線付きの表:




コードをコピーしますコードは次のとおりです:

食べ物 飲み物 甘い

td>ABC

Food Drink Sweet
A B C


枠線のない表:

コードをコピーします
コードは次のとおりです:
<表>ABC





Food Drink Sweet
A B C
複数の行と列にまたがるテーブル スパン

複数の列にまたがるテーブル要素

コードをコピー
コードは次のとおりです。 ;th>ドリンク SweetA BC





複数の行にまたがるテーブル要素

Morning Menu
Food Drink Sweet
A B C

コードをコピーします



コードは次のとおりです:
<表の境界線> モーニングメニュー 食事 A ドリンクB 甘い C


テーブルサイズの設定

枠線サイズの設定:


コードをコピー
コードは次のとおりです:



< ;td>A

食べ物飲み物甘い
BC
Food Drink Sweet
A B C

<表の境界線の幅=# 高さ=#>

テーブルサイズ設定:




コードをコピー コードは次のとおりです:
<表の境界線の幅=170高さ=100>
食べ物飲み物甘い
< ;tr>ABC


Food Drink Sweet
A B C

<表の境界セルスペース=#>

テーブル要素のギャップ設定:




コードをコピーコードは次のとおりです:


AB


食べ物飲み物甘い
Food Drink Sweet
A B C

テーブル要素の内部空白設定:




コードをコピーしますコードは次のとおりです:
gt;
食べ物 飲み物 甘いもの
ABC



表内のテキストの配置/レイアウト

#=左、中央、右



コードをコピーしますコードは次のとおりです:
<表の境界線幅=160>

食べ物飲み物スイーツ

A
B
C/ td>


Food Drink Sweet
A B C

#=上、中央、下、ベースライン



コードをコピーしますコードは次のとおりです:


食べ物 飲み物
甘いもの
/th> その他

A
B
< ;td valign=bottom>C
D

Food Drink Sweet Other
A B C D

ページ上のテーブルの配置/レイアウト (フローティング テーブル)

<テーブル整列=左>


コードをコピーコードは次のとおりです:


食べ物 飲み物 甘い
A
;/td> ;		BC


私のお気に入り...
チョコレートなど
Food Drink Sweet
A B C

私のお気に入り...
クッキー、チョコレートなど

。

<テーブル整列=右>

私のお気に入り...
クッキー、チョコレートなど。

#=スペース値


复制代
代码如下:



食べ物飲み物甘いもの

td>A		BC

お気に入り...
;クッキー、チョコレートなど。
Food Drink Sweet
A B C


私のお気に入り...
クッキー、チョコレートなど。

表格の标题


... #=左、中央、右

复制代
代码如下:


< table border>
ランチ
フードドリンクスイーツ
ABC

Lunch
Food Drink Sweet
A B C
<本体>

#=上、下
valign=top がデフォルトです。
复制代码
代码如下:


ランチ

食べ物 飲み物 甘い
あ B C
...


ランチ
食べ物ドリンクスイーツ
A B C

Food Drink Sweet
A B C
ランチ
関連ラベル：
table マーク シート
ソース：php.cn
前の記事：HTML_HTML/Xhtml_Webページ制作における絶対パスと相対パスの違いの解析 次の記事： タグ、その定義方法、およびその使用方法_HTML/Xhtml_Web ページの制作について、注意深く理解したことがありますか?
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
URL パラメータから取得した PHP 配列が期待どおりに動作しない カテゴリ ID を含む URL パラメータがあり、それを次のような配列として扱いたいと考えています: http://example.com?cat[]=3,9,13 PHP では、...
から 2024-04-06 22:09:02
0
1
1428
戻り値の変数の形式は何ですか? 私はphpの初心者です。コードを見つけました: if($x<time()){return[false,'error'];} ロジックや変数は重要ではありませんが、[false...
から 2024-04-06 21:55:20
0
1
778
単語と一致する正規表現 新しいジョブ名をデータベース内の既存のジョブ名と照合しようとするスクリプトがあります。 SELECTa.titleASJobTitle,j.DescriptionASMatched...
から 2024-04-06 21:24:04
0
1
606
クエリと式は、新しい列を含むテーブル全体を形成します。新しい列は、他の条件列の値を含む式です。 編集: 式は「値」列、つま​​りカテゴリに基づいて最も低い user_id を持つ「値」列である必要があります。カテゴリ「A」の最も低い「user_id」の「value」列が 0....
から 2024-04-06 21:23:40
0
2
530
Javafx でインライン CSS スタイルを動的に変更する アプリケーションが最大化されているときにペインの背景画像を変更しようとしています。私の背景はインライン CSS を使用して設定されています。スタイル用に 2 つの異なる変数と if...
から 2024-04-06 20:57:16
0
1
487
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート