태그들
* 줄 변경 : <br>, <p>
* markup 태그 : <big>, <small>, <sup>, <sub>, <u>, <strong>, <b>, <mark>, <strike>
* 글꼴 관련 : <font>
* 이미지 : <img>, <map>, <area>
* 링크 : <a>
* 목록 : <ul>, <ol>, <li>, <dl>, <dd>, <dt>
* 글 목록 : <h1> ~ <h6>
* frame : <table>, <thead>, <tbody>, <tfoot>, <tr>, <th>, <td>
* 테이블 : , <, >,,,
* HTML Form Control : <form>, <fieldset>, <legend>, <input>, <select>, <textarea>Web Server
: HTML을 가지고 있다가, 요청이 발생하면 HTML을 응답해주는 프로그램.
Web Container
: JSP나 Servlet을 가지고 있다가, 요청이 발생하면 HTML로 변환하여 응답해주는 프로그램.
WAS(Web Application Server)
: Java EE의 모든 Spec(Servlet/JSP, EJB)을 서비스할 수 있는 프로그램(WebLogic, Web Sphere, JBoss, Resin)
작성순서
1. 코드 작성
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"> //html태그는 대소문자 가리지 않음.
<title>타이틀 바에 들어갈 내용</title>
</head>
<body>
사용자에게 제공할 내용
</body>
</html>
2. 저장 : 이름.html 또는 이름.htm(잘 안씀.)으로 저장가능
project > src > main > webapp에 저장
3. 실행
WAS(ex, tomcat)실행
4. 접속 URL을 사용하여 HTML을 요청한다.줄 변경 Tag
<시작태그>내용</끝태그> => 시작태그와 끝태그 사이에 내용이 없다. <태그명/>
-web browser는 \n으로 줄을 변경할 수 없다.
* <br/>, <br> : 필요한 위치에서 정의, 태그가 정의된 곳에서 줄이 변경된다.
* <p> : 문단 태그(문단을 만들 때 사용)
<p>
문단으로 만들어질 내용
</p>
*HTML의 주석
<!-- 내용 -->
* Markup tag
- 본문에서 특정 부분을 강조하여 보여주는 것.
* 진하게 : <b>, <strong>
사용법) <b> 내용 </b>, <strong> 내용 </strong>
* 크게 : <big> - HTML5에서 지원하지 않는 태그 ->web browser에서 Rendering 잘됨
* 작게 : <small>
* 취소선 : <strike> - HTML5에서 지원하지 않는 태그
* 밑줄 : <u> - HTML5에서 지원하지 않는 태그
* 윗첨자 : <sup>
* 아랫첨자 : <sub>
* 이탤릭체 : <i> --잘 안씀.
* 형광펜 : <mark> 속성(Attribute)이 있는 태그
개발자가 원하는 값을 넣어 태그를 다양한 형태로 사용할 때 사용.
속성의 값은 "값", '값', 값 3가지 형태로 사용할 수 있다.
모든 태그가 같이 사용할 수 있는 속성 global attribute라고 한다.
속성 = "값" 속성 = '값' 속성 = 값 <= 공백이 나오기 전까지를 값으로 인식.
-속성은 기본 값이 존재한다.(속성을 사용하지 않으면 기본 값이 할당된다.)
* 글자태그
<font color = "글자색" size = "크기" face="글꼴"> 내용 </font> 글자색 : 문자열(blue, black,,,), 숫자(16진수 -RGB color) 1600만가지 색
크기 : 1~10까지 기본크기 3
글꼴 : 접속자에 따라 다르게 보여질 수 있다.