Skip to content

GuitarMania

2001.07.30 23:44

HTML 알짜 TIP

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

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>로 묶어 보세요.
깨끗하게 좌우정렬이 됩니다.









Comment '1'
?

List of Articles
번호 제목 글쓴이 날짜 조회 수
77 cd 음악을 게시판에 올리려면 1 초보 2004.03.30 5529
76 md 녹음관련 질문이 있습니다o_o; 3 ㅇㅇ 2003.11.27 5517
75 녹음 방법에 대한 종류에대한 질문입니다. 엽기기타 2005.08.26 5503
74 파일 공유사이트에 관하여 4 고정석 2004.01.30 5501
73 ram파일 배경음악 실행시키기 고정석 2001.08.05 5496
72 음악감상 플레이어 만들기 고정석 2001.03.19 5474
71 이미지 뽀샤시 하게 해보장^^* (Alpha) 고정석 2001.03.19 5473
70 타브제작법 ㅠ 1 HJK 2005.06.21 5449
69 md의 음악을 스피커로 출력할 수 있나여? 5 간절한 2003.07.25 5448
68 폼메뉴 만들기 고정석 2001.03.19 5443
67 리얼로 올릴때... 3 2001.06.29 5433
66 녹음을 위해 md사려구요 알려주세요~ 5 rutyco 2004.09.01 5413
65 쿠키를 이용한 방문횟수와 환영메세지(창으로) 고정석 2001.03.19 5411
64 사진 무료로 스캔해주는 싸이트... 고정석 2001.03.19 5411
63 Microsoft Windows Media Player 한글판 7.1 고정석 2002.06.14 5410
62 바탕화면 - 1024*768 3 file 2004.06.12 5396
61 mpc코덱필요하신분[윈앰프용] file 조승혁 2005.02.03 5392
60 인터넷 방송하기 고정석 2002.05.28 5383
59 녹음에 관한 내용인데요... 1 이정재 2003.05.21 5368
58 자바스크립트를 이용한 브라우저 흔들기 고정석 2001.03.19 5354
57 이미지 쉽게 줄이기 2 citara 2004.07.26 5351
56 앙코르에서 pdf로 변환시 문제점 혀기 2005.03.07 5348
55 음성 이메일 보낼수 있는 프로그램 고정석 2001.03.19 5345
54 [질문] 디지털 6mm 테잎을 컴퓨터 파일과 DVD로 편집해 넣으려 하는데요... 한량의꿈 2005.06.05 5333
53 옛날 홈피 저장된 싸이트 아시는 분.. 3 궁금이 2005.01.25 5324
52 Sonic Foudry에 대해 아시는 분? 1 kBk 2004.07.22 5316
51 앙코르..도와주세요.. 깜띠기 2004.04.20 5309
50 확장자 .pta는 어떻게... 솔바람 2005.04.14 5300
49 녹음시 잡음제거와 리버브? 플러스 2003.12.29 5291
48 파일사이즈 작고 성능 좋은 메트로놈 1 file 고정석 2001.08.24 5291
47 중주곡을 혼자서 녹음할때는 어떻게 해야하는지요.. 1 초보 2003.03.21 5272
46 한글 파일만 플레이 안될때 해결책 한글 2003.11.28 5271
45 간단한 키보드프로그램입니다~ file 무명기협 2006.02.02 5260
44 요일별로 배경 바꾸기 고정석 2001.03.19 5258
43 리얼네트워크, 한국서 MS '끼워팔기'신고... 왜? 1000식 2004.11.08 5242
42 !![강충]real 파일들을 Winamp 에서 돌아가게 해주는 프로그램!! file 아따보이 2001.07.19 5231
41 무료 계정 ,CGI 정보 고정석 2001.07.01 5225
40 도와주세요...앙코르 4.5.5프로그램 사용자인데 한영변환이 안돼요 ㅠㅠ 달의 궁전 2017.12.20 5219
39 친구한테 음악 씨디를 구워 주고 싶은데요...^^; 3 김현준 2002.01.25 5218
38 강력한 사운드 편집 툴 &quot;GoldWave&quot; v4.26 고정석 2002.05.22 5156
37 기타 연주 녹음시 잡음 없애는 방법...? 막둥|| 2003.06.29 5150
36 음악듣기와 악보 보기에 필수 유틸리티 고정석 2002.08.27 5134
35 안냐세요. CD에 기스난거요 3 잔수 2003.06.18 5070
34 유튜브 동영상 오류 해결 좀 부탁드려요... 1 ㅎㅂㄱ 2018.01.01 5062
33 녹음하는 방법 좀 가르쳐주세요 smalllight01 2003.06.26 5059
32 마우스 따라다니는 텍스트 고정석 2001.03.19 5054
» HTML 알짜 TIP 1 고정석 2001.07.30 5053
30 win xp에서는 encore를 어떻게 사용하는지... 2 지나가면서.. 2002.05.23 5051
29 유튜브에서 가수목소리만.. 2 소중한 사람 2018.03.17 5029
28 비디오 동영상변환에 관하여......싸게 하는법. 2002.01.18 4994
Board Pagination ‹ Prev 1 2 3 4 5 6 Next ›
/ 6

나눔글꼴 설치 안내


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

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

설치 취소

Designed by sketchbooks.co.kr / sketchbook5 board skin

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

Powered by Xpress Engine / Designed by hikaru100

abcXYZ, 세종대왕,1234

abcXYZ, 세종대왕,1234