JSP 1일차(tag)

HTML tag
<br> 
 - 줄 개행

<hn>
 - n에는 1 ~ 6의 정수가 들어가며 높은 숫자일수록 텍스트의 크기가 작아진다.
 - 7부터는 없는 수와 같다. (적용되지 않음)

<i>
 - 기울임 글꼴

<u>, <s>
 - 각 밑줄친 글꼴, 취소선 글꼴이며 html에서 사용하지 않는것을 권장한다.

<p/> 
 - 텍스트를 한 문단으로 구분짓는다.

<pre/>
 - Java에서 작성된 그대로 (띄어쓰기 개행 등)보여준다. 단 글꼴 등 style을 잃기때문에 재설정/적용해야 한다.

<li/>
 - 텍스트 앞에 목차처럼 동그라미를 찍어준다.

<ul/>, <ol/> (unordered list, ordered list)
 - 각 정렬되지 않은, 정렬된 list이며 통상적으로 ul이 많이 사용된다.

<div/> 
 - '하나의 별도 영역으로 구분짓겠다' 의미
    -> script와 style은 최근 하나의 div에 전부 넣어 관리하는 추세이다.(기존에는 body 각 항목마다 style이 작성 됐다.)
 - id, class 지정이 가능하다. ( id는 #id, Class는 .Class명 으로 참조가 가능하다.)

<span>
 - div와 같은 의미이며, div내의 또 다른 구역을 나눌 때 사용한다. (확실치는 않으나 보통 단일속성 배치할 떄 사용되는듯 하다.)

<a href = ""/>
 - 더블쿼터 내에 URL을 입력하여 텍스트 클릭시 해당 URL로 요청을 보낼 수 있다.

<a target = "_blank"/>
 - href에 명시된 URL로 보낸 요청의 응답을 새 창으로 받아 띄워준다.

<a title = ""/>
 - 텍스트에 마우스를 올려두면 설명과 같은 text를 띄워준다.

--------------------------------------------------------------------
<h2>이미지1</h2>
<img src = "images/icon1.png" width = "200px"/>
<h2>이미지2</h2>
<img src = "/html_Exam/images/icon2.png" width = "50%"/>

 - width는 별도의 지정이 없을 시 전체화면 크기를 사용한다. (반응형과는 다른 개념)
 - ContextRoot(html_Exam)와 webapp을 동일 경로로 본다.
    -> URL 입장(https://localhost:8085/html_Exam/ex09.jsp)에서 봤을 때 localhost는 나 자신, 8085 port(HTTP)를 찾아와 안에 있는 ContextRoot를 참조하게 된다.
 - 1번 이미지는 pixel이 상수로 지정되어 있는 반면 2번 이미지는 %로 지정되어 있다.
    -> 1번은 상시 고정크기를 가지나 2번은 화면크기의 변동에 따라 유동적으로 변한다(반응형)

* background
 - html색상표의 값도 사용이 가능하다
* float
 - 사전적인 의미는 '띄우다'지만 html에서는 정렬의 의미로 사용된다.