mark up1 ; 실습1
2019. 9. 8. 23:06ㆍWEB/HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>About | Enlighten Designs</title>
</head>
<body>
<dl class="skip-nav">
<dt><strong>skip navigation</strong></dt>
<dd><a href="#contents">Skip to content</a></dd>
</dl>
<hr>
<div id="wrap">
<!-- header -->
<div id="header">
<h1><a href="#"><img src="img/logo_enlighten.gif" alt="Enlighten Designs"></a></h1>
<h2>Main menu</h2>
<ul>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Contact us</a></li>
</ul>
</div>
<!-- //header -->
<!-- container -->
<div id="container">
<!-- contents -->
<div id="contents">
<h2><img src="img/about.gif" alt="About"></h2>
<p><strong>Enlighten Designs</strong> is an Internet solutions provider that specialises in front and back end development. To view some of the web sites we have created view our portfolio.</p>
<p>We are currently undergoing a 'face lift', so if you have any questions or would like more information about the services we provide please feel free to contact us.</p>
<h2><img src="img/contact.gif" alt="Conttact Us"></h2>
<address>
<em>Phone:</em> (07) 853 6060 <br>
<em>Fax:</em> (07) 853 6060 <br>
<em>Email:</em> <a href="mailto:info@enlighten.co.nz">info@enlighten.co.nz</a> <br>
<em>P.O Box:</em> 14159, Hamilton, New Zealand
</address>
<p><a href="#">More contact information...</a></p>
</div>
<!-- //contents -->
<!-- aside -->
<div id="aside">
<h2>Aside</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam natus adipisci repellendus laboriosam tenetur tempore beatae autem deserunt facere eius blanditiis rerum, enim corporis molestiae id odit quasi nisi sed.lorem Lorem ipsum dolor sit amet consectetur adipisicing elit. Harum animi veniam quos distinctio sunt nemo libero a hic. Expedita magnam sint aspernatur fugiat reprehenderit blanditiis saepe perspiciatis voluptatem! Tempore, deserunt.</p>
</div>
<!-- //aside -->
</div>
<!-- //container -->
<!-- footer -->
<div id="footer">
<dl>
<dt><strong>bottom menu</strong></dt>
<dd><a href="#">About</a> -</dd>
<dd><a href="#">Services</a> -</dd>
<dd><a href="#">Portfolio</a> -</dd>
<dd><a href="#">Contact Us</a> -</dd>
<dd><a href="#">Terms of Trade</a></dd>
</dl>
<p>Copyright © Enlighten Designs<br>
Powered by <a href="#">Enlighten Hosting</a> and <a href="#">Vadmin 3.0 CMS</a></p>
</div>
<!-- //footer -->
</div>
</body>
</html>
※인프런 강좌 보고 작성했습니다.
https://www.inflearn.com/course/html-css-webazit#
퍼블리셔 취업을 위해 제대로 배워보는 html과 css, 그리고 웹표준 - 인프런
웹표준 기초인 html과 css를 마스터하고 실전 웹페이지를 제작해 봅니다. 그때 그때 '그럴 것같은' 이 아니라 제대로 된 퍼블리싱 개념과 방법을 배워 퍼블리셔가 될 수 있습니다. 입문 웹 개발 웹앱 디자인 html/css 웹 디자인 온라인 강의
www.inflearn.com
※인프런 강좌 강사님 네이버 카페 참고했습니다.
웹표준,웹디자인 : 네이버 카페
웹표준과 html을 공부하는 카페입니다.
cafe.naver.com