#범위 :
- 이미지 삽입 태그 : <img>
- 리스트 태그 : <li> , <ul> + <li> , <ol> + <li> , <ul>[<ul>[<li>...] + <ol>[<li> .. ] + <li>] (중첩리스트)
- 테이블 태그 : <table>[<caption> ,<thead> , <tbody> , <tfoot>] , <tr>(행) , <th> , <td>(각 행 내 원소 태그)
#노트 정리 :
## 코드 ( 비정형 표 만들기 ) :
|
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
|
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>비정형 표 만들기</title>
<style>
table {
border: 1px solid black;
border-collapse: collapse;
}
td{
border : 1px solid black;
text-align: center;
width : 50px;
}
</style>
</head>
<body>
<table>
<tr><!--A B-->
<td rowspan = "3">A</td> <td colspan="2">B</td>
</tr>
<tr><!--C D-->
<td rowspan = "2">C</td> <td>D</td>
</tr>
<tr>
<td>E</td>
</tr>
</table>
</body>
</html>
|
cs |
'웹프로그래밍 > 웹프로그래밍수업' 카테고리의 다른 글
| (7)2장_이론_6_HTML의 태그의 구성_6 (0) | 2024.09.14 |
|---|---|
| (6)2장_이론_5_HTML의 태그의 구성_5 (0) | 2024.09.13 |
| (3)2장_이론_2_HTML의 태그의 구성_2 (2) | 2024.09.13 |
| [부록]2장_비정형 표 만들기 (0) | 2024.09.13 |
| (2)2장_이론_1_HTML의 태그의 구성_1 (0) | 2024.09.12 |
