[웹 프로그래밍 기초] 테이블 태그

dev-log·2022년 3월 14일

테이블 태그

table: 표 삽입
<tr> : 표의 행 삽입 
<th> : 표의 제목 요서 생성 
<td> : 표의 일반 요소 생성

예시) 오늘의 날씨

<table border="1">
  <tr> 
    <th>지역</th>
    <th>현재기온</th>
    <th>불쾌지수</th>
  </tr>
  <tr> 
    <td>서울</td>
    <td>23</td>
    <td>35</td>
  </tr>
  <tr> 
    <td>경기도</td>
    <td>25</td>
    <td>38</td>
  </tr>

테이블 태그의 속성

태그속성설명
tableborder표의 테두리 두께 지정
th,tdcolspan셀의 너비 지정
rowspan셀의 높이 지정

    <h3> 오늘의 날씨 </h3>
    <table border="1">
        <tr> 
            <th>지역</th>
            <th colspan="2">현재기온/불쾌지수</th>
        </tr>
        <tr> 
            <td rowspan="2">서울/경기</td>
            <td>23</td>
            <td>35</td>
        </tr>
        <tr> 
            <td>25</td>
            <td>38</td>
        </tr>
profile
배운 걸 기록하는 곳입니다.

0개의 댓글