html&css공부
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>article</title>
<style>
p{margin: 0; padding: 0;}
.news{ margin: 0 auto; padding: 1em; width: 80%; border: 1px solid #666;}
.news header {margin-bottom: 2em;}
.news .cmt {border-top: 1em dotted #666;}
.news .cmt article {margin-top: 1em; font-size: 0.8em;}
</style>
</head>
<body>
<article class="news">
<header>
<h2> HTML공부하기</h2>
<p><time datetime="2015-01-01">2015/01/01</time></p>
</header>
<p>
본과정에서는 HTML, HTML5, CSS3, JavaScript, jQuery등을 활용하여 어떠한 브라우저 환경에서도 깨지지 않는 웹페이지 제작 기술과 노하우를 학습하실 수 있을 것입니다.
또 누구나 쉽게 웹 표준에 맞는 페이지를 제작할 수 있도록 도구들의 기본부터 활용까지 교육을 통한 실습과정 입니다.
</p>
<p>
HTML의 기초부터 시작하여 실무에서 사용하는 단계까지 실습 진행을 통해 보다 효과적인 방법을 통해 실력을 업시켜드리겠습니다.
</p>
<section class="cmt">
<h3>뎃글</h3>
<article>
<p> HTML을 빨리 배워보고싶어요..</p>
<footer>
<p> [<time>2015-01-02</time>] 배우고싶은사람 </p>
</footer>
</article>
<article>
<p>ORACLEJAVA IT공부하기에서 차근차근 배워보세요.^^ 빨리빨리 업뎃해드릴께요!! 파이팅!</p>
<footer>
<p>[<time>2015-01-02</time>]관리자</p>
</footer>
</article>
</section>
</article>
</body>
</html>
결과입니다. ^^
style를 하기전 -----
----- style를 적용한 후!
'웹표준 > HTML5 & CSS3' 카테고리의 다른 글
| [오라클자바] 프론트앤드 입문자를 위한 추천과정 (0) | 2023.06.26 |
|---|---|
| html&css공부 유틸메뉴만들기 (0) | 2015.05.26 |
| html&css공부 <nav>만들기 (0) | 2015.03.19 |
| html&css공부하기_float, border (0) | 2015.03.13 |
| html&css공부하기 [float,clear] (0) | 2015.03.12 |