HTMLテーブルのヘッダーコンテンツを中央に配置するにはどうすればよいですか?テーブルヘッダータグの align 属性の詳細な紹介-htmlチュートリアル-php.cn

HTMLテーブルのヘッダーコンテンツを中央に配置するにはどうすればよいですか?テーブルヘッダータグの align 属性の詳細な紹介

寻∝梦

リリース： 2018-08-25 13:40:20

オリジナル

41112 人が閲覧しました

この記事では、HTML テーブルの番目のヘッダーの中央揃えの例を主に説明します。また、HTML の

番目のヘッダータグの配置と、align 属性の具体的な属性値についても説明します。

まず、HTML テーブルの th ヘッダータグが何であるかを知る必要があります:

使用する HTML テーブルには 2 種類のセルがあります:

1 つは、ヘッダーを含むヘッダーセル

です。情報は th タグによって作成されます

と、td タグによって作成されたデータを含む標準セル

もあります

それらを区別するのは簡単なことの 1 つは次のとおりです:

th 内のコンテンツタグは通常、中央揃えの太字のテキストコンテンツとしてレンダリングされますが、td タグ内のコンテンツは通常、左揃えのテキストコンテンツです。

さて、HTML テーブルの hr タグの基本をいくつか理解しました。次に、記事の最初のコンテンツ、

つまり、 HTML テーブルの th ヘッダーを中央に配置する方法

を始めます。

HTML テーブルのヘッダーを中央揃えにする例を見てみましょう

<table border="2">
  <tr>
    <th>网站名称</th>
    <th align="right">网址</th>
  </tr>
  <tr>
    <td>php中文网</td>
    <td>网址是：//m.sbmmt.com</td>
  </tr>
  <tr>
    <td>百度百科</td>
    <td>网址是：https://baike.baidu.com</td>
  </tr>
</table>

ログイン後にコピー

これは、テーブルの最初の列に align 属性が追加されていることがわかります。 to th. align 属性値は right です。これは、th タグに含まれるコンテンツのテキストが右に配置されることを意味するため、次のように表示されます。

HTMLテーブルのヘッダーコンテンツを中央に配置するにはどうすればよいですか?テーブルヘッダータグの align 属性の詳細な紹介

()

今日は

番目のヘッダーを中央に配置する方法について話します はい、上記の場合と同様に、align 属性を使用して設定します。 th ヘッダータグを center に変更すると、その効果は以下のようになります:

HTMLテーブルのヘッダーコンテンツを中央に配置するにはどうすればよいですか?テーブルヘッダータグの align 属性の詳細な紹介

()

これで、th タグをテーブル内で中央に配置する方法がすでにわかったはずです。番目のタグの align 属性について説明しますが、テーブルでは align 属性が重要なので、先に進んで紹介しましょう。 align 属性の概要を見てみましょう

HTML テーブルの th タグの align 属性の概要:

HTML テーブルの th タグの align 属性は、具体的には次のように定義されています。 th タグのセルのコンテンツは整列されます。 align 属性値は、いくつかの相対的な整列方法を実現できます (実際、これは th タグだけでなく、テーブル内の td タグや tr タグ、さらには内のほとんどのタグにも役立ちます)。ただし、h5 は現在 align 属性をサポートしていませんが、通常は align 属性を使用して配置する方が便利だと思います)

番目のタグの align 属性には、次の 5 つの属性値があります。