본문 바로가기

Dev.FrontEnd/HTML_CSS

(10)
[HTML/CSS] 1. Box Model / Block Element, Inline Element 각각 갖고 있는 Box Model이 다르다.Block Element / Inline Element Block Element는 독자적인 영역을 차지하고 있다.그렇기 때문에 위에서 아래로 배열된다.ex) h1, h2, h3, ... , div, p, ul, li, form Inline Element는 content area의 영역만 차지하고 있다.그래서 웹 페이지의 영역이 되는데로 좌에서 우로 배열된다.ex) a, img, span, em, input 위 두 가지 속성은 style의 display를 통해서 변환시킬 수 있다.추가적으로 inline-block이라는 속성이 있다.inline 요소는 Box Model 을 통해 제어할 수 있는 margin 값이 적용이 안될 때가 있는데,이 부분을 보완하기 위해서 등..
[HTML] 0. HTML/CSS의 기본과 웹사이트 개발에 대해서 HTML(Hyper Text Markup Language)“연결된" “문자"를 “markup"하는 “언어" markup이란 요구사항을 위해 주석, 메모를 다는 것을 의미한다. HTML의 핵심은 구조화이다. 이 문서의 title, subtitle, list, table은 무엇인지를 설정 구조화를 제대로 해서 마크업을 해줘야 웹 문서의 의미가 살아난다. 이렇게 의미론적으로 구조가 갖춰져있는 웹을 시맨틱(Semantic) Web이라고 한다. 왜 의미에 맞는 태그를 사용해야 하나요?위에서 말했듯이 HTML 태그에 맞게 작성된 웹을 Semantic Web이라고 한다.div로 템플릿을 설계할 수도 있지만 왜 각 태그를 내용에 맞게 설계해야 하는가? 우선, 단편적으로 검색에 노출될 수 있게 하는 이유가 있다.내용에 ..