2001.07.30 23:44

HTML 알짜 TIP

고정석

(*.55.91.246) 조회 수 5391 댓글 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 )

늘 고맙습니다..

수정 삭제 댓글

✔댓글 쓰기

●? 에디터 선택하기

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

댓글 쓰기

●? 에디터 사용하기 닫기

한글이름파일 실행이 안될때

Date2007.10.07 By컴맹 Views9660

Read More
enc악보를 기타프로 악보로 전환방법.

Date2007.11.22 By유의선 Views15447

Read More
비스타에서 wma파일 링크가 안되요..

Date2008.01.04 By채소칸 Views8192

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

Date2008.02.05 By토토 Views10411

Read More
이제 엠디로 녹음을 하고싶은데요

Date2008.02.14 By샤콘느1004 Views10938

Read More
기타프로에서요...

Date2008.04.09 By복구반장 Views16180

Read More
<컴맹>하드포맷하는 법이 궁금합니다.

Date2008.06.06 By궁금이 Views11510

Read More
메뉴판 곳곳의 숫자

Date2008.06.12 By안티 Views8913

Read More
구글 웹브라우저 chrome

Date2008.09.03 By찬찬 Views9223

Read More
녹음하려는데 마이크 좀 봐주세요

Date2008.09.18 By녹음 Views9124

Read More
동영상 올리는방법 ....여기 질문요~~

Date2008.11.15 By아이모레스 Views9257

Read More
한글 파일명

Date2008.12.04 By한글파일명 Views9500

Read More
기타 연주를 녹화하려 합니다

Date2008.12.12 By프라 Views10850

Read More
왜 하드드라이브가 있어야만 돼죠?

Date2008.12.29 By파크닝팬 Views8352

Read More
embed 하는 방법

Date2009.01.08 ByJason Views9873

Read More
사진과 음악을 동시에 올리는방법.(항해사님 글)

Date2009.03.12 By수 Views9437

Read More
DVD에 있는 음원추출방법...

Date2009.04.13 By컴맹 Views13919

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

Date2009.04.27 By재생 Views11748

Read More
안녕하세요. Encore파일이 열리지 않는 이유가 궁금합니다.

Date2009.05.17 ByHm Views10917

Read More
도와주세요-노트북컴퓨터가 계속 부팅만해요.

Date2009.05.31 By파크닝팬 Views13972

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

Date2009.10.18 By아사도 Views14388

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

Date2009.06.01 By인터넷TV Views32453

Read More
플래쉬 드라이브 메모리 복구

Date2009.08.23 By샘 Views9303

Read More
다량의 파일을 복사할 때 중복되는 파일은 자동으로 넘기기(XP에서만 가능)

Date2009.09.01 By컴맹 Views9847

Read More
인터넷 익스플로러거 자꾸 다운되네요.

Date2009.09.08 By쏠레아 Views11604

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

Date2009.10.13 By고정석 Views21597

Read More
바탕화면

Date2009.11.02 By.. Views13069

Read More
앙코르 관련 하나 더 여쭙니다.

Date2010.03.12 By매니아 Views13284

Read More
피날레 2011이 출시 되었습니다.

Date2010.07.15 By피날레 Views14574

Read More
도와주세요

Date2010.08.08 By초보 Views11129

Read More
편리한 단축키 모음.

Date2010.10.01 By땅콩 Views14901

Read More
사진 크기를 줄여주는 프로그램 (Resize of Your Picture)

Date2010.11.17 By고정석 Views11145

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

Date2011.01.03 By하하! Views20681

Read More
피날레에서 타브악보를 만들때 기존의 보표를 타브로 끌어 내리면 한 옥타브가 위로 표기되는 현상

Date2011.01.03 By피날레 Views22170

Read More
앙코르 사용 Tip 하나 - 음표 간격 자동 맞추기

Date2011.01.06 By쥴리강 Views18084

Read More
한영키 변환이 안됩니다

Date2011.04.29 By초보 Views13811

Read More
게시판에 사진 여러장이 한 화면에 나오게 하는 방법

Date2011.04.29 By고정석 Views11978

Read More
사진 여러 장 올리는 방법

Date2011.07.07 By금모래 Views12433

