-
05_표작성HTML(정리대기중..언젠가) 2021. 4. 3. 16:56
<html> <head> <title>05_표작성.html</title> </head> <body> <h1>표작성(table)</h1> <!-- 표작성 table, cell(column), row--> <!-- 2줄 3칸--> <table> <tr><td>cell 1</td><td>cell 2</td><td>cell 3</td></tr> <tr><td>cell 1</td><td>cell 2</td><td>cell 3</td></tr> </table> <hr> <!-- 테이블 테두리 선(border) --> <!-- 1줄 2칸 --> <table border="1"> <tr> <td>국어</td> <td>영어</td> </tr> </table> <hr> <!-- 테이블 크기 (가로,세로) 픽셀단위--> <table border="1" width="250" height="200"> <tr> <td>음악</td> <td>미술</td> </tr> </table> <hr> <!-- 테이블 크기 %단위--> <table border="1" width='50%' heigh='50%'> <tr> <td>수학</td> <td>과학</td> </tr> </table> <hr> <!-- 테이블에 색상 넣기--> <table border="1" width='50%' heigh='50%'> <tr bgcolor="red"> <td>개나리</td> <td>진달래</td> </tr> <tr> <td>무궁화</td> <td bgcolor="yellow">라일락</td> </tr> </body> </html>06_표작성
<html> <head> <title>06_표작성.html</title> </head> <body> <h1>표작성</h1> <!-- 셀(th, td)--> <table border="1"> <tr> <th>이름</th> <td>홍길동</td> </tr> <tr> <th>주소</th> <td>서울</td> </tr> </table> <hr> <!-- 정렬: 가로(align), 세로(valign)--> <table border="1" width="50%" height="50%"> <tr> <td align="left">종로구</td> <td align="center">강남구</td> <td align="right">마포구</td> </tr> <tr> <td valign="top">서초구</td> <td valign="middle">송파구</td> <td valing="bottm">중구</td> </tr> </table> <hr> <!-- 셀 합치기 : 가로합치기(colspan), 세로합치기(rowspan) --> <table border="1"> <tr> <td colspan="3">가</td> <!-- 3칸 합치기--> <td>나</td> </tr> <tr> <td>마</td> <td colspan="2">바</td> <td>사</td> </tr> <tr> <td colspan="4">아</td> </tr> <tr> <td>마</td> <td>바</td> <td>사</td> <td>아</td> </tr> </table> <hr> <table border="1"> <tr> <td rowspan="2">마</td> <!-- 2줄 합치기 --> <td>바</td> <td>사</td> </tr> <tr> <td>마</td> <td>바</td> </tr> </table> <hr> <table border="1"> <tr> <td>가</td> <td rowspan="2">나</td> <td>다</td> </tr> <tr> <td>마</td> <td rowspan="2">바</td> </tr> <tr> <td>아</td> <td>자</td> </tr> </table> <hr> <!-- 표안에서 영역 구분 <thead> <tbody> <tfoot> --> <table border="1"> <thead> <tr> <th>월</th> <th>금액</th> </tr> </thead> <tbody> <tr> <th>1월</th> <th>100</th> </tr> <tr> <th>2월</th> <th>200</th> </tr> </tbody> <tfoot> <tr> <th colspan="2"<strong>합계:200</th> </tr> </tfoot> </table> </body> </html>07_quiz
<html> <head> <title>07_quiz.html</title> </head> <body> <h1>표작성 연습</h1> <table border="1" width="250"> <tr> <td rowspan="2">가</td> <td>나</td> <td>다</td> <td rowspan="3">라</td> </tr> <tr> <td colspan="2">마</td> </tr> <tr> <td>바</td> <td>사</td> <td>아</td> </tr> </talbe> </body> </html>'HTML(정리대기중..언젠가)' 카테고리의 다른 글
09_목록list (0) 2021.04.06 08_Link (0) 2021.04.06 04_이미지 (0) 2021.04.03 03_글자모양 (0) 2021.04.03 01_HTML 기본문법 (0) 2021.04.03