본문 바로가기

Web Development/HTML & CSS

(2)
[CSS] CSS, 3가지 적용 방법, 상속 개념 [CSS] CSS(Cascading Style Sheets), 3가지 적용 방법, 상속 개념 1. HTML로 구조를, CSS로 디자인을 표현하자 2. CSS를 입히는 3가지 방법2-1. 인라인 스타일(Inline Style) - 태그 안에서 직접 스타일 지정하는 방법스타일 - 해당하는 태그 스타일만 적용됨 - 태그마다 스타일 지정해서 유지, 보수하기에는 불편한 점이 있음 2-2. 내부 스타일 시트(Internal Style Sheet) - HTML 문서 안에 별도 영역으로 스타일 정의하는 방법 - 주로 태그 사이에 정의 - - 위 CSS는 p 태그에만 적용이 됨- Result h1 tag Title h2 tag Title p tag p tag Hello World! - 하지만 위 CSS는 body 태그에..
[HTML] 시맨틱 마크업, 엘리먼트 & 태그, 기본적인 & 구조적인 시맨틱 마크업, DOCTYPE [HTML] 시맨틱 마크업, 엘리먼트 & 태그, 기본적인 & 구조적인 시맨틱 마크업, DOCTYPE 1. 시맨틱 마크업 - 어떤 의미가 있는지를 표현하는 것 - 예를 들어, 특정 HTML 태그를 사용하여 어떤 역할이나 용도가 무엇인지? - 태그를 이용하여 '문서의 가장 높은 중요도 제목을 가진다'는 뜻을 알 수 있음 - 태그와 CSS를 이용해서 만큼의 글씨 크기를 키울 수 있지만, 서로 같은 뜻을 가지진 않음 - 주로 웹에서 검색할 때, 검색 엔진이 페이지별 태그의 뜻을 가지고 중요한 키워드만 찾아서 검색함. 그래서 시맨틱 마크업을 적절하게 사용해야 좋음 - 시맨틱 엘리먼트 예는 웹페이지 참고 2. 엘리먼트 & 태그, 블록레벨 & 인라인레벨 엘리먼트2-1. 엘리먼트 & 태그 - 엘리먼트는 HTML문서의 ..