Read More
피날레 2012가 나왔습니다.시벨리우스는 7이 나왔습니다.

Date2011.10.08 By피날레 Views17621

Read More
주파수 알아내는 프로그램

Date2011.11.20 By방가 Views12340

Read More
무료로 고화질 한국TV보기

Date2011.12.21 Byelevenxin Views14358

Read More
Encore 파일 pdf 파일로 만들기 방법 좀 가르쳐주세요.

Date2012.01.17 By아이모레스 Views14403

Read More
앙코르에서 슬라이드(글리산도) 넣는 방법이 있는지요?

Date2012.02.20 By꽁생원 Views12669

Read More
앙코르로 기타악보찍을때 윗성부와 아래성부

Date2012.02.29 By허쎌 Views10689

Read More
앙코르 - 윗성부, 아랫성부를 나누는 방법

Date2012.03.01 By노동환 Views11477

Read More
Encore 파일 pdf 파일로 만들기 방법과 이미지로 된 파일을 PDF 로 만드는 방법

Date2012.03.08 By노동환 Views15492

Read More
컴퓨터자판에서 영문/한글키가 작동치 않을때는 어떻게

Date2012.03.19 By고정석 Views23875

Read More
도와주세요. 앙코르5.0이 필요합니다.

Date2012.03.20 By푸른날개 Views31882

Read More
무소음 PC 정착기

Date2012.03.25 By꽁생원 Views19300

Read More
앙코르에서 겹세로줄에 도돌이표가 적용 안되네요

Date2012.04.08 By꽁생원 Views12908

Read More

쓰기

나눔글꼴 설치 안내

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

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

✔ 설치 취소

이메일 로그인

HTML 알짜 TIP

한글이름파일 실행이 안될때

enc악보를 기타프로 악보로 전환방법.

비스타에서 wma파일 링크가 안되요..

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

이제 엠디로 녹음을 하고싶은데요

기타프로에서요...

<컴맹>하드포맷하는 법이 궁금합니다.

메뉴판 곳곳의 숫자

구글 웹브라우저 chrome

녹음하려는데 마이크 좀 봐주세요

동영상 올리는방법 ....여기 질문요~~

한글 파일명

기타 연주를 녹화하려 합니다

왜 하드드라이브가 있어야만 돼죠?

embed 하는 방법

사진과 음악을 동시에 올리는방법.(항해사님 글)

DVD에 있는 음원추출방법...

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

안녕하세요. Encore파일이 열리지 않는 이유가 궁금합니다.

도와주세요-노트북컴퓨터가 계속 부팅만해요.

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

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

플래쉬 드라이브 메모리 복구

다량의 파일을 복사할 때 중복되는 파일은 자동으로 넘기기(XP에서만 가능)

인터넷 익스플로러거 자꾸 다운되네요.

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

바탕화면

앙코르 관련 하나 더 여쭙니다.

피날레 2011이 출시 되었습니다.

도와주세요

편리한 단축키 모음.

사진 크기를 줄여주는 프로그램 (Resize of Your Picture)

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

피날레에서 타브악보를 만들때 기존의 보표를 타브로 끌어 내리면 한 옥타브가 위로 표기되는 현상

앙코르 사용 Tip 하나 - 음표 간격 자동 맞추기

한영키 변환이 안됩니다

게시판에 사진 여러장이 한 화면에 나오게 하는 방법

사진 여러 장 올리는 방법

피날레 2012가 나왔습니다.시벨리우스는 7이 나왔습니다.

주파수 알아내는 프로그램

무료로 고화질 한국TV보기

Encore 파일 pdf 파일로 만들기 방법 좀 가르쳐주세요.

앙코르에서 슬라이드(글리산도) 넣는 방법이 있는지요?

앙코르로 기타악보찍을때 윗성부와 아래성부

앙코르 - 윗성부, 아랫성부를 나누는 방법

Encore 파일 pdf 파일로 만들기 방법과 이미지로 된 파일을 PDF 로 만드는 방법

컴퓨터자판에서 영문/한글키가 작동치 않을때는 어떻게

도와주세요. 앙코르5.0이 필요합니다.

무소음 PC 정착기

앙코르에서 겹세로줄에 도돌이표가 적용 안되네요

나눔글꼴 설치 안내

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