HTML 테이블 짜보기
Front-End/HTML 2019. 4. 22. 23:50
|
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
|
<!DOCTYPE html>
<html>
<head>
<style>
table {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
}
td, th {
border: 1px solid #dddddd;
text-align: left;
padding: 8px;
}
tr:nth-child(even) {
background-color: #dddddd;
}
</style>
</head>
<body>
<h1>나의 정보 테이블<h1>
<table style="width:80%">
<tr>
<th>이름</th>
<th>나이</th>
<th>사는지역</th>
</tr>
<tr>
<th>이한섭</th>
<th>28살</th>
<th>인천</th>
</tr>
</table>
</body>
</html>
|
cs |
아래 책은 제가 공부할때 활용했던 책으로 추천드리는 책이니 한번씩 읽어보시는것을 추천드립니다!! ㅎㅎ
이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
'Front-End > HTML' 카테고리의 다른 글
| 두개의 영역(그림, 글자, 광고 등)을 나란히 놓기 - float:left/right (4) | 2019.10.01 |
|---|---|
| HTML5 버전 이상 가운데 정렬 사용하기 (0) | 2019.04.29 |
| HTML 문법정리 (0) | 2019.04.28 |
| HTML 실습 주소 (0) | 2019.04.22 |