| 태그 | 설명 |
| <ol> | Ordered List, 순서 있는 리스트 [블록요소] |
| <ul> | Unordered List, 순서 없는 리스트 [블록요소] style="list-style: decimal;"속성을 사용하여 모양 결정 가능 |
| <li> | 리스트 각 행의 데이터를 정의 [블록요소] |
| <dl> | Dictionary List |
| <dt> | Dictionary Table, 리스트의 용어 또는 이름을 정의 |
| <dd> | Dictionary Data, 리스트의 용어 및 이름의 설명 또는 값을 정의 |
| <b> | Defines bold text, 강조체 |
| <strong> | Defines important text, 강조체 |
| <table> | 테이블을 정의 |
| <th> | Table Header, 테이블의 컬럼명을 정의. 기본적으로 Bold, Center속성이 있음 |
| <tr> | 테이블에서 한 행을 정의 |
| <td> | 각 행마다 셀에 데이터를 정의, th에 맞는 데이터를 정의 |
행 합치기 -> rowspan = "1";
열 합치기 -> colspan = "1";
셀 간격 -> cellspacing ="0"
html에서는 입력한 공백이 그대로 찍히지 않아서 다음의 기호를 사용하여   공백을 표현해야 합니다.
<, > -> <, >
<pre>입력한 공백이 그대로 찍힌다
이력서 테이블 만들기
|
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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
|
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
table {
width: 600px;
}
th, td {
height: 30px;
}
</style>
</head>
<body>
<!-- 이력서 상단 -->
<table border="1" cellspacing="0">
<!-- 1 -->
<tr>
<th rowspan="4">사진</th>
<th colspan="4">이력서</th>
</tr>
<!-- 2 -->
<tr>
<th rowspan="2">성명</th>
<th rowspan="2" colspan="2" style="text-align: center">(인)</th>
<th>주민등록번호</th>
</tr>
<!-- 3 -->
<tr>
<th></th>
</tr>
<!-- 4 -->
<tr>
<th>생년월일</th>
<th colspan="3">20   년   월   일생(만   세)</th>
</tr>
<!-- 5 -->
<tr>
<th>주소</th>
<th colspan="4"></th>
</tr>
<!-- 6 -->
<tr>
<th width="20%">호적관계</th>
<th width="20%">호주와의 관계</th>
<th width="20%"></th>
<th width="20%">호주성명</th>
<th width="20%"></th>
</tr>
</table>
<table border="1" cellspacing="0">
<tr>
<th colspan="3">년월일</th>
<th>학력경력사항</th>
<th>발령청</th>
</tr>
<tr>
<th></th>
<th></th>
<th></th>
<th></th>
<th></th>
</tr>
<tr>
<th></th>
<th></th>
<th></th>
<th></th>
<th></th>
</tr>
<tr>
<th></th>
<th></th>
<th></th>
<th></th>
<th></th>
</tr>
<tr>
<th></th>
<th></th>
<th></th>
<th></th>
<th></th>
</tr>
<tr>
<th></th>
<th></th>
<th></th>
<th></th>
<th></th>
</tr>
</table>
</body>
</html>
|
cs |
결과
PL/SQL 사용법
|
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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
|
create table book
(
idx int,
name varchar2(100),
price int
)
--기본키
alter table book
add constraints pk_book_idx primary key(idx)
--sample data 입력
insert into book values( (select nvl(max(idx),0)+1 from book), 'Java', 20000);
insert into book values( (select nvl(max(idx),0)+1 from book), 'Oracle', 30000);
insert into book values( (select nvl(max(idx),0)+1 from book), 'Html', 25000);
--일련번호 직접 관리하는 방법
select nvl(max(idx),0)+1 from book
--수정
update book set name='JavaScript', price=20000 where idx=1
--삭제
delete from book where idx=3
select * from book
--PL/SQL : 추가작업
create or replace procedure book_insert(v_name IN varchar2, v_price IN number)
is
begin
insert into book values( (select nvl(max(idx),0)+1 from book), v_name, v_price);
commit;
end;
/
--PL/SQL : 수정
create or replace procedure book_update
(v_idx IN number, v_name IN varchar2, v_price IN number)
is
begin
update book set name=v_name, price=v_price where idx=v_idx;
commit;
end;
/
--PL/SQL : 삭제
create or replace procedure book_delete
(v_idx IN number)
is
begin
delete from book where idx=v_idx;
commit;
end;
/
--실행하는 방법. cmd에서 sqlplus로 접속
SQL>exec book_insert('안드로이드', 30000);
|
cs |
'BackEnd > WEB' 카테고리의 다른 글
| JSP_국비_DAY46 (0) | 2022.05.04 |
|---|---|
| 국비_DAY45 (0) | 2022.05.03 |
| 국비_DAY44 (0) | 2022.05.02 |
| CSS_국비_DAY43 (0) | 2022.04.29 |
| HTML_FORM_TAG_국비_DAY42 (0) | 2022.04.28 |
