열심히 끝까지
[코딩 과제] - 7/21 강사님 문제 본문
내 방법-------------
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>과제 옷가게</title>
<style type="text/css">
*{
margin : 1px;
}
h1{
background : lightgreen;
}
#content{
background:gray;
}
.blue{
color : blue;
}
.red{
color:red;
}
</style>
</head>
<body>
<h1>옷가게</h1>
<div id="content">
<h2>서브clothes</h2>
<p>다음과 같은 <span class ="blue">상품</span>들이 존재합니다.</p>
<ul>
<li>
<h3>가방</h3>
<p class ="red">6000</p>
</li>
<li>
<h3>장갑</h3>
<p class ="red">5000</p>
</li>
<li>
<h3>목도리</h3>
<p class ="red">4000</p>
</li>
<li>
<h3>모자</h3>
<p class ="red">5000</p>
</li>
</ul>
</div>
</body>
</html>
강사님 방법-------------------------
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>실습</title>
<style type ="text/css">
* {
margin : 3px;
}
h1{
background:lightgreen;
}
#container{
background:lightgray;
}
.blue {
color :blue;
}
.red {
color :red;
}
</style>
</head>
<body>
<h1>제목</h1>
<div id="container">
<h2>소제목</h2>
<p>다음과 같은 <span class = "blue">상품</span>들이 존재합니다.</p>
<ul>
<li>
<h3>결명자차</h3>
<p class = "red">3000원</p>
</li>
<li>
<h3>아메리카노</h3>
<p class = "red">2300원</p>
</li>
<li>
<h3>프라푸치노</h3>
<p class = "red">5600원</p>
</li>
</ul>
</div>
</body>
</html>
'디바이스 융합 자바(Java)기반 풀스택 개발자 양성과정(과제)' 카테고리의 다른 글
| [10분 테코톡] 미키의 웹 접근성 & 표준 (0) | 2022.07.23 |
|---|---|
| [10분 테코톡] 빙봉의 정규표현식 (0) | 2022.07.23 |
| [에러사항] - Oracle 진행 시 존재하는 오류 해결 사항 (0) | 2022.07.15 |
| [10분 테코톡] 웨지의 OOP (0) | 2022.07.11 |
| [10분 테코톡] 두강의 Generics (0) | 2022.07.10 |