<html 파일>
<!DOCTYPE html>
<head>
<meta charset="UTF-8" >
<meta name="description" content=""> <!-- 검색엔진에서 검색되기 위해 쓰임 -->
<link rel="stylesheet" href="mystyle.css">
<link rel="shortcut icon" href="favicon.ico"> <!-- 타이틀 바 옆의 아이콘 지정 -->
<script src="myscript.js" ></script>
<title> Title of Web</title >
</head>
<body>
<!-- 주석 나타내기 -->
<h1> The Biggest Letter</h1 >
<h6> The smallest Letter</h6 >
<p> hello html! </p> <!-- 단락 나타내기 -->
<br> <!-- 개행 -->
<img src="omelet.jpg" width="200" height="150" alt="???" title="this is omelet" >
<!-- 이미지 출력하기 -->
<!-- alt는 웹 브라우져에서 어떠한 이유로 인해 그림을 표시할 수 없을 때 대체로 표시하는 메세지
title은 사진 위에 마우스 오버 했을 때 나타나는 메세지 -->
<br>< br>
<p> Link to <a href="http://thesoul214.blogspot.jp/" target="_blank" >My blog </a></ p><br >
<!-- 링크를 걸기 위해서는 a 태그를 사용, target="_blank" 는 링크 클릭시 새창에서 페이지를 띄우기 위해 사용 -->
<h2> characters of omelet ! </ h2>
<ui>
<li> delicious </li >
<li> cheap</li >
<li> soft</li >
</ui>< br>
<!-- 번호를 붙이기 위해서는 ui를 oi로 바꾸면 됨 -->
<h2> 영업 데이터 표</h2 >
<table>
<tr>< th>부서명 </th>< th>2010년 </th>< th>2011년 </th>< th>2012년 </th></ tr>
<tr>< th>영업 부서1</th>< td>1000만원 </td>< td>2000만원 </td>< td>부도 </td></ tr>
<tr>< th>영업 부서2</th>< td>50만원 </td>< td>300만원 </td>< td>302만원 </td></ tr>
</table>
<!-- tr = table row, th = 굵은 글씨, td = 일반 글씨 -->
</body>
</html>
|
<결과 화면>
 |
No comments:
Post a Comment