コミュニティ
学ぶ
ツールライブラリ
AIツール
レジャー
検索
日本語
ホームページ ウェブフロントエンド フロントエンドQ&A HTMLのcolタグの使い方

HTMLのcolタグの使い方

May 26, 2019 pm 02:02 PM

html Col タグは、テーブル内の 1 つ以上の列の属性値を定義するために使用されます。すべての列にスタイルを適用する必要がある場合は、

タグが便利です。各ユニットと行にスタイルを繰り返し適用します。 タグは、table 要素または Colgroup 要素内でのみ使用できます。

HTMLのcolタグの使い方

#html Col タグの使用方法

関数: テーブル内の 1 つ以上の列で属性値を定義します。

注:

タグは、すべての列にスタイルを適用する必要がある場合に便利です。これにより、スタイルを繰り返し適用する必要がなくなります。各セルと行。 タグは、table 要素または Colgroup 要素内でのみ使用できます。

注: HTML では、

には終了タグがありません。 XHTML では、 タグを適切に閉じる必要があります。

html Col タグの使用例

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<table width="100%" border="1">

    <col />

    <col />

    <col />

    <tr>

        <th>商品种类</th>

        <th>名称</th>

        <th>价格</th>

    </tr>

    <tr>

        <td>衣服</td>

        <td>衬衣</td>

        <td>53元</td>

    </tr>

    <tr>

        <td>鞋子</td>

        <td>板鞋</td>

        <td>199元</td>

    </tr>

</table>

</body>

</html>

ログイン後にコピー

効果:

HTMLのcolタグの使い方

以上がHTMLのcolタグの使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

人気の記事

2つのポイント博物館：バングルワシュタランドロケーションガイド
4週間前 By 尊渡假赌尊渡假赌尊渡假赌
スプリットフィクションを打ち負かすのにどれくらい時間がかかりますか？
3週間前 By DDD
レポ：チームメイトを復活させる方法
3週間前 By 尊渡假赌尊渡假赌尊渡假赌
ハローキティアイランドアドベンチャー：巨大な種を手に入れる方法
3週間前 By 尊渡假赌尊渡假赌尊渡假赌
公式アカウントのキャッシュの更新の難しさ：バージョンの更新後のユーザーエクスペリエンスに影響を与える古いキャッシュを回避する方法は？
3週間前 By 王林
もっと見る

ホットツール Tags

コード&IT
オーディオ
仕事
マーケティング
AI検出器
チャットボット
デザイン&アート

人気の記事

2つのポイント博物館：バングルワシュタランドロケーションガイド
4週間前 By 尊渡假赌尊渡假赌尊渡假赌
スプリットフィクションを打ち負かすのにどれくらい時間がかかりますか？
3週間前 By DDD
レポ：チームメイトを復活させる方法
3週間前 By 尊渡假赌尊渡假赌尊渡假赌
ハローキティアイランドアドベンチャー：巨大な種を手に入れる方法
3週間前 By 尊渡假赌尊渡假赌尊渡假赌
公式アカウントのキャッシュの更新の難しさ：バージョンの更新後のユーザーエクスペリエンスに影響を与える古いキャッシュを回避する方法は？
3週間前 By 王林
もっと見る

ホットな記事タグ

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト（SublimeText3）

もっと見る

ホットトピック

Gmailメールのログイン入り口はどこですか？
7114
9
Java チュートリアル
1534
14
Laravel チュートリアル
1254
25
PHP チュートリアル
1205
29
CakePHP チュートリアル
1153
46
もっと見る
Related knowledge
怠zyなロードの概念を説明してください。 怠zyなロードの概念を説明してください。 Mar 13, 2025 pm 07:47 PM

怠zyなロードの概念を説明してください。

React和解アルゴリズムはどのように機能しますか？ React和解アルゴリズムはどのように機能しますか？ Mar 18, 2025 pm 01:58 PM

React和解アルゴリズムはどのように機能しますか？

UseEffectとは何ですか？副作用を実行するためにどのように使用しますか？ UseEffectとは何ですか？副作用を実行するためにどのように使用しますか？ Mar 19, 2025 pm 03:58 PM

UseEffectとは何ですか？副作用を実行するためにどのように使用しますか？

JavaScriptでカリーはどのように機能し、その利点は何ですか？ JavaScriptでカリーはどのように機能し、その利点は何ですか？ Mar 18, 2025 pm 01:45 PM

JavaScriptでカリーはどのように機能し、その利点は何ですか？

JavaScriptの高次関数とは何ですか？また、より簡潔で再利用可能なコードを書くためにどのように使用できますか？ JavaScriptの高次関数とは何ですか？また、より簡潔で再利用可能なコードを書くためにどのように使用できますか？ Mar 18, 2025 pm 01:44 PM

JavaScriptの高次関数とは何ですか？また、より簡潔で再利用可能なコードを書くためにどのように使用できますか？

各ライフサイクル方法の目的とそのユースケースを説明します。 各ライフサイクル方法の目的とそのユースケースを説明します。 Mar 19, 2025 pm 01:46 PM

各ライフサイクル方法の目的とそのユースケースを説明します。

Reactのパフォーマンス最適化手法（メモ化、コード分割、怠zyな読み込み）とは何ですか？ Reactのパフォーマンス最適化手法（メモ化、コード分割、怠zyな読み込み）とは何ですか？ Mar 18, 2025 pm 01:57 PM

Reactのパフォーマンス最適化手法（メモ化、コード分割、怠zyな読み込み）とは何ですか？

usecontextとは何ですか？コンポーネント間で状態を共有するためにどのように使用しますか？ usecontextとは何ですか？コンポーネント間で状態を共有するためにどのように使用しますか？ Mar 19, 2025 pm 03:59 PM

usecontextとは何ですか？コンポーネント間で状態を共有するためにどのように使用しますか？

See all articles