物語をエンコードするHTML tableタグ

9095 ワード
html テキストリンク
こんにちは.私は燦児です.
この記事では、HTMLで最もよく使われるtableタグについて説明します.
tableは、Excelでよく見られるセルの概念と簡単に考えられます.
tableはtrとtdの2つのタグで行とデータを表すことができる.
詳細と使用方法については、次のコードを参照してください.
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>table01</title>
</head>
<body>
    <table border="1">
        <caption>과목별 성적</caption>
        <!-- 테이블 전체에 해당하는 제목을 표시 / 테이블 레이아웃에는 아무런 영향 x -->
        <!-- 테이블 상단에 진하게 가운데 정렬로 표시된다. / CSS caption-side 속성과 text-align 속성으로 변경 가능 -->
        <!-- 반드시 <table> 태그 시작태그의 바로 다음에 위치해야 한다. 그 외는 무시당한다. -->
        <tr>
        <!-- <tr> 태그(table row) : 하나의 줄에 해당하는 행을 정의 -->
            <th>과목</th><th>중간시험</th><th>기말시험</th>
        <!-- <th>태그(table header) : 행/열의 제목을 표시하는 헤더 셀을 정의 / 샐 내에서 진하게 가운데 정렬로 표시 -->
        </tr>
        <tr>
            <td>HTML 웹프로그래밍</td>
        <!-- <td>태그(table data) : 데이터가 표시되는 표준 셀을 정의 / 셀 내에서 왼쪽 정렬로 표시 -->
            <td>30</td>
            <td>66</td>
        </tr>
        <tr>
            <td>알고리즘</td>
            <td>28</td>
            <td>70</td>
        </tr>
        <!-- td와 th 태그는 tr태그 내에서만 사용가능 -->
    </table>
</body>
</html>
以上のように、tr(table row)タグは1行を表す.
td(table data)タグは、データを表示する標準ユニットを定義する.
また、thタグは、表ヘッダーのセル、すなわち行ヘッダーと列ヘッダーを表示するセルを定義します.中央揃えと塗りつぶしの効果を自動的に適用します.
見出しラベルには、表全体の見出しも表示されます.
では、上のラベルを実行するとどんな画面が表示されますか?

上に表示されている画面が見えます.
今日はここまで、tableラベルについて簡単に理解しました.
ありがとうございます.
[JS]JavaScript中級教程(feat.コード鞍馬)-Closer(Close)
Docker]ec 2ドックステーションにwordpressをインストールする