HTML 화면 구성

 

▶ 회원 관리 화면의 구성 요소

 

 

▶ 레이아웃 화면구성

 

CSS가 없는 Html 만의 화면 구성

 

 

index 파일과 main.css 파일을 연동시킨다.

 

- request.getContextPath() 은 절대 경로로 Layout35 프로젝트 폴더를 의미한다.

 

request.get까지 치고 ctrl+space 누르면 자동완성이 뜸.

 

<! tip> 경로를 지정할때 타자를 쳐서 잡지 말것.

"/(폴더명 클릭-복사-붙여넣기)/(파일명 클릭-복사-붙여넣기)"

 

 

 

▶상단 메뉴 설정

 

 

4개의 상단 메뉴를 구성함. 01회원가입과 02회원리스트에 경로를 설정함.

 

 

 

▶ 회원가입 폼의 예시

상단 메뉴에서 01회원가입 버튼 클릭시 나타나는 화면.

 

 

입력화면의 종류.

-text 타입의 입력화면

-submit 타입의 입력화면

 

 

 

 

<! tip >

주석 설정 ctrl+shift+/

글씨크기 설정 ctrl+shift+( + or - )