기본 html 뼈대

PrimeStudy2357 · Jan 21, 2024 · b04d302 · b04d302
1 parent 88e8404
commit b04d302
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html> <!-- DTD, Document Type Definition -->
+<html lang="ko"> <!-- HTML 적용 범위 -->
+ <head>
+ <!-- 페이지에 대한 설명 -->
+ <title>도마도 - 실습</title> <!-- 웹 브라우저에 표시되는 웹 페이지의 제목 -->
+
+ <meta charset="UTF-8" /> <!-- 메타 정보 태그 -->
+ <link rel="stylesheet" href="/style.css"> <!-- 외부 리소스 연결 태그 -->
+ </head>
+
+ <body>
+ <!-- 웹 브라우저가 렌더링 하는 웹 페이지 본문 -->
+ <div id="title-area">
+ <h3>domado</h3>
+ <h1>도마도</h1>
+ <h2>뽀모도로 타이머</h2>
+ </div>
+
+ <div id="timer-area">
+ <span>25:00</span>
+ </div>
+
+ <div id="button-area">
+ <button>시작</button>
+ </div>
+ </body>
+</html>
diff --git a/style.css b/style.css