여름의 서재

CSS 1) float : 본래는 이미지 좌, 우측 주변으로 텍스트를 둘러싸는 레이아웃을 위해 도입 : 더 나아가 이미지가 아닌 다른 요소들에도 적용해 웹 사이트의 전체 레이아웃을 만드는데까지 발전 : flexbox와 gird의 출현과 함께 원래 텍스트 블록 내에서 float 이미지를 위한 역햘로 돌아감 - float 속성 none : 기본값 left : 요소를 왼쪽으로 띄움 rithgt : 요소를 오른쪽으로 띄움 float left lorem300 자동완성으로 길~게 .left { float: left; } - float clear 선택한 요소의 맨 마지막 자식으로 가상 요소를 하나 생성 보통 content 속성과 함께 짝지어, 요소에 장식용 콘텐츠를 추가할 때 사용 기본값은 inline .clearf..

HTML ( Hyper Text Markup Language ) 웹페이지를 작성하기 위한(구조를 잡기 위한) 언어 웹컨텐츠의 의미와 구조를 정의 1) HTML 기본 구조 - head : 문서 제목, 문자코드(인코딩)와 같이 해당 문서 정보를 담고 있으며, 브라우저에 나타나지 않음. : CSS 선언 혹은 외부 로딩 파일 지정 등도 작성 - body : 브라우저 화면에 나타나는 정보로 실제 내용에 해당 2) 요소 - HTML의 요소는 시작 캐그와 종료 태그 그리고 태그 사이에 위치한 내용으로 구성 : 태그는 컨텐츠(내용)를 감싸는 것으로 그 정보의 성격과 의미를 정의 - 내용이 없는 태그들 : br(줄바꿈), hr(가로선), input, link, meta - 시멘틱 태그 : 의미를 가지고 있는 태그 ( d..