HTML

올바른 Sectioning Elements 사용 방법

김버그님의 ‘HTML/CSS는 재밌다’ 강의 내용을 바탕으로 공부 내용을 정리한 글입니다. 1. Sectioning Element란? 정의: 하나의 ‘단원'을 나타내는 태그 종류 4가지: , , , 2. Sectioning Elements 사용 시 공통적으로 지켜야 할 규칙 단원에는 ‘제목’이 있어야 한다. Sectioning Elements 내부에는 반드시 heading 태그(h1 ~ h6)가 들어가야 함. 따라서 안에도 제목 태그가 반드시 들어가야 웹에 이게 무슨 navigation인지 정보를 전달할 수 있다. 어차피 사용자에게 안보여지게 하는 건 css로 처리하면 됨.

HTML 문서에 CSS를 적용하는 세가지 방법

HTML 문서에 CSS를 적용하는 세가지 방법 1. 적용할 태그에 style 속성으로 넣기 아무노래나 일단 틀어 신나는 걸로 해당 태그에만 적용 2. HTML 문서 head 태그 안에 style 태그로 넣기 문서 전체에 적용 .클래스명 {꾸밀내용}으로 body 내에 선언한 클래스를 꾸며준다. 태그명 {꾸밀내용}으로 해당 태그부분을 꾸며준다. 3. HTML 문서 head 안에 CSS파일로 링크하기 전체 문서에 적용 link 태그 사용, href 속성으로 css파일 불러오기

HTML 요소(element)와 속성(attribute)의 차이

요소(Element) 요소와 태그가 서로 헷갈릴 수 있어 설명해두고자 한다. 요소란 무엇인가 에서 요소란 무엇인가 전체를 요소라고 말한다. 여기서 여는태그인 와 닫는태그인 만 태그이다. 홀태그인 경우 요소의 마지막이 닫는태그로 끝나지 않는다. 속성(Attribute) 요소의 시작 태그 안에서 사용하는 태그를 보조하는 명령어이다. 한 태그 내에 여러 속성을 부여할 수 있으며, 이 경우 속성과 속성 사이는 한칸을 띄워준다. 의 형태로 사용된다.