[jcode] 일주일만에 웹사이트 만들기 - 레이아웃 - Html 작성법
Synopsis
웹페이지를 작성할 때 HTML의 역할은 골격입니다. 중요한 순서와 중요도에 따라서 설계 요령이 다릅니다. HTML의 태그와 그 내용의 ...
![[JCODE] 일주일만에 웹사이트 만들기 - 레이아웃 - CSS 작성법](https://i.ytimg.com/vi/Gfe-J834HZ8/hqdefault.jpg?sqp=-oaymwEcCOADEI4CSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLA6IItWde_TGqb2PFSTI-6F_zzh2g)
![[JCODE] 일주일만에 웹사이트 만들기 - HTML 사용법](https://i.ytimg.com/vi/i_feH-lxxfI/hqdefault.jpg?sqp=-oaymwEcCOADEI4CSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLDxE71q2RBs9oZLTcNJhMm8IJma4Q)
![[JCODE] 일주일만에 웹사이트 만들기 - 레이아웃 - 정리](https://i.ytimg.com/vi/F4nIF7pjJpc/hqdefault.jpg?sqp=-oaymwEcCOADEI4CSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLDHdWwfBcsUxcvvp39gsmA5b-y4kg)
![[JCODE] 일주일만에 웹사이트 만들기 - 레이아웃 - 깨지지 않는 레이아웃](https://i.ytimg.com/vi/Cj7eLGmJqko/hqdefault.jpg?sqp=-oaymwEcCOADEI4CSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLAix6V7o2n2K7jYLf2jdaAzgCSE3w)
![[JCODE] 일주일만에 웹사이트 만들기 - 반응형 레이아웃 실습(1)](https://i.ytimg.com/vi/TWqjp-umYfw/hqdefault.jpg?sqp=-oaymwEcCOADEI4CSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLDfqPFGE5-urTQIsT4Tr4NcP9sazQ)
![[JCODE] 일주일만에 웹사이트 만들기 - 네비게이션 - HTML](https://i.ytimg.com/vi/ikc9arWdN5E/hqdefault.jpg?sqp=-oaymwEcCOADEI4CSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBwUi7g7mx8JjM-uZteqpoAb39e7g)
![[JCODE] 일주일만에 웹사이트 만들기 - HTML과 CSS 정리 및 코드분리](https://i.ytimg.com/vi/CPRy1Ol2L_8/hqdefault.jpg?sqp=-oaymwEcCOADEI4CSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLDc4nKXgU8A3WfxQTJakJUGJI1d6Q)
![[JCODE] 일주일만에 웹사이트 만들기 - CSS를 통한 HTML속성 초기화](https://i.ytimg.com/vi/LRvFvf5ATrw/hqdefault.jpg?sqp=-oaymwEcCOADEI4CSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLDLV-5ekKfMZMdvQObOR4YJblmrbA)
![[JCODE] 일주일만에 웹사이트 만들기 - 반응형 레이아웃 실습(2)](https://i.ytimg.com/vi/wHTI5Xv9MXk/hqdefault.jpg?sqp=-oaymwEcCOADEI4CSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBstRAES6rRCH8yiDXMZkwes8fp1A)
![[JCODE] 일주일만에 웹사이트 만들기 - 시작하기 전에 (intro.)](https://i.ytimg.com/vi/YoqVA95cPzQ/hqdefault.jpg?sqp=-oaymwEcCOADEI4CSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBoM4F_BorswrI24WeWUw5UIIUmeg)
![[JCODE] 일주일만에 웹사이트 만들기 - 네비게이션 - CSS](https://i.ytimg.com/vi/QesmZ_2HRC8/hqdefault.jpg?sqp=-oaymwEcCOADEI4CSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLC0pjD6vAWmBaGBv7HOSV7P7GvQnQ)
Download Options
Choose a download method below. All links open in new tabs.
| Service | Features | Action |
|---|---|---|
| Ssvid |
MP4 & MP3 • HD Quality • Browser Extension Available
|
Download |
| SaveFrom |
MP4 & MP3 • HD Quality • Browser Extension Available
|
Download |
Security Notice: These are third-party services. We recommend using antivirus software and being cautious of pop-up ads.