html (3) 썸네일형 리스트형 [TIL] #8. HTML&CSS - 레이아웃 레이아웃 레이아웃(layout)을 만든다는 것은 웹 페이지를 어떻게 구성할 지를 정하고 컨텐츠를 배치할 공간을 나누는 작업이라고 할 수 있다. 즉, 웹 페이지의 밑그림을 그리는 작업이라고 할 수 있다. 내 경험상(적은 경험이지만 자기소개 페이지 만들때;) 레이아웃을 만드는 일이 가장 중요하고 생각보다 어려운 일인것 같다. 물론 웹 페이지에서 사용하는 레이아웃은 어느 정도 일반화된 레이아웃이 몇 가지 있겠지만 새롭고 효과적인 레이아웃을 만드는 것은 어려운 작업일 것 같다. 레이아웃은 CSS의 여러 속성들을 사용하여 구성할 수 있는데 대표적으로 position, display , float 이 있다. 계속 헷갈리는 개념이기 때문에 확실히 정리하고 반복적으로 사용해봐야 제대로 사용할 수 있을것 같다. posi.. [TIL] #2. 자기소개 페이지 만들기 만들면서 배운 내용 정리할 것 flex 박스를 이용한 레이아웃 만들기 a태그를 버튼으로 만들기 구글 웹폰트 사용(영문/한글 다른 폰트) nav태그를 이용하여 상단 메뉴바 만들기(시맨틱 태그에 대하여) id선택자/class선택자 차이점 margin 0 auto; 정렬 div를 활용하여 구분선 만들기 [TIL] #1. HTML HTML HyperText Markup Language의 약자로 웹 페이지를 만들기 위한 언어. 웹 브라우저 위에서 동작 태그(Tag) Element(요소)라고도 하며 html문서를 이루는 기본 단위 기본적으로 여는 태그와 닫는 태그 한 쌍으로 이루어져 동작하지만 닫는 태그를 별도로 사용하지 않는 태그도 존재 (br, input, img ...) HTML 문서의 구조 # DTD(Doctype) : DTD(Document Type Definition)로 문서의 형식을 웹 브라우저가 알 수 있도록 명시해주는 역할. 여기서는 HTML5 로 문서를 작성함을 의미한다. HTML5는 W3C라는 웹 표준을 정의하는 기구에서 정한 HTML에 대한 표준 중 하나이다. : html 문서임을 명시. html문서 전체를 감싸.. 이전 1 다음
