HTML
-
210920 #012 시험 피드백HTML 2020. 9. 21. 15:22
1> 6. "메인", "공지사항", "자유게시판", "갤러리", "회원관리", "채팅하기" 메뉴가 한 줄로 출력 메뉴는 각각 15%의 너비를 갖고, 페이지로 이동할 수 있는 anchor로 표기. 주소는 현재 페이지. ul을 쓰면 li에 들여쓰기를 자동적으로 한다. (padding:40px) 8. 이 영역에는 페이지의 내용이 들어가는 곳으로 넓이는 브라우저크기에 꽉차게 설정하고, 높이는400px 배경색은 회색 기본 margin: 8px; 되어있는 것을 제거해줘야 한다. 9. footer에는 중앙에 Copyright ⓒ 1998-2019 KH Information Educational Institute All Right Reserved 문구가 온다. text-align:center; top:50%; tran..
-
170920 #009HTML 2020. 9. 17. 09:09
display block level : width와 height만 지정해도 구현된다. 그러나, display: inline 의 attr을 부여하면, span과 같은 기능을 수행한다. 한 줄에 한 개. inline level : width와 height를 지정해도, 안에 내용이 있어야 구현된다. 부여된 span 자체의 attr를 무시하고, 그 안에 있는 content에 맞춰서 구현된다. 그러나, display: block 의 attr을 부여하면, div와 같은 기능을 수행한다. inline-block level : block단위지만, 가능한한 한 줄에 구현되게 만든다. position div에게 이 attr만 부여한다고 위치가 변하지 않는 이유는 position 의 default값이 static이기 때문이..
-
160920 #008 예제 풀이HTML 2020. 9. 16. 11:55
0. 1. 위 아래로 붉은 라인 한 줄 씩 hr / border line 2. 글자들 가운데 정렬 > 테이블로 정렬 - (bold + center) / 3. 비밀번호 힌트/답변 > select/option 4. 메일/sns 정보 수신 > radio type button / label 5. 관심분야 > checkbox type button / label > name을 같게 해야 중복 체크가 안된다. 6. 붉은 라인 밑에 button 교재 p.4 inline으로 된 tag > 크기를 줄 수 없다. block으로 된 tag > 크기를 줄 수 있다. 자손 float:left.. → 부모 overflow:hidden; 자손 position:absolute; → 부모 position:relative; margin-..
-
150920 #007 화면구현 from the topHTML 2020. 9. 15. 09:37
다음과 같은 화면을 구성하기 위한 방법 0. 디폴트값 리셋 reset.css 링크하고, 스타일 확인. 1. 레이아웃 지정하기. 상단 HEADER 1.1. HEADER에 있는 TITLE Rint Development HTML5 + CSS3 Basic 1.2. HEADER에 있는 MENU - 1 Web Mobile Game Simulation Data 편안한 조절을 위해 navigator로 묶어놨다. 1.3. HEADER에 있는 MENU - 2 HTML5 CSS3 JavaScript JQuery Node.js 편안한 조절을 위해 여기도 navigator로 묶어놨다. 2. SECTION에 있는 본문창 3개 CSS id가 main_section인 태그 밑에 있는 article중에 class가 main_artic..
-
100920 #003HTML 2020. 9. 10. 12:29
0809 복습 0909 복습 web program - 환경설정 - web content 가 가능하도록 프로젝트 eclipse - dynamic web project Context root - 기본 프로젝트이름 - 변경 -url 적용 WebContent 폴더 - 웹서비스 front 에 나오는 파일이 이곳에 - html, jsp java resource - src - .java → bulid classes - DB interface제공 - charset / encoding ⇒ utf-8 = UTF-8 semantic tag - body 안에 구조화된 틀을 만드는 태그 웹표준 2.0테스트 위의 파일들을 실행하면, 다음과 같은 화면이 출력된다. .mission_b { position: relative; top:..
-
090920 #002 CSS / SelectorHTML 2020. 9. 9. 09:15
WEB program은 web server + apache + web application으로 구성된다. web program - 환경설정 - WAS web server - apache -http 통신 - html,image,css web application server - tomcat - db 연결 리소스, jsp, servlet, spring web server vs WAS 차이 port 충돌 시 http 8080-> server.xml starup - shutdown web program - 환경설정 - web content 가 가능하도록 프로젝트 eclipse - dynamic web project Context root - 기본 프로젝트이름 - 변경 WebContent 폴더 - 웹서비스 fro..
-
080920 #000 Mac, Eclipse, TomcatHTML 2020. 9. 8. 17:09
WAS(Web Application Server) + html + java + oracle = Web Program Eclipse와 Tomcat(서버)을 연결하는 법. 먼저 Tomcat을 실행하는 것이 우선되어야 한다. Terminal을 켜고 다음 명령어를 순서대로 입력한다. 1 % sudo mkdir -p usr/local 사용자 계정 아래에 usr/local 폴더를 생성 폴더는 사용자 마음대로 지어도 된다 2 % sudo mv ~/Desktop/apache-tomcat-8.5.57 /usr/local 바탕화면에 있는 폴더 'apache-tomcat-8.5.57'를 usr/local 폴더로 옮긴다. ※주의: 띄어쓰기 ('옮길 폴더의 위치' 띄고 '옮겨지는 위치') 3 % sudo ln -s [usr/l..