앙큼한유채
2017. 8. 5. 22:32
1. 웹페이지로 앨범을 만들려면 어떻게 해야 할지 레이아웃을 생각해 봅니다.
|
- 단을 나눠 사용하는 방법
- 표를 이용하는 방법
- 그림,글자,태그를 이용하여 배치하는 방법
|
2. 표를 사용하여 만드는 방법
-1) Table 예제
|
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>앨범만들기 - 표</title>
</head>
<body>
<table border="solid 1px black">
<tr>
<td>1행 1열</td>
<td>1행 2열</td>
</tr>
<tr>
<td>2행 1열</td>
<td>2행 2열</td>
</tr>
</table>
</body>
</html>
|
-2) Table 속성
|
속성 |
설명 |
|
border="수치" |
테두리의 두께를 지정합니다. |
|
width="수치" |
표의 가로 길이를 지정합니다. |
|
height="수치" |
표의 세로 길이를 지정합니다. |
|
align="정렬" |
표에서 정렬 방법을 지정합니다. |
3. 예제
|
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>앨범만들기 - 표</title>
</head>
<body>
<table border="solid 1px black"; width="800px"; height=400px; align="center">
<tr align="center"; bgcolor="lightgray">
<td height="50px";>사진1</td>
<td height="50px";>사진2</td>
</tr>
<tr>
<td><img src="../img/4-01.png"></td>
<td><img src="../img/4-02.png"></td>
</tr>
</table>
</body>
</html>
|
