Skip to content
Snippets Groups Projects
Commit bcd65113 authored by DongHwi Kim's avatar DongHwi Kim
Browse files

my_first_htmlcss

parent 28a182c8
Branches
No related tags found
No related merge requests found
Pipeline #7330 passed
......@@ -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>
......@@ -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;
}
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment