HTML 활용

HTML 기본 Tag 익히기(1) Tag 익히기(2) Tag 익히기(3) HTML 활용

Up
iframe

그외의 태그들

홈페이지 태그상에서 스페이스바 2칸이상은 1칸으로 간주됩니다.
1칸 이상을 표시하고 싶을때는  를 써줍니다.

<pre> </pre> 태그는 태그사이의 문서내용이 보이는 상태 그대로 보여줍니다.
(브라우저마다 약간의 차이가 있음)
HTML4 에서 새로 정의된 <iframe></iframe> 을 사용하면 해당 HTML문서상에서
다른 화일을 끼워넣기 할 수 있습니다.
테이블에 배경그림을 넣는 방법
<td background=./images/back.gif>
<center> </center>태그는 해당 태그사이를 중앙정렬해줍니다.
Table border에 색을 지정하고 싶으면 아래와같이 써줍니다.
<table bordercolordark="#000000" bordercolorlight="#CC3300">
브라우져에 나타나지 않는 주석문을 달고 싶을때는 주석문의 처음과 끝에 <!-- 와 -- > 를 써줍니다.

상대 path의 지정
<a href=intro/index.html>소개로 이동</a> : 현재문서에서 intro 디렉토리로 이동하도록 링크한 예
<a href=../index.html>홈으로 이동</a> : intro 디렉토리에서 상위 디렉토리로 빠져나온 예
<a href=intro/sermon/index.html>설교페이지로 이동</a> : 현재문서에서 intro 디렉토리의 하위 sermon 디렉토리로 이동하도록 링크한 예
<a href=../../index.html>홈으로 이동</a> : sermon디렉토리에서 상위 디렉토리로 빠져나온 예

절대 path의 지정
<a href=http://www.jesus.or.kr>Jesus TV</a>


실습예제:

다음 두개중 하나를 정해서 그림에 나온 레이아웃과 비슷한 모양으로 홈페이지를 만들어 보세요. 이미지는 같은것이 아니라도 괜찮습니다.

ex1.jpg (77927 bytes) ex2.jpg (125090 bytes)