[웹 표준에 맞는 HTML5 프로그래밍] 4차시 - CSS3를 활용한 시각적 효과 꾸미기
CSS3의 개요(선택자, 스타일, 속성, 값)1. CSS3의 개념 및 형식- HTML(Hypertext Markup Language): 문서의 내용- CSS(Cascading Style Sheets): 문서의 스타일(디자인)2. CSS3의 적용 예3. 선택자의 종류- .class- #id- *- element- element, element, .. CSS3의 표현 방법1. 외부 스타일 시트2. 내부 스타일 시트3. 인라인 스타일 시트 CSS3의 단위, 색상, 글자 속성1. CSS3의 단위- 고정 크기 단위: cm, mm, in, px, pt, pc- 가변 크기 단위: em, ex, ch, rem, vw, vh, vmin, vmax, %2. CSS3의 색상- CSS 색상의 종류: Background Col..
2023. 2. 5.
[웹 표준에 맞는 HTML5 프로그래밍] 2차시 - 웹 페이지 기본 문서 만들기
HTML5의 기본 구성1. 시작과 끝이 없는 태그는 "img", "br", "hr"이 있고, 태그의 구조는 속성(Attribute)과 속성값(Value)임2. HTML5 문서태그는 html, head, title, body, base, meta, link, style, script, h1...h6, div, span, p, br, hr 등이 있음 텍스트와 링크 태그1. 제목과 본문 태그에는 h1...h6, p, br, hr, div, pre, 특수문자 등이 있음2. 글자 모양 태그에는 b, strong, i, em, small, sub, sup, ins, del, mark 등이 있음3. 하이퍼링크 태그 요소에는 a, href, URL 등이 있음- a: 하이퍼링크를 의미- href: 파일의 경로(주소)-..
2023. 2. 5.