728x90
<!DOCTYPE html>
<html lang="ko">
<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>homework3</title>
</head>
<body>
<table border="1" cellspacing="0" cellpadding="10" width="300" height="150" style="text-align: center;">
<tr>
<td colspan="2">1</td>
<td rowspan="2">2</td>
</tr>
<tr>
<td rowspan="2">3</td>
<td>center</td>
</tr>
<tr>
<td colspan="2">4</td>
</tr>
</table>
</body>
</html>처음 실습문제를 받았을 때 당황했는데 그이유는 어디가 어떤 행,열인지 모르겠어서 당황했었다.
그러나 차근차근 행을 먼저 보고 열이 시작되는 부분에서 rowspan, colspan을 사용하니까 완성이 되었다.
또한 table의 속성인 border, cellspacing, cellpadding도 쓸 줄 알아야 표를 완성할 수 있었다.
728x90
'프론트앤드 > HTML' 카테고리의 다른 글
| [포스코x코딩온] 웹개발자 입문 과정 1주차 회고-09 | HTML Sementic (0) | 2023.03.03 |
|---|---|
| [포스코x코딩온] 웹개발자 입문 과정 1주차 회고-08 | HTML 실습4 (0) | 2023.03.03 |
| [포스코x코딩온] 웹개발자 입문 과정 1주차 회고-06 | HTML table (0) | 2023.03.03 |
| [포스코x코딩온] 웹개발자 입문 과정 1주차 회고-05 | HTML 실습2 (0) | 2023.03.03 |
| [포스코x코딩온] 웹개발자 입문 과정 1주차 회고-04 | HTML Form 태그 (0) | 2023.03.03 |