반응형 html3 HTML, CSS 기초 float, inline-block - float을 이용한 레이아웃 만들기 이와같은 레이아웃을 만들기위해 먼저 크게 Container를 만들어준다. 그리고 그안에 순서대로 header, left-menu, right, footer를 만들어주는데 div를 사용하게되면 기본 display:block 속성이기때문에 원하는대로 만들 수 없음 이때 float을 사용한다.float을 사용해 중간에 좌측 메뉴바, 우측 content 공간을 만들어주고 최종적으로 footer쪽은 clear:both를 이용해 float의 영향을 받지 않은체 레이아웃을 만들 수 있다. .container{ width: 800px; } .header{ width: 100%; /* 부모 태그 width의 100% */ height: 100px; background:aquamar.. 2023. 4. 21. HTML, CSS 기초(간단 프로필제작) p, span, 셀렉터, div, 정렬등.. 이상하리만큼 다시 HTML,CSS 공부를하게되면 내가 작아지는 느낌이든다. 기초라고 생각하지만 늘 잊어먹는 언어들..심기일전 하는 마음으로다시 기초부터 한번싹 공부를 하고 기록해보자. 특히 사소하지만 잊고 있던거, 주요한 내용들 최대한 한번더 봐보도록하자 - HTML은 마크업언어 자료의 구조를 표현하기 위한 언어 안녕하세요2 글자는 p안에 써야한다. - 태그 스타일 1)스타일은 각 태그에 인라인으로 줄 수 있다. 스타일 속성은 매우 다양함 하지만 그때 그때 검색해서 찾아쓰는게 맞다. 김지원 Front-end Developer 태그는 글자안에 쓰는 의미없는태그, inline 속성을 가지고 있다. inline을 가지고 있는 요소는 폭, 높이등을 단독으로 조절할 수 없어서 겉에 태그 등에 주어야 한다. 그리고.. 2023. 4. 21. 포이머웹(poiemaweb) HTML 정리 HTML 1.프론트엔드 개발자 학습 방향 꾸준히 할것 즐길것 본인의 수준보다 높은 공부를 계속할것 2.HTML5 기본 문법 https://poiemaweb.com/html5-syntax HTML5에 추가된것 : 멀티미디어, 그래픽, 통신, 디바이스접근 오프라인 및 저장소, 시맨틱 태그, CSS3 HTML5문서는 안에 와 태그로 구성되어있다. 태그는 요소(element)와 속성(attribute) 으로 이루어져있다. 3.시맨틱 요소와 검색 엔진 https://poiemaweb.com/html5-semantic-web SEO(검색엔진 최적화), 검색엔진의 크롤링을 위해 시맨틱 태그를 사용한다. 개발자가 의도한 요소의 의미가 명확하게 드러난다. 코드의 가독성을 높이고 유지보수를 쉽게한다. 브라우저, 검색엔진,.. 2022. 6. 20. 이전 1 다음 반응형
