2001.07.30 23:44

HTML 알짜 TIP

고정석

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

늘 고맙습니다..

수정 삭제 댓글

✔댓글 쓰기

●? 에디터 선택하기

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

댓글 쓰기

●? 에디터 사용하기 닫기

유튜브에서 가수목소리만..

Date2018.03.17 By소중한 사람 Views5454

Read More
음반도서실에 음악올릴때 주의할점.

Date2001.06.20 By수 Views6551

Read More
음성 이메일 보낼수 있는 프로그램

Date2001.03.19 By고정석 Views5490

Read More
음악감상 플레이어 만들기

Date2001.03.19 By고정석 Views5592

Read More
음악감상 플레이어 만들기

Date2001.03.19 By고정석 Views6218

Read More
음악듣기 악보보기 인쇄하기등에 유용한 유틸리티모음

Date2001.07.23 By고정석 Views6242

Read More
음악듣기가 안되는데...

Date2003.04.20 By알파 Views4949

Read More
음악듣기와 악보 보기에 필수 유틸리티

Date2002.08.27 By고정석 Views5427

Read More
음을 입력하면 기타 코드를 출력하는 프로그램 - 포레님 질문에 대한 답글

Date2003.05.20 Bygmland Views6490

Read More
이모티콘 모음

Date2004.05.06 By고정석 Views21148

Read More
이미지 뽀샤시 하게 해보장^^* (Alpha)

Date2001.03.19 By고정석 Views5592

Read More
이미지 쉽게 줄이기

Date2004.07.26 Bycitara Views5585

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

Date2008.02.14 By샤콘느1004 Views10946

Read More
이중주 녹음하는 방법이 궁금합니다.

Date2006.04.29 ByJade Views5916

Read More
인터넷 방송하기

Date2002.05.28 By고정석 Views5651

Read More
인터넷 실시간 동영상 끊김없이 보기

Date2003.07.01 By찾던이 Views6290

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

Date2009.09.08 By쏠레아 Views11613

Read More
인터넷 익스플로러에서 기타매니아 메인페이지가 제대로 표시되지 않는 오류

Date2014.06.01 By더스틴 Views6228

Read More
인터넷에 그림과 함께 글을 올리려면....

Date2005.12.02 By사꼬 Views7143

Read More
자바스크립트 새창띄우기

Date2001.03.19 By고정석 Views5755

Read More
자바스크립트를 이용한 브라우저 흔들기

Date2001.03.19 By고정석 Views5563

Read More
자신의 연주를 mp3 화일로 만드는 방법

Date2002.01.22 By고정석 Views6741

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

Date2009.06.01 By인터넷TV Views32463

Read More
전환스위치 상자를 만들어보고 싶은데....질문.

Date2004.02.27 By바람 Views5024

Read More
정천식 선생님, 혹은 다른 LP-> CD 녹음 경험있으신 분들, 질문 있습니다!

Date2004.04.23 Byjazzman Views5750

Read More
제가 mdr을 샀어요.. 궁금한게 있는데요..

Date2003.05.18 By김동선 Views9982

Read More
제가 사용하는 악보제작 프로그램

Date2013.01.15 By더스틴 Views20879

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

Date2011.11.20 By방가 Views12360

Read More
중주곡을 혼자서 녹음할때는 어떻게 해야하는지요..

Date2003.03.21 By초보 Views5536

Read More
즐거운 컴퓨터 게시판에 파일 첨부 어떻게 하죠?(냉무)

Date2002.04.25 By소소 Views5388

Read More
질문) MD와 외장마이크만 가지고 녹음을 해보려는데....

Date2005.07.28 By복순아빠 Views6148

Read More
질문... 웨이브 파일을 mp3파일로 바꾸려면...???

Date2001.04.01 By정성민 Views14113

Read More
청음 테스트 프로그램 (Winoye)

Date2003.07.05 By고정석 Views7436

Read More
친구한테 음악 씨디를 구워 주고 싶은데요...^^;

Date2002.01.25 By김현준 Views5950

Read More
카오리 바탕화면 1024*768

Date2004.06.23 By민 Views6356

Read More
컴에서 라디오 듣는 프로그램

