2001.07.30 23:44

HTML 알짜 TIP

고정석

(*.55.91.246) 조회 수 5236 댓글 1

+ - Up Down Comment Print

tips

이미지를 원하는 곳에 위치시킬수 있습니다.

홈피 대문이나 intro화면을 만들때 작은 이미지를
브라우저의 원하는 곳에 넣기가 쉽지않죠? 이럴때 레이어를 만들어 배치하면 작은 이미지라도
원하는 곳에 배치할수 있습니다. 익스플로러에서 레이어를 만들기 위해선 <div>태그나
<span>태그가 쓰입니다. 이미지의 크기가 높이가 100px이고 넓이가 100px라면,<br>
<div style="position:absolute; width:100px; height:100px; top:400px; left:300px;"><br>
<img src="이미지 이름" width="100" height="100"><br>
</div>
이 소스를 문서에 삽입하면 위에서 400픽셀, 왼쪽에서 300펙셀되는 곳에 이미지가 놓이게 됩니다.
이미지뿐만아니라 문단도 이런식으로 배치할수 있습니다.

줄간격을 조절할수 있습니다.

웹문서에서 일반태그로는 줄간격을
조절할수가 없습니다. 줄간격이 조밀해서 문단이 답답해 보인다면
스타일 시트를 써서 아래아 한글에서 하는것 처럼 간단하게 문단의 줄간격을
조절할수 있습니다.
예를 들면, 문단내용을 <p style="line-height: 130%;">문단내용</p>
로 묶어주면 줄간격이 130%가
됩니다.

입체적으로 보이는 테이블을 만들수 있습니다.

테이블을 입체적으로 보이기 위해서는 테이블 관련태그 안에
bordercolorlight속성과 bordercolordark
속성을 사용하여 만들수 있습니다.
흔히 쓰이는 속성은 아니지만, 이런 속성도 있다는걸 알아두세요.
아래 소스를 복사해서 연습장에 해보세요.<br>
<table border="2" bgcolor="#9933ff" cellspacing="5"><br /> <tr><td bordercolordark="#9999ff" bordercolorlight="#330099"><br /> <font color="white">입체적으로 보이는 테이블입니다.</font><br /> </td></tr><br /> </table>

배경 이미지를 고정 시킬수 있습니다.

웹문서를 작성할때 보통 배경이미지를 넣게 되는데,
문서의 내용이 길어져 스크롤할때 당연히 배경 이미지가 같이 움직이죠?
썩 보기 좋지는 않은것 같습니다. 이때 배경이미지를 고정 시키고
내용만 스크롤 되게 할수 있습니다. 바로 <body>
태그안에 <body background="이미지위치" bgproperties="fixed"> 를 삽입하면 됩니다.
이미지의 위치를 지정할때에는 절대경로와 상대경로가 있습니다.

색깔있는 선을 그릴수 있습니다.

선을 그리는 태그는 <hr>태그인데,
그냥 <hr>만을 쓰면 흰 바탕엔 검은색 선을, 검은 바탕엔 흰색선을 그리게 되어 있습니다.
그러나, 스타일 시트라는 것을 쓰면 여러가지 색의 선을 그릴수 있습니다. 기본형식은
<hr style="color: red;"> 입니다. 간단하죠? 빨간색 선이 그려집니다.

배경에 음악을 삽입할수 있습니다.

웹 서핑을 하다가 어떤 사이트에 들어가면
음악이 나오는걸 들을수 있죠? 아주 간단합니다. <bgsound src="파일명"> 을 문서의 아무데에나 삽입하면 됩니다.
bgsound로 대부분의 음악파일포멧 형식을 삽입할수 있습니다.

배경음악으로 asf 파일도 쓸수 있습니다.

배경음악을 미디로 넣는것도 괜찮지만 더 좋은 음질을
원한다면 asf 파일도 가능합니다. 바로 객체를 삽입할수 있는 <embed>태그를 쓰는거죠.
기본형식은 <embed src="000.asf" autostart="true" loop="true" hidden="true" volume="50">이며, 문서의
아무데나 삽입하면 됩니다. 속성들을 해설하자면 src는 음악파일 경로, autostart는 문서가 열릴때 자동실행하기, loop는 반복횟수(숫자), hidden은 플레이어 숨기기, volume은 음량이
되겠습니다. <bgsound>와 거의 비슷하지만 로딩방식에서 약간 다릅니다.

간단한 태그로 글자를 날릴수 있습니다.

바로 <marquee>라는 태그로 글자를 움직이게 할수 있습니다.
그러나, <marquee> 태그는 익스플로러 전용테그라서 넷스케이프나 그외 브라우저에서는 실행되지 않습니다.
기본 형식은 <marquee direction="right" scrollamount="5" width="100" height="100">문자열</marquee> 입니다.
여기서 direction은 방향(left, right, up, down), scrollamount는 이동속도이며, width는 폭, height는 높이겠죠?
html 연습장으로 지금 해보세요.

문단을 양쪽정렬을 할수 있습니다.

