2013년 4월 25일 오후 04:15
4월 25일(목) 
ex1.html
.드림위버-사이트-로컬정보, 원격정보-호스트디렉토리:html/
...ex1.html...
드림위버 코드에서 만들고
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-ｅquiv="Content-Type" content="text/html; charset=utf-8" />
<title>html 첫날</title>
<style type="text/css">
<!--
.style1 {
font-size:12pt;
color: #0000FF;
}
-->
</style>
</head>
<body>
<h1>숙이네 집</h1>
<hr />
<!-- 주석문이란? 직접적인 html문서는 아니고 설명을을 주어
제작자가 이해하기 쉽도록 설명해주는 기능 -->
<b><i><u>안녕하세요</u></i></b><br />
<p align="center">홈페이지 <방문을 <span class="style1">환영</span>합니다</p>-요즘 폰트는
<style>로 보여줌
주인백
<pre>태그는 작업한 그대로 보여줌
♥해~~~ 너만을
이세상이 끝날 때 까지
＊______________ ＊
u
</pre>
</body>
</html>
드림위버 디자인으로 보여줄때
숙이네 집
안녕하세요
홈페이지 <방문을 환영합니다
주인백
♥해~~~ 너만을
이세상이 끝날 때 까지
＊______________ ＊
u
ex2.html
...ex2.html...
****목록태그****
.<ol></ol>:order list - 순서가 있는 목록 1,2,3
.<ul></ul>:unoder list_ 순서가 없는 목록 ● ● ●
<title>목록태그</title>
</head>
<body>
포털사이트
<Ol>
<li>네이버</li>
<li>다음</li>
<li>네이트</li>
</Ol>
<ul>
<li>네이버</li>
<li>다음</li>
<li>네이트</li>
</ul>
</body>
</html>
포털사이트
1 네이버
2 다음
3네이트
■네이버
■다음
■네이트
드림위버 코드에서 만들고
<body>
<dl> ---용어에 대한 설명
<dt>한일</dt>
<dd>ebslang에서 영어기토 문법을 강의하고 있는 강사입니다.</dd>
</dl>
드림위버 디자인으로 보면
한일
ebslang에서 영어기토 문법을 강의하고 있는 강사입니다.
....메타코드:content에 작성된 내용이나 사이트로 넘어감
utf-8,euc-kr
<head>
<meta http-ｅquiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-ｅquiv="refresh" content="1;url='http://www.naver.com'" />---1초후에 네이버로 넘어감
<title>목록태그</title>
<meta http-ｅquiv="refresh" content="이영숙, 웹디자인1;url='http://www.naver.com'" />--노출시키기
.....<body>에 추가하여 표현
<body bgcolor="#FFCC99" text="#3300FF">
....이미지를 넣을때
<img src="images/image_08.jpg" alt="메인비쥬얼" /> : alt그림에 설명을 반드시 달아주어야 한다
<img src="images/image_08.jpg" alt="메인비쥬얼" width="400" height="300" title="메인비주얼" />
.....링크테그
<a href="ex1.html"><img src="images/image_08.jpg" alt="메인비쥬얼" width="400" height="300" title="메인비주얼" /></a>
<dl>
<dt>한일</dt>
<dd>ebslang에서 영어기초 문법을 강의하고 있는 강사입니다.</dd>
</dl>
포털사이트
<Ol>
<li>네이버</li>
<li>다음</li>
<li><a href="http://www.nate.com" title="네이트">네이트</a></li>
</Ol>
..ex3.html
....표,<Div>
<body>
<table border="1" width="800" height="500">
<tr><td colspan="2" bgcolor="#66CCFF" align="center">Hello~~~~~~~</td></tr>
<tr> <td>사랑</td> <td>우정</td> </tr>
</table>
</body>