>  기사  >  웹 프론트엔드  >  HTML 테이블의 기본 구조는 무엇입니까? HTML 테이블의 전체 코드에 대한 자세한 설명

HTML 테이블의 기본 구조는 무엇입니까? HTML 테이블의 전체 코드에 대한 자세한 설명

云罗郡主
云罗郡主원래의
2018-11-12 13:46:209609검색

테이블은 웹페이지 제작에 많이 사용됩니다. 많은 웹사이트에서는 많은 수의 테이블을 사용하기 위해 튜토리얼이 필요합니다. 테이블을 사용하면 데이터가 더 명확해질 뿐만 아니라 테이블이 더욱 아름다워집니다. 그렇다면 HTML 테이블의 기본 구조는 무엇입니까? 아래에서는 html 테이블의 전체 코드를 자세히 설명합니다. [추천 도서: HTML이 무슨 뜻인가요? 기본 구조는 무엇을 의미합니까? ]

html 테이블의 기본 구조는 무엇인가요? HTML 테이블의 전체 코드에 대한 자세한 설명

테이블의 가장 기본적인 태그는 테이블 태그, tr 태그 및 td 태그와 같은 일부 속성입니다. 구문은 다음과 같습니다.

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>表格基本结构</title>
</head>
<body>
    <table>        
        <tr>
            <td>单元格1</td>
            <td>单元格2</td>
        </tr>
        <tr>
            <td>单元格3</td>
            <td>单元格4</td>
        </tr>
    </table>
</body>
</html>

Display :

HTML 테이블의 기본 구조는 무엇입니까? HTML 테이블의 전체 코드에 대한 자세한 설명

위 코드에서 tr은 테이블 행을 나타내고, td는 테이블 셀을 나타내며, th는 테이블의 헤더이며 일반적으로 무시할 수 없습니다. td는 시작과 끝을 표시합니다. 여러 개의

일반적으로 기본적으로 테두리가 없음을 의미합니다. 테두리에 색상을 추가하려면 CSS를 사용하여 테두리를 설정하면 사용자가 데이터를 더 잘 볼 수 있습니다.

기술이 업그레이드됨에 따라 많은 프로그래머는 표를 레이아웃하기 위해 표를 사용하는 대신 일부 DIV+CSS를 선택하여 웹 사이트를 레이아웃할 때 많은 코드가 나타나 코드 중복이 발생합니다.

위가 html 테이블의 기본 구조죠? Html5 tutorial에 대해 더 알고 싶다면 PHP 중국어 웹사이트를 주목하세요.


위 내용은 HTML 테이블의 기본 구조는 무엇입니까? HTML 테이블의 전체 코드에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.