Tag 익히기(2)

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

Up
link
Image삽입
MIDI삽입
Color code
실습예제

Link

<a href=http://kcm.co.kr>KCM 사이트</a><p>
<a href=mailto:webmaster@kcm.co.kr>목사님께 이메일을!</a><p>
<a href=http://kcm.co.kr/mir/><img src=./images/icon.gif border=0></a>

Image 삽입

상대경로 사용시
<img src=./images/icon.gif><img src=./images/icon.gif width=100 height=100 hspace=120><p>


절대경로 사용시
<img src=http://kcm.co.kr/mir/image/02.gif>

hspace는 이미지 양옆의 간격을 픽셀 단위로 지정해 줍니다.

width와 height를 지정하지 않을때는 이미지의 원래 크기로 브라우져에 나타납니다.(기본)

MIDI화일 삽입

<embed src=./midi/betoven.mid width=100 height=26></embed>

자동으로 시작하고 반복연주 시키려면
<embed src=./midi/canon.mid autostart=true width=100 height=26 volume=50   loop=true></embed>

width와 height를 0으로 주면 start/stop 버튼이 나타나지 않습니다.

loop에 반복할 횟수를 줄수도 있습니다.(예:2,3,4...)

Color Code

color code 보기

<font color=#00CC00><b>녹색 글씨입니다.</b></font><p>
<font color=orange><b>오렌지색 글씨입니다.</b></font><p>

배경색 넣기

<body bgcolor=lightyellow>


코드가 아닌 색이름으로 지정할 경우 같은 이름이라도 브라우져마다 약간씩 다르게 보일 수 있으며, 지원되는 색이름이 한정적입니다.

color code는 6자리로 이루어져 있으며, 맨앞의 두자리는 red, 그다음 두자리는 green, 마지막 두자리는 blue를 의미합니다.
각 색의 한자리마다 16단계(0~9,A~F)로 이루어지며, 따라서 각 색마다 16x16=256 단계의 명도로 나타납니다.
red 256 x green 256 x blue 256 = 모두 16,777,216 가지의 색을 나타낼 수 있습니다.

#000000 는 black, #FFFFFF 는 white 입니다.

간단한 HTML 에디터도 색을 color code로 변환해주는 기능을 지원하므로 그러한 기능을 사용하시는 것이 편리합니다.


실습예제 : Text Sample / Image Sample - icon.gif , emailicon.gif