Date2004.05.04 By고정석 Views6626

Read More
컴터로 녹음을 하려면 어떻게 해야 하는지?

Date2002.01.21 By박진우 Views6408

Read More
컴퓨터 고장 유형과 대응책

Date2001.05.11 By고정석 Views10220

Read More
컴퓨터로 녹음하기 나만의 노하우!!!

Date2005.03.28 Byg7life Views15332

Read More
컴퓨터용 스피커 뭐가 좋은가요?

Date2005.07.08 By차차 Views7360

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

Date2012.03.19 By고정석 Views23879

Read More
컴퓨터작곡은..

Date2001.11.23 By수 Views6203

Read More
콘덴서마이크?

Date2006.10.20 By뚜벅이 Views7541

Read More
쿠키를 이용한 방문횟수와 환영메세지(창으로)

Date2001.03.19 By고정석 Views5673

Read More
쿨에디트로 잡음제거하기.

Date2004.01.29 ByDuck Views14641

Read More
클래식 기타 조율 프로그램

Date2006.02.01 By남무의향기 Views13518

Read More
타브제작법 ㅠ

Date2005.06.21 ByHJK Views5679

Read More
타이핑 치듯 나타나는 텍스트

Date2001.03.19 By고정석 Views7214

Read More
태그 예제 모음

Date2001.03.19 By고정석 Views9339

Read More
태그강좌 사이트

Date2001.04.26 By고정석 Views15246

Read More

쓰기

나눔글꼴 설치 안내

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

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

✔ 설치 취소

이메일 로그인

HTML 알짜 TIP

유튜브에서 가수목소리만..

음반도서실에 음악올릴때 주의할점.

음성 이메일 보낼수 있는 프로그램

음악감상 플레이어 만들기

음악감상 플레이어 만들기

음악듣기 악보보기 인쇄하기등에 유용한 유틸리티모음

음악듣기가 안되는데...

음악듣기와 악보 보기에 필수 유틸리티

음을 입력하면 기타 코드를 출력하는 프로그램 - 포레님 질문에 대한 답글

이모티콘 모음

이미지 뽀샤시 하게 해보장^^* (Alpha)

이미지 쉽게 줄이기

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

이중주 녹음하는 방법이 궁금합니다.

인터넷 방송하기

인터넷 실시간 동영상 끊김없이 보기

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

인터넷 익스플로러에서 기타매니아 메인페이지가 제대로 표시되지 않는 오류

인터넷에 그림과 함께 글을 올리려면....

자바스크립트 새창띄우기

자바스크립트를 이용한 브라우저 흔들기

자신의 연주를 mp3 화일로 만드는 방법

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

전환스위치 상자를 만들어보고 싶은데....질문.

정천식 선생님, 혹은 다른 LP-> CD 녹음 경험있으신 분들, 질문 있습니다!

제가 mdr을 샀어요.. 궁금한게 있는데요..

제가 사용하는 악보제작 프로그램

주파수 알아내는 프로그램

중주곡을 혼자서 녹음할때는 어떻게 해야하는지요..

즐거운 컴퓨터 게시판에 파일 첨부 어떻게 하죠?(냉무)

질문) MD와 외장마이크만 가지고 녹음을 해보려는데....

질문... 웨이브 파일을 mp3파일로 바꾸려면...???

청음 테스트 프로그램 (Winoye)

친구한테 음악 씨디를 구워 주고 싶은데요...^^;

카오리 바탕화면 1024*768

컴에서 라디오 듣는 프로그램

컴터로 녹음을 하려면 어떻게 해야 하는지?

컴퓨터 고장 유형과 대응책

컴퓨터로 녹음하기 나만의 노하우!!!

컴퓨터용 스피커 뭐가 좋은가요?

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

컴퓨터작곡은..

콘덴서마이크?

쿠키를 이용한 방문횟수와 환영메세지(창으로)

쿨에디트로 잡음제거하기.

클래식 기타 조율 프로그램

타브제작법 ㅠ

타이핑 치듯 나타나는 텍스트

태그 예제 모음

태그강좌 사이트

나눔글꼴 설치 안내

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