my_first_htmlcss

bcd65113 · DongHwi Kim · 28a182c8 · bcd65113 · bcd65113
Commit bcd65113 authored Jul 5, 2023 by DongHwi Kim
--- a/public/index.html
+++ b/public/index.html
@@ -7,17 +7,35 @@
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
-    <div class="navbar">
+    <h1 class="a">My judo club</h1>
-      <a href="https://pages.gitlab.io/plain-html/">Plain HTML Example</a>
+    <div>
-      <a href="https://gitlab.com/pages/plain-html/">Repository</a>
+      <img src="유사사로고.jpeg" width="300" height="500">
-      <a href="https://gitlab.com/pages/">Other Examples</a>
+    </div>
+    <div>
+      <h2>나의 유도 기술들</h2>
+      <ul>
+        <li>업어치기</li>
+        <li>허벅다리</li>
+        <li>안다리걸기</li>
+        <li>안뒤축</li>
+      </ul>
+    </div>
+    <div>
+      <h2>나의 기술 우선 순위</h2>
+      <ol>
+        <li>업어치기</li>
+        <li>안뒤축</li>
+        <li>안다리걸기</li>
+        <li>허벅다리</li>
+      </ol>
+    </div>
+    <div>
+      <h4>폰트 사이즈및 종류 변경 테스트</h4>
+      <p class="em">글자크기 : 2em</p>
+      <p class="rem">글자크기 : 2rem</p>
    </div>
-    <h1>Hello World!</h1>
+    <a href="http://song2948837.ajousw.kr/myhtml">동료 웹 페이지</a>
-    <p>
-      This is a simple plain-HTML website on GitLab Pages, without any fancy static site generator.
-    </p>
  </body>
 </html>
--- a/public/style.css
+++ b/public/style.css
@@ -4,6 +4,15 @@ body {
  max-width: 1280px;
 }
+img {
+  margin: auto;
+  display: block;
+}
+.em { font-size: 2em; font-family : cursive;}
+.rem { font-size: 2rem; font-family : serif; }
+.a{
+  background-color: aquamarine;
+}
 .navbar {
  background-color: #313236;
  border-radius: 2px;
@@ -18,7 +27,5 @@ body {
  text-decoration: none;
 }
-.navbar a:hover {
-  color: #ffffff;
-}