From bcd651135e03750d0965fead8cdf8bb08660c515 Mon Sep 17 00:00:00 2001 From: donghwi <ken7905@ajou.ac.kr> Date: Wed, 5 Jul 2023 16:29:48 +0900 Subject: [PATCH] my_first_htmlcss --- public/index.html | 36 +++++++++++++++++++++++++++--------- public/style.css | 13 ++++++++++--- 2 files changed, 37 insertions(+), 12 deletions(-) diff --git a/public/index.html b/public/index.html index 6652c7d..4f4b024 100644 --- a/public/index.html +++ b/public/index.html @@ -7,17 +7,35 @@ <link rel="stylesheet" href="style.css"> </head> <body> - <div class="navbar"> - <a href="https://pages.gitlab.io/plain-html/">Plain HTML Example</a> - <a href="https://gitlab.com/pages/plain-html/">Repository</a> - <a href="https://gitlab.com/pages/">Other Examples</a> + <h1 class="a">My judo club</h1> + <div> + <img src="유사사로고.jpeg" width="300" height="500"> + </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> - - <p> - This is a simple plain-HTML website on GitLab Pages, without any fancy static site generator. - </p> + <a href="http://song2948837.ajousw.kr/myhtml">동료 웹 페이지</a> </body> </html> diff --git a/public/style.css b/public/style.css index 3eae408..9b8c8ea 100644 --- 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; -} + -- GitLab