리스트: 항목들을 나열하는데 사용
번호없는 리스트(unordered list) : <ul>
번호있는 리스트(ordered list) : <ol>
정의 리스트(definition list) : <dl>
리스트 항목 안에도 텍스트, 이미지, 링크, 다른 리스트를 넣을 수 있다.
<ul>
<li>……</li> list item
<li>……</li>
<li>……</li>
</ul>
<dl>
정의 리스트(definition list):
항목들과 함께 항목들의 정의(설명)가 표시되는 리스트
<dl>
<dt>에스프레소</dt>
<dd>- 커피의 기본, 커피의 원액이다.</dd>
<dt>아메리카노</dt>
<dd>- 에스프레소에 물을 넣은 것</dd>
<dt>카페라떼</dt>
<dd>- 커피에 우유를 섞은 것</dd>
</dl>
한 줄 끝까지 가면 block요소
안쪽으로 들어오는 것 : padding
바깥으로 미는 것 : margin
div끼리 떨어지게 하는 것 : margin
div div{
} - div속에 있는 div
옆으로 올라가게 하려면 float라는 속성이 필요
body{
min-width : 1500px; => 최소크기 1500px이하로는 줄어들지 않음.
}
ID : 유일한 값을 주고싶을 때
Class : 똑같은 것을 동시에 여러 곳에 적용하고 싶을 때
<table>
표 형태의 데이터를 표시하는 데 사용됨
초기의 웹 페이지에서는 전체 페이지의 레이아웃에 사용하였음
하나의 행을 <tr> … </tr>로 표현(table row)
하나의 데이터는 <td> … </td>로 표현(table data)
각 열의 헤더(열의 제목)이 있는 경우 <tr>…</tr>로 행을 만들고 그 안에 <th> … </th>를 사용하여 생성(table header)
테이블은 일반 글자 또는 데이터를 표로 표현할 때만 사용하고 화면의 레이아웃은 스타일시트를 이용해서 표현하도록 해야 함
테이블 헤더
<tr>
<th>영화제목</th>
<th>연도</th>
<th>감독</th>
<th>평가</th>
</tr>
=> 제목일 때는 th로 해도 됨.
서버 만들기
window - preference - server - Runtime Enviroment - Add - 폴더선택(압축푼 폴더선택)
javaEE에서 servers
new server - Tomcat 선택
<Connector connectionTimeout="20000" port="8080" protocol="HTTP/1.1" redirectPort="8443"/>
프로토콜에서는 80이 기본임.
http://localhost:8080/pro/~.html => port가 8080일 때
http://localhost/pro/~html => port가 80일 때는 생략 가능
아래와 같이 수정하기
<Connector URIEncoding="UTF-8" connectionTimeout="20000" port="80" protocol="HTTP/1.1" redirectPort="8443"/>
새로만들기 - Web - Dynamic Web
Target runtime - 미리 만든 서버로 Apache Tomcat v7.0으로 설정됨
Generate web.xml 체크하고 Finish
서버만들고 지우는 것 화면캡쳐해서 파워포인트로 만들어서 제출
서버삭제 - window - preference - Runtime Enviroment에서까지 제거
http://apache.org/에서 쭉 내려서 Tomcat 찾기
크롬 등록하기
window - generic - Web Browser - new - Name에 크롬 적기
Location에 크롬아이콘에서 오른쪽버튼 - 크롬에서 오른쪽버튼 - 속성 - 대상에 있는 것 복사
Location에 붙여넣기
