HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLにテーブル列のグループを含める方法は？

タグを使用して、テーブル列のグループを含めます。HTMLの タグは、テーブル内の列のグループのプロパティを指定するために使用されます。 colgroup内の列に異なるプロパティを適用する必要がある場合は、colgroupタグ内でHTMLcolタグを使用できます。

以下は属性です-

がまたがる列の数を定義します。Html5ではサポートされていません
がまたがる列の数を定義します。Html5ではサポートされていません。
属性
値
説明
整列
右
左
中心
正当化する
char
水平方向の配置を定義します。Html5ではサポートされていません 。
Char
文字
テキストの整列に使用する文字を定義します（align ="char"で使用）。Html5ではサポートされていません 。
Charoff
ピクセル
スパン
番号
Valign
下
真ん中
上
ベースライン
垂直方向の配置を定義します。Html5ではサポートされていません。
幅 ピクセルまたは％ 現在のcol要素がまたがる各列のデフォルトの幅を指定します。サポートされていません Html5。
例

次のコードを実行して、HTMLに タグを実装してみてください-

<!DOCTYPE html>
<html>
   <head>
      <title>HTML col Tag</title>
   </head>
   <body>
      <p>This example shows a colgroup that has three columns of different widths:</p>
      <table border = "1">
         <colgroup span = "4">
            <col width = "40"></col>
            <col width = "70"></col>
            <col width = "100"></col>
            <col width = "130"></col>
            <col width = "160"></col>
            </colgroup>
         <tr>
            <td>One</td>
            <td>Two</td>
            <td>Three</td>
            <td>Four</td>
            <td>Five</td>
         </tr>
      </table>
   </body>
</html>

  1. HTMLでテーブルの境界線を作成するにはどうすればよいですか？

    HTMLでテーブルの境界線を作成するには、border属性を使用しました。しかし、HTML5の導入により、borderタグは非推奨になりました。 CSSプロパティの境界線を使用してテーブルの境界線を作成します。テーブルの境界線とおよびの境界線を設定します。 例 次のコードを実行して、テーブルにHTMLの境界線を作成してみてください。ここではタグを使用しています： <!DOCTYPE html> <html>    <head>       <style>     &nb

  2. HTMLでテーブルの列をマージする方法は？

    HTMLのテーブル列をマージするには、タグのcolspan属性を使用します。これで、セルを互いにマージします。たとえば、テーブルに4行4列の場合、colspan属性を使用すると、2つまたは3つのテーブルセルを簡単にマージできます。 例 次のコードを実行して、HTMLのテーブル列をマージしてみてください。まず、3行3列のHTMLでテーブルを作成する方法を説明します <!DOCTYPE html> <html>    <head>       <style>     &nb