코딩Coding/HTML_CSS_JavaScript연습

HTML연습)Table만들기(표)

내인생PLUS 2021. 11. 19. 19:27
728x90
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div>table연습</div>
        <table border="1" width="500" height="150">
            <tr>
                <td colspan="6" align="center">a 기업 영업 시간</td>
            </tr>
            <tr align="center">
                <td>월</td>
                <td>화</td>
                <td>수</td>
                <td>목</td>
                <td>금</td>
                <td>토</td>
            </tr>
            <tr align="center">
                <td>am09:30<br>~pm06:00<br>점심시간<br>pm1:00~2:00</td>
                <td>am09:30<br>~pm06:00<br>점심시간<br>pm1:00~2:00</td>
                <td>am09:30<br>~pm06:00<br>점심시간<br>pm1:00~2:00</td>
                <td>am09:30<br>~pm06:00<br>점심시간<br>pm1:00~2:00</td>
                <td>am09:30<br>~pm06:00<br>점심시간<br>pm1:00~2:00</td>
                <td>am09:30<br>~pm01:00<br>점심시간x</td>
            </tr>
        </table>
</body>
</html>

 

 

결과

 

 

 

연결해서 참조하기!! : https://economiceco.tistory.com/11222

 

Html] 테이블 셀 병합 / colspan / rowspan -

[Html] 테이블 셀 병합 / colspan / rowspan - https://heezit.tistory.com/m/21 ① 셀 병합 - Colspan : 가로방향으로 병합 · < colspan = "2"> : 열 2칸 합침 colspan = "2" 셀 합치기 가로로 n개만큼의 칸을..

economiceco.tistory.com

 

반응형