Homile

CSS selector: html에 작성한 요소에 접근하는 방법 CSS Style 적용방법 inaternal: HTML문서 내에서 CSS style 적용 inaternal external: HTML문서 내에서 CSS파일 연동하는 방법 inline: 태그 내에서 style 적용 inaternal Selector: 요소 접근 방법 전체 selector: 모든 요소에 접근 * { } 태그 selector: 태그에 접근 div { } p { } Class selector: 클래스에 접근 .container{ } Id selector: 아이디에 접근 #container { } 자식 selector: 부모의 밑에 있는 자식 요소에 접근 body > div { }

CSS(Cascading Style Sheets)란? 사용자에게 문서를 표시하는 방법을 지정하는 언어이다. HTML로 웹 페이지의 틀을 제작하고 거기에 디자인을 해주는 것이 바로 CSS이다. CSS의 특징 규칙 기반 언어이다. 웹 페이지의 제목 및 링크의 색상과 크기 변경을 할 수 있다. 웹 페이지의 레이아웃을 만드는데 사용할 수 있다. 애니메이션과 같은 효과도 만들 수 있다. 참고자료 CSS MDN

Layout(레이아웃) 구성 header : 머리말 (페이지 제목, 페이지 소개) nav : 탐색 링크 정의 section : 문서의 장이나 절에 해당 article : 본문과 독립적인 콘텐츠 영역 aside : 본문 이외의 content를 정의 footer : 꼬리말 (저자, 저작권 정보) 실제 레이아웃 구성 화면 더보기 Layout(레이아웃) 기본구성 header NAV left side section right side footer

TAG(태그) 태그를 사용 시 과 같이 열리고 닫히는 태그의 순서가 꼬이지 않도록 해야 합니다. 순서가 꼬이게 된다면 유효성 검사를 통과하지 못하고 또한, 유지보수에 어려움을 겪을 수 있습니다. 올바른 예 : 닫지 않아도 되는 태그 , , area, base, embed, hr, param, source, keygen, link, input, command, col 태그 내용 태그 안에는 태그 명, 속성 명, 속성 값, 내용이 존재한다. 속성 값을 작성시 ""(따옴표)를 사용하여 지정해야 한다. 태그 종류 1) 글자태그 h1 ~ h6 : 제목 p : 문단, br : 줄바꿈, hr : 줄긋기 a : 하이퍼링크 생성 b, i, small, sub, sup, ins,del : 글자 모양 지정 2) 목록 태그 ..

HTML 이란? Hyper Text Markup Language의 약자이며 Webpage를 만들기 위해 사용하는 언어입니다. 기본적으로 HTML로 파일을 작성 시 *, 을 정의하고 파일명.html로 저장해야합니다. *은 현재 가장 많이 사용되는 버전인 HTML5를 사용할 때 정의 합니다. 태그 (TAG) HTML로 Webpage를 제작할 때 사용하는 것을 태그(TAG)라고 하며 태그 사용 시 를 사용하여 표현합니다. 태그의 사용방법은 제목태그 보통은 앞과 같이 처음과 끝을 지정해 줘야 하지만 또는 (줄바꿈 태그)와 같이 끝을 지정하지 않아도 되는 태그가 존재합니다. HTML의 기본구조 여기서 를 주석이라 하며 코드를 설명하는 부분을 작성할 때 사용합니다. 주석을 쓰게되면 HTML문서의 변형이 이루어지는 ..