<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Starbucks Korea</title>
</head>
<body>
<!-- (header>h1{starbucks}+h1>a[href="index.html"]>img[src="img/starbucks_logo.png" alt="스타벅스 코리아" title="스타벅스 코리아"]^^nav>ol>li*5>a{menu$}[href="#"])+(h2{merry chrisimas with coffee}+p+img[src="img/starbucks_background.JPG"])+(footer>p*2) -->
<header>
<h1>starbucks</h1>
<h1><a href="index.html"><img src="img/starbucks_logo.png" alt="스타벅스 코리아" title="스타벅스 코리아"></a></h1>
<nav>
<ol>
<li><a href="index.html">coffee</a></li>
<li><a href="menu.html">menu</a></li>
<li><a href="#">store</a></li>
<li><a href="#">reponsibility</a></li>
<li><a href="#">rewards</a></li>
</ol>
</nav>
</header>
<h2>다양한 메뉴들</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing, elit. Quibusdam ipsum similique quis fugiat harum maxime fugit non odio earum blanditiis?</p>
<!-- img[src="img/menu_$$.jpg"]*5 -->
<img src="img/menu_01.jpg" alt="" width="19%">
<img src="img/menu_02.jpg" alt="" width="19%">
<img src="img/menu_03.jpg" alt="" width="19%">
<img src="img/menu_04.jpg" alt="" width="19%">
<img src="img/menu_05.jpg" alt="" width="19%">
<footer>
<p>사업자등록번호 : 201-81-21515 주식회사 에스씨케이 컴퍼니 대표이사 : 손정현 TEL : 1522-3232
개인정보 책임자 : 이찬우</p>
<p>스타벅스는 화이팅</p>
</footer>
</body>
</html>
'CSS, Javascript, jQuery > code' 카테고리의 다른 글
| float를 활용한 레이아웃 (0) | 2023.04.03 |
|---|---|
| 레이아웃을 이용한 과제 (0) | 2023.04.03 |
| 다양한 커서의 활용 (0) | 2023.03.30 |
| favicon의 활용 (0) | 2023.03.30 |
| 외부스타일 시트의 적용 (0) | 2023.03.30 |
