728x90 반응형 HTML10 JSP JSP (Java Server Page) 란? JAVA 코드가 들어가 잇는 HTML 코드 Servlet과 JSP의 차이점- Servlet 웹 서비스 기능을 해주는 자바 클래스를 말하는 것으로 자바 소스코드 속에 HTML 코드가 들어가있는 형태-> HTML 문서를 작성하는데 복잡하고 번거롭다는 단점이 있음 JSP> 복잡한 Serlvet을 좀 더 간단히 사용할 수 있음> Servlet과 반대로 HTML 소스 코드 속에 자바 소스코드형태 또는 가 들어가는 형태JSP은 컴파일을 통해 클래스 파일로 변환되어 웹 서버(WAS)에서 실행됨jspFile.jsp ==> _jspFile.java ==> _jspFile.class JSP 장점- 서블릿보다 쉽고 작성하기 빠름- 디자인 부분(html)과 로직 부분(java).. 2024. 6. 24. CSS 개요, 선택자 DOCTYPE html>html lang="en">head> meta charset="UTF-8"> meta name="viewport" content="width=device-width, initial-scale=1.0"> title>Documenttitle> style> /* style 태그 : css 코드만 작성할 수 있는 영역을 제공하는 태그 */ /* 태그 선택자(태그명) */ div{ border : 3px solid red; /* 3px 두께에 빨간 실선 */ } strong{ background-color: blanchedalmond; } sp.. 2024. 6. 12. 입력 관련 태그 DOCTYPE html>html lang="en">head> meta charset="UTF-8"> meta name="viewport" content="width=device-width, initial-scale=1.0"> title>09_입력관련태그title>head>body> h1>input 태그, form 태그h1> h2>웹 문서에서 사용자가 입력할 수 있는 양식을 제공하는 태그h2> h3>text 관련 input 태그h3> h4>type = "text" h4> pre> - 한 줄 짜리 문자열(텍스트)를 입력할 수 있는 입력 상자 - input 태그의 type 기본값(생략 가능) - inline 형식(모든 in.. 2024. 5. 31. 하이퍼 링크 태그 DOCTYPE html>html lang="en">head> meta charset="UTF-8"> meta name="viewport" content="width=device-width, initial-scale=1.0"> title>08_하이퍼링크관련태그title>head>body> h1>하이퍼 링크 관련 태그 : a(anchor) 태그h1> pre> a태그는 현재 HTML문서와 다른 HTML문서를 연결해서 페이지 이동을 할 수 있게 하는 기능을 제공 -> 이 때, a태그로 감싸진 문자열 == 하이퍼링크 * 하이퍼링크는 웹(HTML)문서가 다른 문서와 구분될 수 있는 핵심적인 기능 텍스트 또는 이미지를 클릭해서.. 2024. 5. 31. CSS 개요, 선택자 DOCTYPE html>html lang="en">head> meta charset="UTF-8"> meta name="viewport" content="width=device-width, initial-scale=1.0"> title>Documenttitle> style> /* style 태그 : css 코드만 작성할 수 있는 영역을 제공하는 태그 */ /* 태그 선택자(태그명) */ div{ border : 3px solid red; /* 3px 두께에 빨간 실선 */ } strong{ background-color: blanchedalmond; } sp.. 2024. 5. 30. 이미지 관련 태그 DOCTYPE html>html lang="en">head> meta charset="UTF-8"> meta name="viewport" content="width=device-width, initial-scale=1.0"> title>07_이미지 관련 태그title>head>body> h1>img 태그h1> pre> - 웹 문서에 사진이나 그림 같은 이미지를 삽입하는 용도이 태그 [속성] 1) src : 삽입할 이미지의 경로를 지정하는 속성(파일 경로, 웹 주소) 2) width/height : 이미지의 크기를 지정하는 속성 3) alt : 이미지를 설명하는 속성 -> 이미지가 출력되지.. 2024. 5. 30. 이전 1 2 다음 728x90 반응형