> 웹 프론트엔드 > HTML 튜토리얼 > HTML의 테이블 태그 소개(코드 포함)

HTML의 테이블 태그

소개(코드 포함)
不言
풀어 주다: 2018-08-02 09:53:12
원래의
3337명이 탐색했습니다.

이 글은 HTML의

태그에 대한 소개입니다. 이는 특정 참조 값을 가지고 있으므로 도움이 될 수 있습니다.

테이블

테이블은

태그로 정의됩니다.

각 테이블에는 여러 행(

태그로 정의됨)이 있으며, 각 행은 여러 셀(를 직접 사용합니다.

위 그림의 코드는 다음과 같습니다

<body>
        <table width="400" height="400" border="2">
            <!-- 第1行 -->
            <tr>
                <td colspan="4" bgcolor="aqua"></td>
            </tr>
            <!-- 第2行 -->
            <tr>
                <td rowspan="4" bgcolor="antiquewhite"></td>
                <td colspan="3" bgcolor="antiquewhite"></td>
            </tr>
            <!-- 第3行 -->
            <tr>
                <td rowspan="3" bgcolor="aquamarine"></td>
                <td colspan="2" bgcolor="aquamarine"></td>
            </tr>
            <!-- 第4行 -->
            <tr>
                <td rowspan="2" bgcolor="bisque"></td>
                <td bgcolor="bisque"></td>
            </tr>
            <!-- 第5行 -->
            <tr>
                <td></td>
            </tr>
        </table>
    </body>
로그인 후 복사

관련 추천 글:

html 라벨 옵션 지정 및 라벨 추가(코드 포함)

탄력적 레이아웃이란 무엇인가요? 유연한 레이아웃 플렉스의 기본 적용(코드 포함)

위 내용은 HTML의 테이블 태그

태그로 정의됨)로 나뉩니다.

td 문자는 테이블 데이터, 즉 데이터 셀의 내용을 나타냅니다.

데이터 셀에는 텍스트, 그림, 목록, 단락, 양식, 수평선, 표 등이 포함될 수 있습니다.

예를 들어 다음 테이블을 그리려면:

분석: 1. 행을 분석합니다. 각 행은 tr 레이블입니다.

  2. 첫 번째 행부터 시작하여 각 행에 몇 개의 셀이 있는지 확인합니다. 그리드는 td 태그 몇 개에 불과합니다

   3. 차지하는 공간이 1행 1열인 경우 행 수를 생략하고

소개(코드 포함)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