728x90
<!DOCTYPE html>
<html>
<head>
<title>Semantic HTML Structure</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div id="contianer">
<header>Page Header</header>
<nav>
<ul>
<li><a href="Youtube.com">Youtube</a></li>
<li><a href="Naver.com">Naver</a></li>
<li><a href="google.com">Google</a></li>
</ul>
</nav>
<main>Main Content</main>
<footer>Footer</footer>
</div>
</body>
</html>
Day 01은 시멘틱 HTML 구조의 이해를 돕기 위해서 HTML 코드만 작성하면 된다.
다만 영어를 이해하는데 시간이 걸리뿐 특별한 어려움은 없었다.
https://codedamn.com/challenge/30-days-of-html-css
30 Days of HTML CSS - Codedamn
Level up your coding skills with a daily coding challenge. Compete and share your progress every day and become a better developer.
codedamn.com
728x90
'30Days of HTML CSS' 카테고리의 다른 글
| [30Days of HTML CSS] Day 06 | Text-Overflow Property Lab (0) | 2023.11.22 |
|---|---|
| [30Days of HTML CSS] Day 05 | Figure Tag Lab (0) | 2023.11.21 |
| [30Days of HTML CSS] Day 04 | Position Property Lab (0) | 2023.11.20 |
| [30Days of HTML CSS] Day 03 | CSS Shapes Lab (0) | 2023.11.20 |
| [30Days of HTML CSS] Day 02 | Input Types Lab (0) | 2023.11.20 |