본문 바로가기

WebApplication/JSP4

JSP - HTML의 이해2 [ 표만들기, 이미지 삽입 <table> <b> <dl> <dt> <dd> <img> ] 들여 쓰기 문단 만들기 글씨를 굵게! dl 태그로 하나의 묶임이될 문단의 제목과 내용을 감싸주고 dt 태그 에는 문단의 제목! dd 태그에는 문단의 내용을 입력하면 우측 실행화면 처럼 제목 표기후 들여 쓰기로 문단을 작성한듯한 효과를 준다. 그리고 문단의 제목은 태그로 감싸주어 글씨를 굵게 해 주는 효과를 주었다. 테이블 레이아웃(표) 만들기 먼저 table 태그 열닫으로 테이블 레이아웃의 틀을 만들고 border 속성 값을 지정하여 표 테두리를 만들어준다 tr 태그는 행을 만들고 td 태그로는 열을 만든다 tr태그로 행을 하나 만들어서 th태그로 항목의 제목을 만들어주고 tr태그로 또 행을 하나 만든 뒤 td태그로 열마다 값을 넣어준 것이다. 위와 같이 테이블은 colspan과 rowspan 속성을 이.. 2020. 1. 5.
JSP - HTML 의 이해 01 [ HTML 기본구조, 글쓰기, 링크걸기 <h> <p> <br> <a> <ol> <ul> <li> 태그 알아보기 ] 1. HTML의 기본구조 HTML 은 Hypertext Mark-up Language로 웹상의 하이퍼 텍스트를 나타내기 위한 언어입니다. JSP를 배울 때 기본적인 HTML 언어 CSS, JavaScript도 살펴볼 텐데요 그 시작으로 간단하게 HTML의 소개와 작성법 등을 알아보도록 하겠습니다. 어제 만든 HTML01 파일의 코드입니다. 이클립스에서 html 파일을 만들면 html 파일의 작성을 위한 기본적인 구조를 형성시켜주죠 html 문서임을 알립니다 html 문서의 시작을 알립니다 열어줬던 head 태그를 닫습니다 태그를 닫을 때는 / 를 붙이고 태그명을 적고 로 감싸줍니다. 전체 문단을 작성하는 곳이 되겠습니다. 역시 body태그를 닫아주고요 html문서의 끝을 알립니다. 2. HTML 간단한 .. 2020. 1. 5.
JSP 개발환경 준비2 [ 톰캣,아파치 다운로드, 이클립스 세팅 ] 잠깐!! 자바와 이클립스는 받으셨나요?? https://lchit.tistory.com/48 JSP 개발환경 준비 [ 자바설치 이클립스 설치 ] JDK 설치 오라클 사이트 접속하기 ​ https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html Java SE Development Kit 8 - Downloads Java SE Development Kit 8 Downloads Than.. lchit.tistory.com 톰캣아파치 다운로드 위 파일은 아파치-톰캣 ver8.0입니다 다운로드하시고 압축을 풀어서 워크스페이스 상위 폴더나 원하시는 곳에 배치해주세요! 1. 이클립스 실행 최초 이클립스 실행 화면입니다 우측에.. 2020. 1. 5.
JSP 개발환경 준비 [ 자바설치 이클립스 설치 ] JDK 설치 오라클 사이트 접속하기 ​ https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html Java SE Development Kit 8 - Downloads Java SE Development Kit 8 Downloads Thank you for downloading this release of the Java™ Platform, Standard Edition Development Kit (JDK™). The JDK is a development environment for building applications, applets, and components using the Java programming.. 2020. 1. 5.