# HTML 구조

5개의 포스트

[HTML] HTML 문서의 기본 구조

HTML 문서에는 가장 기본이 되는 구조가 있습니다. 경우에 따라서 코드가 주가되거나 삭제되겠지만 기본적인 구조라고 보시면 됩니다.VS Code에서 html:5 다는 단축어를 사용하면 아래의 코드가 자동완성됩니다.<body> 태그 안의 <p> 태그만 따로 추

2022년 9월 26일
·
0개의 댓글
·
post-thumbnail

🧙🏼 HTML 구조를 나타내는 요소

: 컨텐츠 분할 요소 : 블록 레벨 요소 : 플로우 콘텐츠를 위한 통용 컨테이너 (순수 컨테이너로서 아무것도 표현안함): 본질적으로 아무것도 나타내지 않음 : 인라인 컨테이너 : 인라인 레벨 요소 : 본질적으로 아무것도 나타내지 않음 : 어떤 특성의 값을 서로 공유하는

2022년 3월 31일
·
0개의 댓글
·
post-thumbnail

[Html기초] Html 요소 -2 구조와 표

🧱 Html 구조 Semantic Web 👽 ? .png) 컨테이너를 위와 같이 나눈다고 했을 때, 컨테이너를 나누는 div를 사용할 수 있다. 하지만 정확한 name 없이는 어디가 header인지 sidebar인지 알 수 없다. 이해하기 쉬울 수 있게끔

2021년 9월 28일
·
0개의 댓글
·
post-thumbnail

웹 페이지 HTML 구조 한눈에 보는 확장

이 글은 웹페이지 HTML 구조 한눈에 보는 꼼수 - oneook 을 보고 작성하게 되었습니다.velog를 보다가 꼼수를 배웠다. 이 코드를 사용해서 모든 layout을 한 눈에 볼 수 있도록 해준다고 한다. 흥미롭지만 이 코드를 매번 복사하고 다니기 귀찮으니까 어딘가

2021년 9월 7일
·
0개의 댓글
·
post-thumbnail

웹페이지 HTML 구조 한눈에 보는 꼼수

HTML은 쉬우면서도 어렵다. 맥락에 맞게 군더더기 없이 시맨틱 태그를 잘 활용해서 작성해야 한다. HTML 작성을 잘 한다는 것은 마치 탄탄한 글을 쓰는 것과 같다.마음에 드는 페이지가 있고, 레이아웃을 참고하고 싶은데 각 컴포넌츠를 몇 Depth까지 구현했는지 개발

2021년 8월 28일
·
29개의 댓글
·