스크립트 언어,HTML 시작

자바와는 다르게 스크립트 언어는 패키지로 구분되는 개념이 없고, 한줄의 코딩을 실행하고 바로 다음 한줄의 코딩을 사용하는 식으로 사용된다.

HTML과 JSP로 구현한 화면은 똑같이 보일 수 있으나 데이터가 유동적이면 JSP로 사용한다. 고정되있으면 HTML을 써도 된다.

 

HTML : 웹 페이지 구성

CSS : 스타일 적용

JavaScript : 사용자 반응 처리

 

실습 환경은 크롬, 이클립스 for JAVA EE , 톰캣(서버) 사용

 

태그와 요소

 

요소 - HTML 페이지를 구성하는 부분 (제목,본문,이미지 등)

태그 - 요소를 만들 때 작성하는 방법

 

내용을 가질 수 있는 요소: <요소이름>내용</요소이름> 

ex ) <h1> hello HTML5 </h1>

 

내용을 가질 수 없는 요소:  <요소이름></요소이름> 

ex) <audio></audio>

 

head 와 body는 기본적으로 가지는 태그.

 

스타일시트

내부 스타일 : HTML 내부에서  style 태그를 사용해 스타일시트를 직접 입력하는 방법

외부 스타일 :  HTML 페이지 내부에서 link 태그의 href 속성을 사용해 스타일시트를 불러오는 방법

 

절대경로

http:~~ .com => 메인페이지

/animal.jpg => 현재 웹 사이트 최상위 위치의 animal.jpg

 

상대경로

파일명 앞에,    "  ./  "   혹은 아무것도 없음 => 현재위치,

../이미지.jpg => 페이지가 있는 폴더의 상위폴더에 있는 이미지

 

아이디 경로

#name - id 속성이 name인 태그의 위치로