CRUISEWEB

responsive image 1. img attribute 1) srcset 이미지 세트를 정의하여 브라우저가 어떤 사이즈의 이미지를 선택할 지 고를 수 있도록 한다. 파일명 + 공백 + 이미지 고유 픽셀 width (w 단위) ※ w 단위 : 이미지의 실제 사이즈를 정의함 2) sizes 미디어의 조건들을 정의하고, 해당 조건이 만족될 때 어떤 사이즈의 이미지를 선택하는 것이 좋을지 지시한다. 마지막 width는 조건 없이 적용되게 할 수 있다. (아무 미디어 조건도 충족되지 않을 때 기본 값으로 선택된다.) media 조건 + 공백 + 해당 조건에 맞는 이미지 width (절대 단위, 상대 단위) 브라우저는 첫번째로 매칭되는 조건 이후의 모든 것을 무시하기 때문에, 미디어 조건 순서에 주의해야 한다..

1. 허용된 컨텐츠 , , 2. 속성 align 컨테이닝 블록 안에서 테이블이 어떻게 정렬될지 결정 값 : left, center, right 대체 CSS : align="left" ≒ margin-right : auto align="right" ≒ margin-left : auto align="center" ≒ margin-left:auto; margin-right : auto bgcolor 테이블과 테이블 내용의 배경색을 결정 값 : #hexacode, 색상 키워드 대체 CSS : background-color border 테이블을 감싸는 테두리의 두께를 결정 border=”0”일 경우, frame 속성이 void로 설정됨 값 : integer 대체 CSS : border cellpadding 셀의 ..

1. type 1) text 텍스트 필드 입력 값에서 개행은 자동적으로 제거됨. dir : 텍스트 방향성을 지정하는 속성 (ltr, rtl) See the Pen vZqwVB by leeYura (@2yulrang) on CodePen. 2) password 비밀번호 텍스트 입력 필드 (사용자가 입력된 내용이 감춰져서 보여짐) maxlength 속성으로 최대 입력 글자수를 제한할 수 있음 See the Pen input[type=”password”] by leeYura (@2yulrang) on CodePen. 3) checkbox 여러 개 선택 가능한 체크박스 체크된 아이템은 해당 아이템에 지정된 value 속성을 전송함 checked 속성을 통해 무슨 아이템이 선택 되었는지 나타냄 indetermin..

meta>페이지 정의, 키워드, 작가, 마지막 수정날짜, 기타 메타데이터 등 html 문서의 메타데이터 정보를 제공하는데에 쓰임메타데이터는 페이지상에는 보이지 않으나 웹브라우저나 검색엔진, 기타 웹서비스 등에서 파싱되어 쓰일 수 있음메타 태그를 이용하여 뷰포트(웹페이지 상 사용자 가시 영역)를 제어할 수 있음.1. 속성1. name문서의 메타데이터를 설정함문서의 메타데이터는 name 속성과 content 속성의 쌍으로 표현된다.대소문자 구별X, 아스키코드 대소문자구별법에 의해 비교되어야 한다.1) application-name페이지에 표현되는 웹 어플리케이션의 이름2) author페이지 저작자의 이름3) description페이지의 설명4) generator문서를 생성하기 위해 쓰인 소프트웨어 패키지5)..