IT 236

css3 - :hover 활용, 이미지 테두리 만들기, text-shadow와 box-shadow

DOCTYPE html>:hover 활용div {width : 100px;height : 140px;background-image : url("../media/back.png");background-size : 100px 140px;}div#img:hover {background-image : url("../media/spade-7.png");}:hover 활용마우스를 올리면 카드의 앞면이 보인다. DOCTYPE html>img {padding : 5px;border : 15px solid grey;border-image : url("../media/checkpattern.png") 30 round;} 이미지 테두리 만들기 DOCTYPE html> text-shadow와 box-shadow h2:acti..

IT/Css 2018.08.21

css3 - 배치, 리스트 꾸미기, 표 꾸미기, 폼 꾸미기

DOCTYPE html> 3개의 div 활용 div { display : inline-block; width : 200px; border : 1px solid green; } 3개의 div 활용 캔버스에 이미지를 그리기 위해서는 이미지를 담을 객체가 먼저 필요하다. Image 객체의 src 프로퍼티를 이용하여 비트맵을 로드한다. 이미지 로딩이 끝나면 그 때 비로소 이미지의 너비와 높이가 제대로 알려진다. DOCTYPE html> 3개의 div 활용 div { display : inline; border : 1px solid green; } 3개의 div 활용 캔버스에 이미지를 그리기 위해서는 이미지를 담을 객체가 먼저 필요하다. Image 객체의 src 프로퍼티를 이용하여 비트맵을 로드한다. 이미지 로딩..

IT/Css 2018.08.20

오라클 Constraint(제약조건) 종류, 사용, 관리

-- 테이블 생성 시에 제약 조건 이름 지정하여 제약 조건 지정하기create table new_emp1(no number(4) constraint emp1_no_pk primary key,name varchar2(20) constraint emp1_name_nn not null,jumin varchar2(13) constraint emp1_jumin_nn not null constraint emp1_jumin_uk unique,loc_code number(1) constraint emp1_area_ck check(loc_code < 5),deptno varchar2(6) constraint emp1_deptno_fk references dept2(dcode)); -- 테이블 생성 시에 제약 조건 이름 ..

IT/Oracle 2018.08.19

오라클 - SEQUENCE(시퀀스), SYNONYM(시노님)

-- SEQUENCE(시퀀스) 생성 create sequence jno_seqincrement by 1start with 100maxvalue 110minvalue 90cyclecache 2; -- SEQUENCE 생성 및 각종 옵션 테스트create table s_order(ord_no number(4),ord_name varchar2(10),p_name varchar2(20),p_qty number); insert into s_order values (jno_seq.NEXTVAL, 'James', 'apple', 5);insert into s_order values (jno_seq.NEXTVAL, 'Ford', 'berry', 3); select * from s_order; select jno_seq..

IT/Oracle 2018.08.18

css3로 웹 페이지 꾸미기

DOCTYPE html> 태그 셀렉터 만들기 body { background-color : pink; color : blueviolet; } h3, span { color : blue; } h3 { text-align : right; } span { background-color : skyblue; } 소연재 저는 체조 선수 소연재입니다. 음악을 들으면서 책읽기를 좋아합니다. 김치 찌개와 막국수무척 좋아합니다. DOCTYPE html> 텍스트와 폰트 p { text-indent : 1em; background-color : AliceBlue; color : brown; font : "Lucida Console", "Sans-Serif""; font-size : 15px; } span { font-size..

IT/Css 2018.08.17

오라클 - DDL명령과 딕셔너리

-- DDL 명령과 딕셔너리 -- CREATEcreate table new_table(no number(3),name varchar2(10),birth date); create table tt02(no number(3,1) default 0,name varchar2(10) default 'NO Name',hiredate date default sysdate); insert into tt02 (no) values (1); -- 한글 이름 테이블 생성create table 한글테이블(컬럼1 number, 컬럼2 varchar2(10), 컬럼3 date); -- Global Tempory Table(임시테이블) 생성하기create global temporary table temp01(no number,name..

IT/Oracle 2018.08.17

html5 - html5 문서 구조화와 웹 폼

DOCTYPE html> 버튼 버튼을 만들자 1 2 3 4 5 6 7 8 9 DOCTYPE html> 웹 브라우저 웹 브라우저 소개 브라우저라고 불리기도 하는 웹 브라우저는, 사용자에게 웹 서버 컴퓨터에 접속하고 웹 페이지, 이미지, 동영상, 음악 등 다양한... 그림 1-2 구글 Chrome 웹 페이지는 브라우저에 HTML5 문서임을 알리기 위해 ... 그림 1-3 HTML5 문서 구성 DOCTYPE html> 로그인 폼 만들기 로그인 폼 Login Username Password DOCTYPE html> 웹 프로그래밍 개요 웹 프로그래밍 개요 웹의 기본 목적 웹의 기본 목적은 한 컴퓨터에서 만든 문서를 다른 컴퓨터에서 쉽게 볼 수 있도록 하는 것..

IT/Html 2018.08.14

html5 기본태그 - h3, hr, p, pre, dl, dt, dd, ul, li, table, caption, th, tr, td, thead, tfoot, tbody, img, audio

DOCTYPE html>산길산길오늘 아침 일찍 산에 올랐다. 아침온도는 15°이었다. 가지고 간 문의 &half;을 마셨다. 한참 올라 가는 도중에 약수터를 가리키는 &lsh;사인이 보였다. 불현듯 양두종 님의 산길이란 시에 곡을 붙인 박태준의 가곡&sung;이 생각이 났다.산길을 간다. 말없이호올로 산길을 간다 해는 져서 새소리 그치고짐승의 발자취 그윽히 들리는 산길을 간다 말없이밤에 홀로 산길을 간다© Copyright(c) 황기태 All rights reserved. &phone; 010-0000-9999 DOCTYPE html> 도시소개 도시 소개 Califonia 맑고 확창한 날씨가 좋고 Florida 미국의 동남부에 위치한 주로서 Texas 드넓은 목장들이 DOCTYPE html> 살빼는 방법..

IT/Html 2018.08.13