html/css/js_2(표)
간단하게 html/css만 활용해서 테이블(표)를 만들어보는 작업을 해보겠습니다.
먼저 코드는 아래와 같습니다.
다음은 결과입니다.
저번 시간과 스타일링을 다르게 줘보았습니다. style을 저렇게 직접 안에다가 넣는 경우도 있습니다만, 보통은 style은 위에 따로 넣던가, style sheet만 따로 만들어서 사용하는걸로 알고있습니다.
먼저 코드는 아래와 같습니다.
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
|
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<table style="background: #00000F; color: #FFFFFF">
<tr style="background: #FFFF00; font-family: sans-serif; color: #0000FF">
<th>First</th>
<th>Second</th>
<th>Third</th>
</tr>
<tr>
<td>Me</td>
<td>You</td>
<td>and i</td>
</tr>
<tr>
<td>hi</td>
<td>bye</td>
<td>See you again</td>
</tr>
</table>
</body>
</html>
| cs |
다음은 결과입니다.
저번 시간과 스타일링을 다르게 줘보았습니다. style을 저렇게 직접 안에다가 넣는 경우도 있습니다만, 보통은 style은 위에 따로 넣던가, style sheet만 따로 만들어서 사용하는걸로 알고있습니다.
댓글
댓글 쓰기