웹 문서를 작성하다보면 한문단이 몇줄씩이나 되죠? 그런데
문단을 보면 왼쪽은 똑바로 정렬되는데 오른쪽은 삐뚤삐뚤 해진것을 볼수 있습니다. 신경 안쓰면
상관없겠지만, 그래도 눈에 거슬릴수 있습니다. 이때 문단을 <p align="justify">문단</p>로 묶어 보세요.
깨끗하게 좌우정렬이 됩니다.

Facebook Twitter Me2day Yozm

Up Down Print 수정 삭제

Comment '1'

# 1970.01.01 09:00 (*.188.1.210 )

늘 고맙습니다..

수정 삭제 댓글

✔댓글 쓰기

●? 에디터 선택하기

✔ 텍스트 모드 ✔ 에디터 모드

댓글 쓰기

●? 에디터 사용하기 닫기

[질문!!]컴퓨터 두대를 공유시켰는데 메신저 파일전송이나 방송같은게 전혀 안되네요!!

Date2002.02.20 By견이~☆ Views4741

Read More
[무료계정 싸이트] 국내.국외 무료계정 싸이트 총망라

Date2001.03.26 By고정석 Views8563

Read More
[Software]청음 훈련 프로그램

Date2004.12.28 Bycitara Views7062

Read More
[re] 피날레에서 타브악보 속성

Date2011.01.03 By하하! Views20636

Read More
[re] 컴퓨터본체와 접지

Date2005.03.29 Byg7life Views5990

Read More
[re] 전세계 티비를 공짜로, 해외에서 한국 방송보기

Date2009.10.18 By아사도 Views14353

Read More
[re] 자신의 연주를 mp3 파일로 만드는 방법

Date2002.01.22 By고정석 Views6070

Read More
[re] 안냐세요. CD에 기스난거요

Date2003.06.18 By익제 Views4813

Read More
[re] 동영상 태그 관련 문의..

Date2006.12.08 BySaakko Views6582

Read More
[re] 답변 부탁드립니다..ebs고교듣기영어때문에..

Date2003.06.15 By김진수 Views15398

Read More
[re] 녹음시 잡음제거와 리버브?

Date2003.12.30 ByDuck Views7587

Read More
[re] [질문] 디지털 6mm 테잎을 컴퓨터 파일과 DVD로 편집해 넣으려 하는데요...

Date2005.06.05 Bygogododo Views5743

Read More
[re] sony MZ_N10을 구입하려는데...

Date2003.09.19 By그놈참 Views4598

Read More
[Encore] 특정 줄에서 보표수 변경 방법

Date2015.11.08 By꽁생원 Views7878

Read More
[Encore] 버그?

Date2015.11.22 By꽁생원 Views7229

Read More
Youtube flv 동영상 파일 쉽게 다운 받는 프로그램

Date2007.05.28 By고정석 Views9658

Read More
xp에서 앙코르 돌리면 자꾸 다운이 되는데..

Date2004.03.29 By그놈참 Views5810

Read More
Windows 특수문자 코드표(한글자음 + 한자키)

Date2005.11.14 By고정석 Views11261

Read More
Winamp 2.80a Full + WitchBlade

Date2002.06.14 By고정석 Views5221

Read More
win xp에서는 encore를 어떻게 사용하는지...

Date2002.05.23 By지나가면서.. Views5218

Read More
USB를 통한 PC upload

Date2004.01.09 By문병준 Views4864

Read More
usb 형 사운드 카드 추천부탁합니다.

Date2006.12.04 Bynp Views6089

Read More
Sound Forge MP3 plugin 등록방법

Date2005.05.18 By고정석 Views9748

Read More
sos

Date2004.07.24 By김삿갓 Views4982

Read More
SONY, 드디어 Hi-MD용 WAV컨버젼 툴

Date2005.06.16 By고정석 Views6532

Read More
SONY, 1GB 기록가능한 MD신규격 Hi-MD 발표

Date2004.01.09 By고정석 Views5724

Read More
sony MZ_N10을 구입하려는데...

Date2003.09.19 Byroggy Views4720

Read More
SONY MZ N1 한글 사용설명서

Date2002.06.08 By고정석 Views6506

Read More
Sonic Foudry에 대해 아시는 분?

Date2004.07.22 BykBk Views5484

Read More
Real Player 8.0 한글판입니다.

Date2001.03.28 By고정석 Views9143

Read More
ram파일 배경음악 실행시키기

Date2001.03.19 By고정석 Views6173

Read More
ram파일 배경음악 실행시키기

Date2001.08.05 By고정석 Views5699

Read More
pc캠으로 녹음하면 소리가 어때여??

Date2005.03.30 By고민식 Views5790

Read More
PC 오디오 잘 아시는 분 도움 요청합니다..

Date2005.01.27 Byseneka Views5996

Read More
ogg 를 아시나요

Date2003.04.22 By지순 Views5090

Read More
Noteworthy (NWC) File 를 피날레나 시벨리우스로 변환하는 방법_2013 업데이트

Date2013.08.23 By피날레 Views20679

Read More
Noteworthy (NWC) File 를 피날레나 시벨리우스로 변환하는 방법

