ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • [HTML]테이블 태그
    HTML & CSS 2023. 9. 7. 13:53

    테이블 태그

    • 표를 만들어 주는 태그
    • 테이블 태그의 속성을 사용하여 표 디자인을 변경할 수 있음
    태그 설명
    table 테이블 태그
    tr
    th 테이블 헤더
    td 표의 일반 셀 생성()

    테이블 태그의 속성

    태그 속성 설명
    table border 표의 테두리 두께 지정
    tr colspan 셀의 너비 지정 ( 열 병합 )
    th,td rowspan 셀의 높이 지정 ( 행 병합 )

    실행 결과

    <table border = "1">
            <thead>
                <tr>
                    <th></th>
                    <th>월</th>
                    <th>화</th>
                    <th>수</th>
                    <th>목</th>
                    <th>금</th>
                </tr>
            </thead>
            <tr>
                <td>2교시</td>
                <td>영어</td>
                <td>국어</td>
                <td>과학</td>
                <td>미술</td>
                <td>기술</td>
            </tr>
        </table>
    • th 태그를 사용한 요일은 b태그 효과가 적용
    • border = 1로 설정해서 표테두리 생성
     
    2교시 영어 국어 과학 미술 기술
    • boder를 사용하지 않으면 아래와 같이 테두리가 생성되지 않음
     
    2교시 영어 국어 과학 미술 기술

     

    'HTML & CSS' 카테고리의 다른 글

    [HTML] 비디오,오디오 태그  (0) 2023.09.07
    [HTML] 이미지 태그  (0) 2023.09.07
    [HTML] 목록 태그  (0) 2023.09.07
    [HTML] 글자 모양 태그  (0) 2023.09.07
    HTML 앵커  (0) 2023.09.07
Designed by Tistory.