diff --git a/README.md b/README.md
index b01bb1e..145a384 100644
--- a/README.md
+++ b/README.md
@@ -1,2 +1,10 @@
-# html-test
+# 인터넷프로그래밍 과제
+## 과제 내용
+```bash
+과제5
 
+스크립트를 이용한 동적인 페이지를 만드시오(12주차 2차시)
+- 'html 파일'로 작성
+```
+## 과제 진행 과정
+코드 작성후 쿠버네티스 환경에 배포.
\ No newline at end of file
diff --git a/asign.html b/asign.html
index b9ef1c5..4d7a18b 100644
--- a/asign.html
+++ b/asign.html
@@ -2,13 +2,13 @@
 <html lang="ko">
 <head>
     <meta charset="UTF-8">
+    <!-- 장치크기 자동 확대 -->
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>인사말 페이지</title>
+    <title>과제 페이지</title>
     <style>
         body {
-            font-family: Arial, sans-serif;
             text-align: center;
-            transition: background-color 0.3s, color 0.3s;
+            transition: background-color 0.3s, color 0.3s; /* 부드러운 변화 효과 */
         }
         .light-mode {
             background-color: #ffffff;
@@ -39,22 +39,40 @@
         }
         table {
             margin: 20px auto;
-            border-collapse: collapse;
+            border-collapse: separate; /* 개별 셀 분리 */
+            border-spacing: 0;
             width: 50%;
+            border-radius: 10px;
+            border: 1px solid #000; /* 테이블 전체 테두리 */
+            overflow: hidden;
         }
         th, td {
             border: 1px solid #000;
             padding: 10px;
             text-align: center;
         }
+        th {
+            background-color: navy;
+            color: white;
+            font-weight: bold;
+        }
         .dark-mode th, .dark-mode td {
             border: 1px solid #fff;
         }
+        a {
+            color: inherit; /* 기본 텍스트 색상 유지 */
+            text-decoration: none; /* 밑줄 제거 */
+        }
+        a:hover {
+            text-decoration: underline; /* 마우스 호버 시 밑줄 추가 */
+            color: dodgerblue; /* URL 텍스트 색상 변경 */
+        }
     </style>
 </head>
 <body class="light-mode">
     <div class="container">
-        <h1>안녕하세요! 반갑습니다.</h1>
+        <h1>안녕하세요! </h1>
+        <h3>23200671 조성동 과제 제출 입니다.</h3>
         <button onclick="toggleTheme()">다크 모드 전환</button>
         <table>
             <tr>
@@ -62,8 +80,8 @@
                 <th>url</th>
             </tr>
             <tr>
-                <td>test page</td>
-                <td><a href="https://assign.icurfer.com" target="_blank">https://assign.icurfer.com</a></td>
+                <td>code 저장소</td>
+                <td><a href="https://gitea.icurfer.com/sdjo/html-test" target="_blank">https://gitea.icurfer.com/sdjo/html-test</a></td>
             </tr>
         </table>
     </div>
diff --git a/kube-manifests/cm-html.yaml b/kube-manifests/cm-html.yaml
index 8da5c3e..dd6ea8b 100644
--- a/kube-manifests/cm-html.yaml
+++ b/kube-manifests/cm-html.yaml
@@ -9,13 +9,13 @@ data:
     <html lang="ko">
     <head>
         <meta charset="UTF-8">
+        <!-- 장치크기 자동 확대 -->
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <title>인사말 페이지</title>
+        <title>과제 페이지</title>
         <style>
             body {
-                font-family: Arial, sans-serif;
                 text-align: center;
-                transition: background-color 0.3s, color 0.3s;
+                transition: background-color 0.3s, color 0.3s; /* 부드러운 변화 효과 */
             }
             .light-mode {
                 background-color: #ffffff;
@@ -46,22 +46,40 @@ data:
             }
             table {
                 margin: 20px auto;
-                border-collapse: collapse;
+                border-collapse: separate; /* 개별 셀 분리 */
+                border-spacing: 0;
                 width: 50%;
+                border-radius: 10px;
+                border: 1px solid #000; /* 테이블 전체 테두리 */
+                overflow: hidden;
             }
             th, td {
                 border: 1px solid #000;
                 padding: 10px;
                 text-align: center;
             }
+            th {
+                background-color: navy;
+                color: white;
+                font-weight: bold;
+            }
             .dark-mode th, .dark-mode td {
                 border: 1px solid #fff;
             }
+            a {
+                color: inherit; /* 기본 텍스트 색상 유지 */
+                text-decoration: none; /* 밑줄 제거 */
+            }
+            a:hover {
+                text-decoration: underline; /* 마우스 호버 시 밑줄 추가 */
+                color: dodgerblue; /* URL 텍스트 색상 변경 */
+            }
         </style>
     </head>
     <body class="light-mode">
         <div class="container">
-            <h1>안녕하세요! 반갑습니다.</h1>
+            <h1>안녕하세요! </h1>
+            <h3>23200671 조성동 과제 제출 입니다.</h3>
             <button onclick="toggleTheme()">다크 모드 전환</button>
             <table>
                 <tr>
@@ -69,8 +87,8 @@ data:
                     <th>url</th>
                 </tr>
                 <tr>
-                    <td>test page</td>
-                    <td><a href="https://assign.icurfer.com" target="_blank">https://assign.icurfer.com</a></td>
+                    <td>code 저장소</td>
+                    <td><a href="https://gitea.icurfer.com/sdjo/html-test" target="_blank">https://gitea.icurfer.com/sdjo/html-test</a></td>
                 </tr>
             </table>
         </div>
@@ -89,4 +107,4 @@ data:
             }
         </script>
     </body>
-    </html>
+    </html>
\ No newline at end of file
