HTML 테이블의 기본 구성-HTML 튜토리얼-php.cn

HTML表格的基本组成：: 表格标题或摘要: 表格标题行: 表格数据行主体: 表格脚注行: 一行表格数据: 表头单元格: 数据单元格

HTML 테이블의 기본 구성

HTML 中表格的基本组成

表格 (table) 元素是 HTML 中用于创建表格数据的元素。它由几个基本组成部分组成：

元素：

定义表格的标题或摘要。

位于元素的第一层。

元素：

定义表格的标题行。
包含

元素，其中包含表头 (元素：

定义表格的数据行主体。
包含

元素，其中包含表格数据 (元素：

定义表格的脚注行。
包含

元素，其中包含表格汇总或注释数据。

元素：

定义一行表格数据。
包含

) 数据。
) 数据。
（表头）或	（数据）元素。	元素：定义表头数据单元格。通常居中对齐并加粗显示。	元素：定义数据单元格。可以包含文本、数字、图像或其他 HTML 元素。示例： <code class="html"><table> <caption>员工信息</caption> <thead> <tr> <th>姓名</th> <th>职务</th> <th>薪水</th> </tr> </thead> <tbody> <tr> <td>约翰·史密斯</td> <td>经理</td> <td>$50,000</td> </tr> <tr> <td>玛丽·安</td> <td>工程师</td> <td>$40,000</td> </tr> </tbody> </table></code> 로그인 후 복사 위 내용은 HTML 테이블의 기본 구성의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요! 원천：php.cn 이전 기사：HTML에서 밑줄을 설정하는 방법 다음 기사：HTML에서 테이블 사용법 본 웹사이트의 성명 본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요. 저자별 최신 기사 js에서 문자열 유형으로 변환하는 방법 2024-05-10 05:00:26 js의 객체와 클래스 간의 관계 2024-05-10 04:57:21 js의 객체는 무엇입니까? 2024-05-10 04:54:17 js의 어떤 메소드가 원래 배열을 변경합니까? 2024-05-10 04:51:19 js의 클래스 사용법 2024-05-10 04:45:28 js 클로저의 장점과 단점 2024-05-10 04:39:16 js 클래스의 실제 사용 시나리오 2024-05-10 04:33:20 js에서 document.createlement의 역할 2024-05-10 04:30:23 js의 문서화 방법은 무엇입니까? 2024-05-10 04:27:19 js에서 문서를 사용하는 방법 2024-05-10 04:24:18 최신 이슈 function_exists()는 사용자 정의 함수를 결정할 수 없습니다. 기능 테스트() { ... 에서 2024-04-29 11:01:01 0 2 1369 Chrome 모바일 버전을 표시하는 방법 안녕하세요 선생님, Chrome을 모바일 버전으로 어떻게 변경하나요? 에서 2024-04-23 00:22:19 0 9 1459 자식 창이 부모 창을 작동하지만 출력이 응답하지 않습니다. 처음 두 문장은 실행 가능하지만 마지막 문장은 구현할 수 없습니다. 에서 2024-04-19 15:37:47 0 1 1290 상위 창에 출력이 없습니다. document.onclick = function(){ window.opener.document.write('나는 자식 창의 출력입니다.'); 에서 2024-04-18 23:52:34 0 1 1185 CSS 마인드맵 코스웨어는 어디에 있나요? 코스웨어 에서 2024-04-16 10:10:18 0 0 1261 관련 주제 더> Python 온라인 재생 기능 구현 방법 모바일 하드 드라이브가 열리는 속도가 느린 이유는 무엇입니까? Eclipse 버전 번호의 차이점은 무엇입니까? 삭제와 삭제의 차이점 Vue 프레임워크란 무엇인가요? pscs5 설치 일련 번호 클라우드 서버 사용법 튜토리얼 ThinkPad에서 BIOS에 진입하는 방법 인기 추천 url은 무슨 뜻인가요? DOM은 무엇을 의미하나요? 이미지 크기를 변경하는 방법 HTML에서 글꼴을 굵게 만드는 방법 HTML 이미지의 크기를 설정하는 방법 인기 튜토리얼 더> 관련 튜토리얼 인기 추천 최신 강좌 최신 ThinkPHP 5.1 세계 최초 비디오 튜토리얼(PHP 전문가 온라인 교육 과정이 되기까지 60일) 1403185 PHP 입문 튜토리얼 1: 일주일 안에 PHP 배우기 4231248 JAVA 초보자용 비디오 튜토리얼 2418574 Little Turtle의 Python 학습에 대한 제로 기반 소개 비디오 튜토리얼 498177 PHP 제로 기반 입문 튜토리얼 834006 최신 ThinkPHP 5.1 세계 최초 비디오 튜토리얼(PHP 전문가 온라인 교육 과정이 되기까지 60일) 1403185 학습 시간 JAVA 초보자용 비디오 튜토리얼 2418574 학습 시간 Little Turtle의 Python 학습에 대한 제로 기반 소개 비디오 튜토리얼 498177 학습 시간 웹 프론트 엔드 개발에 대한 빠른 소개 214178 학습 시간 PS 비디오 튜토리얼을 처음부터 마스터하세요 858922 학습 시간 [웹 프런트엔드] Node.js 빠른 시작 4675 학습 시간 해외 웹 개발 풀스택 강좌 총집합 3621 학습 시간 Go 언어 실습 GraphQL 3114 학습 시간 550W 팬 마스터가 JavaScript를 처음부터 차근차근 학습합니다 560 학습 시간 기초 지식이 전혀 없는 초보자도 6시간 만에 시작할 수 있는 파이썬 마스터 모쉬 16094 학습 시간 최신 다운로드 더> 웹 효과 웹사이트 소스 코드 웹사이트 자료 프론트엔드 템플릿 [양식 버튼] jQuery 기업 메시지 양식 연락처 코드 [플레이어 특수 효과] HTML5 MP3 뮤직 박스 재생 효과 [메뉴 탐색] HTML5 멋진 입자 애니메이션 탐색 메뉴 특수 효과 [양식 버튼] jQuery 시각적 양식 드래그 앤 드롭 편집 코드 [플레이어 특수 효과] VUE.JS 모방 Kugou 음악 플레이어 코드 [HTML5 특수 효과] 클래식 HTML5 푸시 박스 게임 [그림 특수 효과] 이미지 효과를 추가하거나 줄이기 위해 jQuery 스크롤 [사진 앨범 효과] CSS3 개인 앨범 커버 호버 확대/축소 효과 [프런트엔드 템플릿] 가정 장식 청소 및 수리 서비스 회사 웹사이트 템플릿 [프런트엔드 템플릿] 신선한 색상의 개인 이력서 가이드 페이지 템플릿 [프런트엔드 템플릿] 디자이너 크리에이티브 작업 이력서 웹 템플릿 [프런트엔드 템플릿] 현대 엔지니어링 건설 회사 웹사이트 템플릿 [프런트엔드 템플릿] 교육 서비스 기관을 위한 반응형 HTML5 템플릿 [프런트엔드 템플릿] 온라인 전자책 쇼핑몰 웹사이트 템플릿 [프런트엔드 템플릿] IT 기술로 인터넷 회사 웹 사이트 템플릿을 해결합니다. [프런트엔드 템플릿] 보라색 스타일 외환 거래 서비스 웹 사이트 템플릿 [PNG 소재] 귀여운 여름 요소 벡터 자료(EPS+PNG) [PNG 소재] 4개의 빨간색 2023 졸업 배지 벡터 자료(AI+EPS+PNG) [배너 그림] 노래하는 새와 꽃 디자인 봄 배너 벡터 자료로 가득 찬 카트(AI+EPS) [PNG 소재] 황금 졸업 모자 벡터 자료(EPS+PNG) [PNG 소재] 흑백 스타일 산 아이콘 벡터 자료(EPS+PNG) [PNG 소재] 다양한 색상의 망토와 포즈를 갖춘 슈퍼히어로 실루엣 벡터 자료(EPS+PNG) [배너 그림] 플랫 스타일 식목일 배너 벡터 자료(AI+EPS) [PNG 소재] 9개의 만화 스타일의 폭발적인 채팅 거품 벡터 자료(EPS+PNG) [프런트엔드 템플릿] 가정 장식 청소 및 수리 서비스 회사 웹사이트 템플릿 [프런트엔드 템플릿] 신선한 색상의 개인 이력서 가이드 페이지 템플릿 [프런트엔드 템플릿] 디자이너 크리에이티브 작업 이력서 웹 템플릿 [프런트엔드 템플릿] 현대 엔지니어링 건설 회사 웹사이트 템플릿 [프런트엔드 템플릿] 교육 서비스 기관을 위한 반응형 HTML5 템플릿 [프런트엔드 템플릿] 온라인 전자책 쇼핑몰 웹사이트 템플릿 [프런트엔드 템플릿] IT 기술로 인터넷 회사 웹 사이트 템플릿을 해결합니다. [프런트엔드 템플릿] 보라색 스타일 외환 거래 서비스 웹 사이트 템플릿 회사 소개 부인 성명 Sitemap PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！

) 数据。

（表头）或

（数据）元素。

元素：

定义表头数据单元格。
通常居中对齐并加粗显示。

元素：

定义数据单元格。
可以包含文本、数字、图像或其他 HTML 元素。

示例：

<code class="html"><table>
  <caption>员工信息</caption>
  <thead>
    <tr>
      <th>姓名</th>
      <th>职务</th>
      <th>薪水</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>约翰·史密斯</td>
      <td>经理</td>
      <td>$50,000</td>
    </tr>
    <tr>
      <td>玛丽·安</td>
      <td>工程师</td>
      <td>$40,000</td>
    </tr>
  </tbody>
</table></code>

로그인 후 복사

위 내용은 HTML 테이블의 기본 구성의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천：php.cn

이전 기사：HTML에서 밑줄을 설정하는 방법 다음 기사：HTML에서 테이블 사용법

본 웹사이트의 성명

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

저자별 최신 기사