Computer >> 컴퓨터 >  >> 프로그램 작성 >> HTML

HTML로 테이블 만들기


HTML

태그는 테이블을 정의하는 데 사용됩니다. table 태그는 테이블의 구조를 정의하는 다른 태그를 포함합니다.

다음은 속성입니다 -

속성

설명
abbr
abbreviated_text
지원 중단 - 셀에 있는 내용의 축약된 버전을 지정합니다.
정렬
오른쪽
왼쪽
센터
신이 옳다고 하다

지원 중단 - 시각적 정렬
bgcolor
rgb(x,x,x)
#헥스코드
색상 이름
지원 중단 - 테이블의 배경색을 지정합니다.
테두리
픽셀
지원 중단 - 테두리 너비를 지정합니다. 값 "0"은 테두리가 없음을 의미합니다.
셀 패딩
픽셀 또는 %
지원 중단 - 셀 테두리와 내용 사이의 간격을 지정합니다.
셀 간격
픽셀 또는 %
지원 중단 - 셀 사이의 간격을 지정합니다.
프레임
공백
~ 위에
아래에
hsides
ㄹㅇ
rhs
반대
상자
국경
지원 중단 − border 속성과 함께 사용하여 표를 둘러싼 테두리를 구성하는 프레임의 어느 면이 표시되는지 지정합니다.
규칙
없음
여러 떼


모두
지원 중단 − border 속성과 함께 사용되며 테이블의 셀 사이에 나타나는 규칙을 지정합니다.
요약
텍스트
지원 중단 - 내용의 요약을 지정합니다.
픽셀 또는 % 지원 중단 - 테이블의 너비를 지정합니다.

예시

다음 코드를 실행하여 HTML로 테이블을 생성할 수 있습니다 -

<!DOCTYPE html>
<html>
   <head>
      <style>
         table, th, td {
            border: 1px solid black;
         }
      </style>
   </head>
   <body>
      <h3>Ranking</h3>
      <table>
         <th>Rank</th>
         <tr>
            <td>One</td>
         </tr>
         <tr>
            <td>Two</td>
         </tr>
      </table>
   </body>
</html>