1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 | <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> <!-- HTML Table - 테이블 태그 1. 표 - 표 출력 2. 레이아웃 - 화면 구성/배치 1. <table> : 테이블 2. <tr> : 행, table row 3. <td> : 셀, table date //이곳에 출력 데이터가 들어간다 4. <th> : 제목 셀, table header --> <!-- 2행 2열 테이블 --> <table border="1" width="200" height="200"> <tr> <td width="150" height="150">1</td> <td width="50">2</td> </tr> <tr> <td height="50">3</td> <td>4</td> </tr> </table> <hr /> <!-- 보통 테이블은 width는 지정하지만 height는 거의 지정하지 않는다 --> <table border="1" width="300"> <tr> <td>아녕하세요 반갑습니다아녕하세요 반갑습니다아녕하세요 반갑습니다아녕하세요 반갑습니다아녕하세요 반갑습니다아녕하세요 반갑습니다아녕하세요 반갑습니다아녕하세요 반갑습니다</td> <td>2</td> </tr> <tr> <td>3</td> <td>4</td> </tr> </table> </body> </html> | cs |
'WEB > HTML' 카테고리의 다른 글
| 목록태그-순서있는 리스트<ol>, 순서없는 리스트 <ul> / 프레임 <iframe> (0) | 2016.01.22 |
|---|---|
| 테이블 만들기 예제 / 셀병합 <colspan>, <rowspan> (0) | 2016.01.22 |
| 이미지태그<img /> / 대체 문자열 alt="" (0) | 2016.01.22 |
| 의미를 나타내는 태그 / 하이퍼링크 <a> (0) | 2016.01.22 |
| 제목태그<h>/ 수평선 <hr> / 문단태그 <p>/ 영역-블럭태그<div>, 인라인태그<span> (0) | 2016.01.22 |