집 > 기사 > 웹 프론트엔드 > HTML 테이블 태그_HTML/Xhtml_웹페이지 제작에 대한 간략한 토론

HTML 테이블 태그_HTML/Xhtml_웹페이지 제작에 대한 간략한 토론

WBOY원래의: 2016-05-16 16:42:141502검색

주로 구조와 몇 가지 중요한 속성에 대해 논의합니다. 차차 개선되는 모습으로 소개해 드리겠습니다.
1) 기본 구조는 다음과 같습니다. 는 테이블의 행을 나타내고, 는 행의 열을 나타냅니다. 열에 대해 말하면 실제로
단어의 셀로 상상해 보세요. 는 실제로는 셀이지만 테이블 제목으로 사용됩니다. 의미론적 관점에서
는 가 테이블의 데이터 단위를 나타내고 가 테이블의 열 또는 행의 제목을 나타냅니다.

코드 복사

코드는 다음과 같습니다.

>

2) 제목은 행 제목일 수도 있고 열 제목일 수도 있습니다. 어떻게 구별하나요? 범위 속성 범위=행/열을 사용해야 합니다.

코드 복사코드는 다음과 같습니다.

<번째 범위= "col"

< /table>

3) 테이블에도 제목

이 있습니다.

코드는 다음과 같습니다.

테이블 제목

4) 테이블 소개 요약 속성 추가

코드 복사

코드는 다음과 같습니다 <테이블 요약= "테이블 내용에 대한 간략한 소개입니다.">

테이블 제목

🎜>5) 테이블 테두리 모델 및 셀 기본 패딩.
표 테두리는 분리 및 병합의 두 가지 방법으로 표시할 수 있습니다. border-collapse: 분리/접기 IE6의 기본 스타일은
분리되어 입체적으로 보입니다. 실제로 각 셀에는 고유한 독립적인 경계가 있습니다. 병합은 공유 테두리입니다.
table { border-collapse:collapse; }
기본적으로 테두리 간격을 사용하여 제어할 수 있습니다. IE6에서는 이를 지원하지 않으므로 거의 사용되지 않습니다. IE6
셀 간격을 사용하세요.

코드 복사

코드는 다음과 같습니다.

< /th>< /tr> 6) 행 추가 그리고 열. 그리고 각

테이블 제목

에 ID를 추가합니다.

코드 복사

코드는 다음과 같습니다.

;
이름
주소
< ;thscope="col" id="databirthday">생년월일

을 논리적으로 나누고, 테이블을 여러 논리적 영역으로 나눈 후 CSS를 사용하여 성능을 더 효과적으로
제어할 수 있습니다.

코드 복사

코드는 다음과 같습니다.

테이블 제목
ewee td & gt; td & gt; 19870102; 103 & lt; td>	19870205 > 7) 테이블

< thscope="col " id="name">이름

주소생년월일

< ;td>
>
제가 작성한 이 에세이는 테이블의 구조에 대해서만 간략하게 설명한 것인데, 도움이 되었으면 좋겠습니다.

성명：

이전 기사：html Frame, Iframe, Frameset의 차이점 _HTML/Xhtml_웹페이지 제작다음 기사：html Frame, Iframe, Frameset의 차이점 _HTML/Xhtml_웹페이지 제작

HTML 테이블 태그_HTML/Xhtml_웹페이지 제작에 대한 간략한 토론

관련 기사