정보보안공부
JSP_2. HTML파일 만들어보기 본문
<HTML>
## Dynamic Web Project 만들기
--> Dynamic web 프로젝트를 만들어보자
--> Generate web.xml deployment descriptor 꼭 체크하기
## HTML File 만들기
--> WebContent안에 HTML 파일을 만들어보자
##Ex01
--> title 은 웹브라우저 이름처럼 맨위에 보여준다.
--> h태그는 h1~h6까지 제목을 나타낼때 사용한다.
## Ex02
--> 줄바꿈과 공백을 적용하려면 pre태그나 br태그를 사용한다.
--> pre태그는 안에있는 내용을 무조건 작성한 대로 출력해준다.
--> br태그는 줄바꿈을 해준다. 닫는태그가 존재하지 않는다.
##Ex03
--> u태그 밑줄이 생성 ( HTML버전 5.0에서는 사용하지 않는다.
--> style="text-decoration:underline;" 으로 사용한다.
--> style="color:red;"로 글씨색깔 조절, style="font-size:36px;"로 글씨크기 조절
--> <를 표현할때 < 을 사용하고 >를 표현할때 > 를 사용한다.
--> 문단을 작성할때는 p태그 사용
--> blockquote 는 들여쓰기를 해준다.
## Ex04
--> 표작성할때는 table안에 tr(줄) td(칸) 으로 구성된다.
--> table 옆에 border="1" 작성하면 표가생성 style을 통해 css문구 작성 width는 폭을 400으로 margin은 전체표를 가운데정렬
--> align="Left","right","center" 를 통해 왼쪽정렬 오른쪽정렬 가운데정렬
--> valign="top","middle","bottom" 을 통해 한칸에 맨위로 가운데로 아래로 정렬
--> 를 통해 공백을 만든다.
## Ex05
--> <head>안에 <style type="text/css">을 통해 전체에 css문구를 적용할 수 있다.
--> td { text-align: center ; padding 5px; margin:15px; color:blue;" } 를 이용해 가운데정렬, padding : 글자와 테두리사이의 간격 5px, 색깔은 블루로 설정한다.
--> style="border:1px solid red;" 표 테두리 색깔을 빨간색 solid는 일반적인직성
--> colspan="4" 는 한줄에 4칸을 합친다. 좌우로 칸을 합친다.
--> rowspan="2" 는 두줄에 2칸을 합친다. 상하로 칸을 합친다.
## Ex06
--> Webcontent에 images폴더를 만든뒤 아무사진 한개를 복사해 넣는다. 1.jpg사진
--> type="text/css"로 전체 div에 width=200, height=150 테두리 는 빨간점선
--> 줄바꿀때 float: Left는 줄바꾸지말고 옆으로 표시한다는 의미(왼쪽부터 순서대로)
--> <img src="사진경로" width, height로 사진크기설정 title은 마우스를 사진에 가져다댔을때 보여주는 설명
'JSP' 카테고리의 다른 글
| JSP_6. 달력만들기 (0) | 2017.09.15 |
|---|---|
| JSP_5. 선언부,표현식,request (0) | 2017.09.15 |
| JSP_4. JSP파일 만들어보기 (0) | 2017.09.13 |
| JSP_3. HTML 폼태그 사용, JSP파일 만들어보기 (0) | 2017.09.13 |
| JSP_1. 이클립스, 톰캣 설치와 기본세팅 (0) | 2017.09.08 |
