WEB 267

[html] 웹 표준 완전 기초 레이아웃/ 시멘틱을 이용한 레이아웃

웹 페이지 완전 기초 레이아웃 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 Document My homepage html5 html5 html5 html5 what is html5? html5 is goooooooooooooooooood! 주식회사 ㅇㅇㅇ Colored by Color Scripter cs 요로케 쓴다 시멘틱을 이용한 레이아웃 시멘틱 웹이란? 현재의 컴퓨터처럼 사람이 마우스나 키보드를 이용해 원하는 정보를 찾아 눈으로 보고 이해하는 웹이 아니라, 컴퓨터가 이해할 수 있는 웹을 말한다.즉 사람이 읽고 해석하기에 편리하게 설계되어 있는 현재..

WEB/html,CSS 2021.04.04

[html] form태그 사용/ 설문조사 만들기

이 게시물에는 아래의 내용이 포함되어 있습니다. 1. form 태그 2. input type text, password, file, radio, checkbox, submit 3. textarea 4. select태그 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 Document 이름: 아이디: 비밀번호: 연락처: - - 사진: 성별구분: 남, 여 사용언어: 한글, 영어, 일본어, 중국어 자기소개: 간단하게 입력하세요 국적: korea usa japan china 좋아하는 음식: 김치 불고기 파전 비빔밥 Colored..

WEB/html,CSS 2021.04.04

[html] Bootstrap 사용하기

부트스트랩은 css를 별도로 꾸밀 필요없이 이미 만들어진 디자인을 가져다가 쓸 수 있는 라이브러리입니다. 부트스트랩을 사용할 준비를 해보겠습니다. 1 2 3 4 5 6 7 8 9 10 11 12 Document Colored by Color Scripter cs getbootstrap.com/ Bootstrap The most popular HTML, CSS, and JS library in the world. getbootstrap.com 4.5버전을 선택합니다 css를 복사합니다. 이렇게 style.css 위에 있어야 우리가 만든 css가 변경하고 싶을때 덮어 쓸 수 있습니다. 자바 스크립트 코드 복사합니다. 바디 태그끝나기 바로 위에 넣어준다. 끝!

WEB/html,CSS 2020.12.30

[Java Script] 버튼으로 웹 페이지 야간 모드, 낮모드 만들기/ 배경색 바꾸기

왼쪽부터 기본- night 버튼 눌렀을때 - day 버튼 눌렀을때의 모습입니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 hello my page 안녕하십니까. Colored by Color Scripter cs document.querySelector('body')이 부분은 body태그 전체를 선택한다는 뜻입니다. button을 누르는 이벤트(onclick)이 발생하면 밑에 javascript가 실행됩니다.

WEB/Java Script 2020.12.29

[jsp] annotation으로 url 매핑하기

2020/12/28 - [jsp] - [jsp] 이클립스에서 servlet 프로그램 만들고 실행해보기 위와 같은 결과지만 다른 방법을 사용하겠습니다. web.xml 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 Welcome to Tomcat Welcome to Tomcat Colored by Color Scripter cs 바뀐 점은 matadata-complete="false" 입니다. 원래는 true였는데 false로 바꿉니다. 그리고 밑에 servlet매핑 정보는 필요없으니 주석처리합니다. Nana.java 1 2 3 4 5 6 7 8 9 10 1..

WEB/jsp 2020.12.28

[jsp] 이클립스에서 servlet 프로그램 만들고 실행해보기

■ 브라우저에서 바로 열기 여기서 선택을 해주시면 자기가 선택한 웹 브라우저로 뜹니다. ■ 프로젝트 루트 설정하기 프로젝트 -> 우클릭-> 속성-> Web Project Settings에서 Context root를 /로 바꿉니다. 그리고 서버를 멈추어 줍니다. 아래에 있던 JSPprj를 delete합니다. 그리고 다시 실행합니다. 프로젝트로 안들어가고 바로 NewFile.jsp가 뜹니다. ■ 자바 코드 만들기 Java Resources에 src에 패키지와 클래스를 만들어줍니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 package com.newlecture.web; import java.io.IOException; import java.io.PrintWrit..

WEB/jsp 2020.12.28