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

HTMLにテーブル列の属性を含めるにはどうすればよいですか?


タグを使用して、テーブル列の属性を含めます。 HTMLのタグを使用すると、作成者はテーブル列の属性仕様をグループ化できます。列を構造的にグループ化することはありません。これが 要素の役割です。

以下は属性です-

がまたがる列の数を定義します。Html5ではサポートされていません。
属性

説明
整列


中心
正当化する
char
水平方向の配置を定義します。Html5ではサポートされていません。
文字
文字
テキストの整列に使用する文字を定義します(align ="char"で使用)。Html5ではサポートされていません。
Charoff
ピクセル
char属性で指定された最初の文字に対する配置オフセット(ピクセルまたはパーセンテージ値のいずれか)を指定します。Html5ではサポートされていません
スパン
数値
Valign

真ん中

ベースライン
垂直方向の配置を定義します。Html5ではサポートされていません

ピクセルまたは%
現在のcol要素がまたがる各列のデフォルトの幅を指定します。Html5ではサポートされていません。

次のコードを実行して、タグ-

を実装してみてください。
<!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