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

HTMLでテーブルセルを表示するにはどうすればよいですか


e タグを使用して、テーブルセルを表示します。 HTMLのタグは、テーブル内のセルまたはテーブルデータを指定するために使用されます。

次の属性をサポートします-

の場合に使用されます の場合に使用されます
属性

説明
abbr
abbreviated_text 非推奨 −セル内のコンテンツの短縮バージョンを指定します。
align
右左中央揃え文字 非推奨 −視覚的な配置。
axis
名前 非推奨 −このtdのカテゴリを指定します。これは、テーブルデータに対してクエリを実行するために使用できる可能性があり、音声ブラウザのコンテキストで役立つ可能性があります
bgcolor
rgb(x、x、x)#hexcode colorname 非推奨 −テーブルセルの背景色を指定します。
char
文字 非推奨 −テキストを揃える文字を指定します。 align ="char"
charoff
ピクセルまたは% 非推奨 − char属性で指定された最初の文字に対する位置合わせオフセット(ピクセルまたはパーセンテージ値のいずれか)を指定します。 align ="char"
colspan
数値 現在のセルがまたがる列の数を指定します。
ヘッダー
id このセルに関する情報を含むヘッダーセルのスペース区切りのリストを指定します。値は、ヘッダーセルのID(id属性を使用して設定されます)に対応している必要があります。この属性は、非ビジュアルブラウザに役立ちます。
高さ
ピクセル 非推奨 −テーブルセルの高さを指定します。
nowrap
nowrap 非推奨 −テキストが自動的に折り返されるのを防ぎます。
行スパン
数値 現在のセルがまたがる行数を指定します。
スコープ
col colgroup row rowgroup 非推奨 −この属性はヘッダーセルで使用され、このヘッダーの情報を使用するセルを指定します。
valign
上部中央下部ベースライン 非推奨 −垂直方向の配置。
ピクセルまたは% 非推奨 −テーブルセルの幅を指定します

次のコードを実行して、テーブルセルをHTMLで表示することができます-

<!DOCTYPE html>
<html>
   <head>
      <style>
         table, th, td {
            border: 1px solid black;
         }
      </style>
   </head>
   <body>
      <h3>Result</h3>
      <table>
         <th>Marks</th>
         <th>Student</th>
         <tr>
            <td>600</td>
            <td>Amit</td>
         </tr>
         <tr>
            <td>400</td>
            <td>Anil</td>
         </tr>
      </table>
   </body>
</html>
>
  1. HTMLで折りたたまれた境界線を作成するにはどうすればよいですか?

    HTMLで折りたたまれた境界線を作成するには、border-collapseCSSプロパティを使用します。このプロパティには、次の値を指定できます。 プロパティ値 説明 個別 境界線が切り離されています 折りたたみ これにより、境界線が1つの境界線に折りたたまれます 追加する方法は次のとおりです 例 次のコードを実行して、プロパティが折りたたまれた状態で折りたたまれた境界線を作成できます。 <!DOCTYPE html> <html>    <head>   &nbs

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

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