페이지주소 [http://multi.shingu.ac.kr/~2011125028/code/html/welcome/welcome.html]
예제02.zip
소스
<body background="back.jpg"> <!-- 배경을 back.jpg로 설정 --> <center> <font color=black size=4><b>crazydragon의 홈페이지</b></font> <hr width=400> <!-- 가로 400픽셀의 줄을 생성한다. --> <img src="welcome.gif"> <br /><br /> 아래 그림을 누르면 <a href="http://dept.shingu.ac.kr/dream.space">멀티과</a>로 갑니다. <!-- <a>~</a> 사이의 내용에 링크를 건다. --> <br /><br /> <a href="http://dept.shingu.ac.kr/dream.space"><img src="inter_logo.gif" border=0></a> <!-- 이미지도 가능하다. --> <br /><br /> <div style="font-size:9pt"> <!-- div는 페이지내에 작은 영역을 만드는것과 같다. --> 오늘날의 시대는 언터넷홈 중에 많은 일들이 진행되는 디지털 시대입니다.<br /> 메신저를 통하여 언제든지 친구들과 대화할 수이고, 인터넷 쇼핑몰을 통해<br /> 원하는 물건을 바로 구매할 수도 있으며,홈페이지나 블로그를 통해<br /> 자신의 다양한 관심사나 주장을 홍보할 수도 있습니다.<br /> 이렇듯 인터넷은 우리들 생활의 많은 부분을 차지하고 있습니다.<br /> 인터넷 사회를 선두에서 이끌어 갈 전문가를 키우는 곳<br /> 바로 신구대학 컴퓨터멀티미디어과입니다. </div> <br /><br /><br /> <img src="email.gif"> <hr width="50%"> <!-- 화면의 가로길이 50% 만큼 줄을 생성한다. --> <font size=2>신구대학 멀티과</font> </center> </body> |
<body background="back.jpg"> background="이미지의 경로" 를넣으면 바둑판식 배열로 채워진다.
<hr width=400> hr테그는 닫는테그</br>가 없으며 픽셀로지정하거나 퍼센트로 지정이 가능하다.
<a href="http://dept.shingu.ac.kr/dream.space">멀티과</a> <a>~</a> 링크 사이에 내용에 링크를 생성한다. href="http://주소" 로 이동하게된다.
<div>~</div> h하나의 사각형 영역으로 묶어주며 브라우저 크기가 움직여도 div의 내부 배치는 변하지 않는다. div부분을 지우면 확실히 차이를 알 수 있다.
style="font-size:9pt" 글씨의 사이즈를 9pt로 설정했다.
'작업실 > HTML' 카테고리의 다른 글
| [HTML예제] 04 - 테이블의 사용 (0) | 2015.03.06 |
|---|---|
| [HTML예제] 03 - 문화재 소개페이지 (이미지정렬과 스타일시트) (0) | 2015.03.06 |
| [HTML예제] 01 - html의 시작 (글을 넣고 이미지를 넣어보자) (0) | 2015.03.05 |
