본문 바로가기

html/드림 코딩3

[드림코딩] 레이아웃처리 position section , article 태그 HTML 요소는 문서, 페이지, 애플리케이션, 또는 사이트 안에서 독립적으로 구분해 배포하거나 재사용할 수 있는 구획을 나타냅니다. 사용 예제로 게시판과 블로그 글, 매거진이나 뉴스 기사 등이 있습니다. : 일반 구획 요소 HTML 요소는 HTML 문서의 독립적인 구획을 나타내며, 더 적합한 의미를 가진 요소가 없을 때 사용합니다. 보통 은 제목을 포함하지만, 항상 그런 것은 아닙니다. 네이버 블로그의 포스팅 가능, 커뮤니티 글쓰기 기능 같이 어떤 틀이 정해져 있고, 이에 대해선 article을 사용하는 듯하다. 그외엔 section으로 이해했습니다. 코드 12개의 div에 스타일을 주어 박스를 만들고 이를 article로 감싼다. {article을 배경으로 사용하고.. 2023. 3. 5.
[드림코딩] 레이아웃 정리 display div와 span의 차이 태그를 사용하면, block 속성이 기본값이되고, 태그를 사용하면, inline 속성이 기본 값이 됩니다. display display에서 많이 사용하는 속성은 inline, inline-block, block 이있습니다. 2023. 3. 5.
[드림 코딩] html 기초 - 요약 온라인 html 편집기 https://jsbin.com/cawixogabi/edit?html,output JS Bin Sample of the bin: jsbin.com HTML 표준 정리 https://developer.mozilla.org/en-US/ MDN Web Docs The MDN Web Docs site provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and progressive web apps. developer.mozilla.org +) html 박스 예상 구역별로 나눠보기 2023. 2. 28.