Date2012.06.25 By피날레 Views24291

Read More
NexENCODE Studio 3.02 : Wav 파일을 MP3 로 바꾸는 프로그램

Date2001.03.31 By고정석 Views10439

Read More
mpg 화일을 mp3로??

Date2001.04.02 By지우압바 Views10338

Read More
mpc코덱필요하신분[윈앰프용]

Date2005.02.03 By조승혁 Views5549

Read More
mp4파일 곰플레이어 음향 코덱

Date2009.10.13 By고정석 Views21558

Read More
mp3 파일 재생 오류 (같은 글짜인데 황당..)

Date2009.04.27 By재생 Views11705

Read More
mp3 파일 볼륨(음량조절)을 쉽게 변환시키는 프로그램

Date2005.11.17 By사꼬 Views9380

Read More
mid 를 mp3로 바꾸려는데 녹음이 안되네요. 도와주세요.

Date2008.02.05 By토토 Views10383

Read More
Microsoft Windows Media Player 한글판 7.1

Date2002.06.14 By고정석 Views5758

Read More
md의 음악을 스피커로 출력할 수 있나여?

Date2003.07.25 By간절한 Views5636

Read More
md에 관해서...

Date2003.10.23 By기타맨 Views5072

Read More
md를 쓰는 이유가 무엇인가요?(그냥 지나치시지 마시고 알려주세요)

Date2005.10.24 By타레가 Views5811

Read More
mdr 라인 단자를 이용한 녹음에 다시 질문 있어요...!

Date2003.06.05 By김동선 Views9287

Read More
LP를 CD로 만들기

Date2004.01.24 By정천식 Views6857

Read More

쓰기

나눔글꼴 설치 안내

이 PC에는 나눔글꼴이 설치되어 있지 않습니다.

이 사이트를 나눔글꼴로 보기 위해서는
나눔글꼴을 설치해야 합니다.

✔ 설치 취소

이메일 로그인

HTML 알짜 TIP

[질문!!]컴퓨터 두대를 공유시켰는데 메신저 파일전송이나 방송같은게 전혀 안되네요!!

[무료계정 싸이트] 국내.국외 무료계정 싸이트 총망라

[Software]청음 훈련 프로그램

[re] 피날레에서 타브악보 속성

[re] 컴퓨터본체와 접지

[re] 전세계 티비를 공짜로, 해외에서 한국 방송보기

[re] 자신의 연주를 mp3 파일로 만드는 방법

[re] 안냐세요. CD에 기스난거요

[re] 동영상 태그 관련 문의..

[re] 답변 부탁드립니다..ebs고교듣기영어때문에..

[re] 녹음시 잡음제거와 리버브?

[re] [질문] 디지털 6mm 테잎을 컴퓨터 파일과 DVD로 편집해 넣으려 하는데요...

[re] sony MZ_N10을 구입하려는데...

[Encore] 특정 줄에서 보표수 변경 방법

[Encore] 버그?

Youtube flv 동영상 파일 쉽게 다운 받는 프로그램

xp에서 앙코르 돌리면 자꾸 다운이 되는데..

Windows 특수문자 코드표(한글자음 + 한자키)

Winamp 2.80a Full + WitchBlade

win xp에서는 encore를 어떻게 사용하는지...

USB를 통한 PC upload

usb 형 사운드 카드 추천부탁합니다.

Sound Forge MP3 plugin 등록방법

sos

SONY, 드디어 Hi-MD용 WAV컨버젼 툴

SONY, 1GB 기록가능한 MD신규격 Hi-MD 발표

sony MZ_N10을 구입하려는데...

SONY MZ N1 한글 사용설명서

Sonic Foudry에 대해 아시는 분?

Real Player 8.0 한글판입니다.

ram파일 배경음악 실행시키기

ram파일 배경음악 실행시키기

pc캠으로 녹음하면 소리가 어때여??

PC 오디오 잘 아시는 분 도움 요청합니다..

ogg 를 아시나요

Noteworthy (NWC) File 를 피날레나 시벨리우스로 변환하는 방법_2013 업데이트

Noteworthy (NWC) File 를 피날레나 시벨리우스로 변환하는 방법

NexENCODE Studio 3.02 : Wav 파일을 MP3 로 바꾸는 프로그램

mpg 화일을 mp3로??

mpc코덱필요하신분[윈앰프용]

mp4파일 곰플레이어 음향 코덱

mp3 파일 재생 오류 (같은 글짜인데 황당..)

mp3 파일 볼륨(음량조절)을 쉽게 변환시키는 프로그램

mid 를 mp3로 바꾸려는데 녹음이 안되네요. 도와주세요.

Microsoft Windows Media Player 한글판 7.1

md의 음악을 스피커로 출력할 수 있나여?

md에 관해서...

md를 쓰는 이유가 무엇인가요?(그냥 지나치시지 마시고 알려주세요)

mdr 라인 단자를 이용한 녹음에 다시 질문 있어요...!

LP를 CD로 만들기

나눔글꼴 설치 안내

이 PC에는 나눔글꼴이 설치되어 있지 않습니다.