윤제니

META (웹 페이지의 정보) : HTML 문서에 관한 정보(표시 방식, 제작자, 내용, 키워드 등)를 검색엔진이나 브라우저에 제공 - 사용하는 속성 속성 의미 값 charset 문자 인코딩 방식 UTF-8, EUC-KR 등 name 검색엔진 등에 제공하기 위한 정보의 종류 author, description, keywords, viewport 등 content name 이나 http-equiv 속성의 값을 제공 LINK (CSS 불러오기) : 외부 문서를 연결할 때 사용 / HTML 외부에서 작성된 CSS 문서(xxx.css 파일)를 불러와 연결할 때 사용 - 사용하는 속성 속성 의미 값 rel *필수* 현재 문서와 외부 문서와의 관계를 지정 stylesheet, icon 등 href 외부 문서의 위치..

속성 크기, 여백, 색상 같은 눈에 보이는 스타일을 지정 가능 크기 width 요소의 가로 너비를 지정 단위는 px 사용 div { width:150px; } height 요소의 세로 너비를 지정 단위는 px 사용 div { height:150px; } font-size(글자 크기) 요소 내용(Text)의 글자 크기를 지정 글자의 크기를 지정하지 않아도 대부분의 브라우저에서 기본값 16px로 적용 div { font-size:16px; } 여백 margin(요소의 바깥 여백) 바깥 여백은 요소와 요소 사이의 여백(거리, 공간)을 생성할 때 사용 div { // 위, 아래, 왼쪽, 오른쪽 모든 방면에 공통적으로 적용 // * 단축 속성 margin : 20px; } div { // 각각 다르게 여백 설정 ..

div 'division'의 약자, '분할'을 뜻한다. 문서의 부분이나 섹션을 정의 명확한 의미가 없기 때문에 단순히 특정 범위를 묶는 (wrap)용도로 사용 => 묶인 부분들에는 CSS나 JS 적용 img HTML에 이미지를 삽입할 때 사용 src와 alt는 필수 속성 속성 의미 값 src (필수)이미지의 URL URL alt (필수)이미지의 대체 텍스트(alternate)를 지정 CSS div { font-size:20px; color:red; } 선택자 { 속성:값; 속성:값; } 선택자(selector) HTML에 스타일(CSS)을 적용하기 위해 HTML의 특정한 요소를 선택하는 사인(sign) 1. 태그명으로 찾기 제목 본문 //CSS h1{ color : red; } p{ color : blu..