html

radio 또는 Check Box

• for: 레이블을 선택해도 커서가 입력됨
• checked: 기본 값을 지정

auto focus

• 사용자 편리를 위해 사용. 페이지 진입시 커서위치 지정

멀티미디어

1. 윈도우 표준
   • 음악 wav
   • 이미지 bmp
   • 영상 avi
2. 비트맵과 벡터
   • 포토샵은 비트맵: 점(픽셀), 사진(실물그림) / 확대시 깨짐. 안티 앨리어싱으로 컬러 경계를 유사색으로 채워 부드럽게 표현
   • 일러스트레이트, 벡터, 코렐드로우 는 벡터: 선단위, 캐릭터,로고 / 확대 가능
3. 출력장치
   • 모니터: RGB - 가산법 - 픽셀 단위 - 72dpi(dot per inch)
   • 프린터: CMYK - 감산법 - dpi -> 최소 150dpi / 기본 300dpi

태그 축약

<input />
--셀프 클로즈

시멘틱 태그

1. 발전순서
   • Frame (웹퍼블리싱) -> 시맨틱 -> 타일즈(스프링) -> 타임리프(스프링부트)
   • 카페에서 3개 글 참고 HTML5 이전, 타임리프(thymeleaf)란?, HTML5 캔버스
2. HTML5의 기본 구조
   https://cafe.naver.com/hamminglab/17652
3. 네비게이션 메뉴를 가로로 정렬하기: 네비 태그는 기본적으로 세로 정렬이므로, 가로정렬시 CSS를 적용해야한다.
   • https://cafe.naver.com/hamminglab/21487
   • https://cafe.naver.com/hamminglab/21488
   • https://cafe.naver.com/hamminglab/21489
4. 주의점
   • head 기본 태그// 메타태그, CSS, JS, title가 들어가는 영역
   • header 시맨틱 태그// 웹 홈페이지 상단 부분

글로벌 속성

1. hidden: 요소를 화면에서 감춤, 소스코드에 보이므로 jsp 포워드 방식을 사용하는게 나음
2. class: 중복이 가능
3. id: 중복이 불가능
4. title:

  <p><span title="World Wide Web Consortium">W3C</span>는 국제 웹 표준 개발기구입니다.</p>
  <!-- 검색 엔진에도 걸리며, 마우스 오버시 툴팁으로도 표시 -->

크로스 브라우징

1. https://www.w3.org: 표준기구. 크로스 브라우징시 적용안되는 경우 많음
2. Cross HTML: 모든 브라우저등 환경에서 지원 태그
3. Safe Color: 모든 브라우저등 환경에서 지원 색

화요일까지 숙제

읽어올 부분 html
1. 132~ 문법형식
2. 주석
3. CSS/JS 적용방법:
내부스타일(파일 내에서만 적용),
<style> css or <script> : JS
외부스타일(여러 파일에서 호출가능),
<link rel> or <script src>
인라인 스타일(특정 태그에만 적용)
->js일때 태그와 사용방법 익히기
4.선택자
- 전체선택자, (*)
- 태그선택자, (a)
- id선택자, (#) 중복 불허
- class선택자, (.) 중복허용
- 기본속성 선택자 ([])

~p 147

다음주

CSS 핵심
1. grid, flex, position
2. 아래 파일을 읽을 수있어야 한다.(<div 제외>)
https://cafe.naver.com/hamminglab/17689

상속
인터페이스
오버라이드
오버로드