테이블이란 무엇인가요? 테이블에서 의 개수는 각 행의 에 포함된 셀 수에 따라 달라집니다. 또한 기본 테이블 테이블에는 CSS 스타일 table tr td,th{border:1px solid #000;} </p> <p>을 추가하기 전에 브라우저에 테이블 행이 표시되지 않습니다. HTML에서의 일반적인 테이블 작성 방법: A.<tr>…</tr>: 테이블의 행이며, tr 쌍이 여러 개인 경우 테이블에는 여러 행이 있습니다. B.<td>…</ td>: 테이블 Cell의 행, 행은 여러 쌍의 <td>...</td>를 포함하며, 이는 행 C.<th>...<에 몇 개의 열이 있는지 나타냅니다. /th>: 테이블 헤드에 있는 셀입니다. 테이블 헤더 텍스트는 기본적으로 굵게 중앙에 표시됩니다. D.<table summary="테이블 소개 텍스트">/*요약 내용은 테이블에 표시되지 않습니다. 브라우저. 그 기능은 테이블의 가독성(의미화)을 높이고, 검색 엔진이 테이블 내용을 더 잘 이해할 수 있도록 하며, 또한 화면 판독기를 사용하여 특수 사용자가 테이블 내용을 더 잘 읽을 수 있도록 하는 것입니다. */ E.caption 태그, 표에 제목과 요약을 추가합니다. 제목은 표의 내용을 설명하는 데 사용됩니다. 제목 표시 위치: 표 위 </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:xhtml;"> <table border="" cellspacing="" cellpadding=""> <tr><th>Header</th></tr> <tr><td>Data</td></tr> </table></pre><div class="contentsignin">로그인 후 복사</div></div><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:xhtml;"><table border="" cellspacing="" cellpadding="" summary=""> <caption></caption> <tr><th>今天星期五/th></tr> <tr><td>today is Friday</td></tr> </table></pre><div class="contentsignin">로그인 후 복사</div></div><p> 주제로 돌아가서 차이점을 설명하겠습니다. cellpadding과 cellpacing 사이의 다음 테이블 그림과 cellpacing 코드의 비교를 살펴보겠습니다. 다른 하나는 "20"입니다. 표시된 결과는 첫 번째 테이블의 각 셀 사이의 차이입니다. 두 번째 테이블의 각 셀 사이의 거리는 20입니다. 두 번째 테이블은 세 번째 테이블과 일치합니다. , 그러나 세 번째 테이블에서는 셀 간격을 설정하지 않습니다. 이 border-spacing: 20px는 셀 간격 = "20"과 동일한 결과를 갖습니다. 예: 셀 간격 속성은 테이블에서 셀 사이의 간격을 지정하는 데 사용됩니다. 이 속성의 매개변수 값은 셀 갭이 차지하는 픽셀 수를 나타내는 숫자입니다. </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:xhtml;"><!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>table中cellspacing的区别</title> <style type="text/css"> table{ margin-bottom: 50px; } .ceshi{ border-spacing: 20px; /*Specifies the distance between the borders of adjoining cells in a table. */ } 第一个单元格 测试1 测试2 测试3 第二个单元格 测试1 测试2 测试3 第三个单元格 测试1 测试2 测试3
