웹프로그래밍/웹프로그래밍수업
(4)2장_이론_3_HTML의 태그의 구성_3
코잼민
2024. 9. 13. 17:17
#범위 :
- 이미지 삽입 태그 : <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 |