1.HTML이란 Hyper Text Markup Language의 약자로 웹브라우저에 하이퍼텍스트 기능을 가진 문서를 만드는 언어입니다. 여기서 Hyper Text라고 하는 것은 웹문서의 임의의 위치에서 해당부분을 클릭했을 때 다른 곳으로 이동하는 것이 가능하도록 해 주는 것입니다.
<head>
<title>HTML연습장 </title>
</head>
<body>
야호! 드디어 나의 연습장이 완성되었다^^
</body>
</html>
marquee<ma어rki>미건물입구의 파양,(원유회 등의)큰 천막
2.
marquee 는 글자의 움직이는 명령어예요.
그러나, marquee 는 익스플러러만 지원하고 넷스케이프에선
작동이 안된다는 단점이 있읍니다.
넷스케이프 쓰시는분은 익스를 다시깔아야해요
<font color="8b008b">8b008b색</font><br>
여타의 색깔은 색상표를 찾아 사용하세요. 200여가지 이상의 색상 기호가 있을것입니다.
.................
명령 ☞ <
움직여라 ☞ marquee
방향은 ☞ direction
속도는 ☞ scrollamount
바탕색 ☞ bgcolor
넓이는 ☞ width
높이는 ☞ height
여기까지 ☞ >
.....................
7. 줄을 바꾸는 명령어
.<br>은 한줄이 떨어지고
<p>는 두줄이 떨어지는것입니다
2.<br>은 넣으면 넣는대로 줄이 떨어지지만
<p>는 아무리 넣어도 한칸만 떨어지지요
...................................
<pre> 는
사용자 정의 대로 표현되는것입니다
<pre> 내에서는 <br>나<p>를 사용할 필요가 없지요
## 글자 크기
<h6>h6번 글자</h6><br>
<h5>h5번 글자</h5><br>
<h4>h4번 글자</h4><br>
<h3>h3번 글자</h3><br>
<h2>h2번 글자</h2><br>
<h1>h1번 글자</h1><br>
8.
문단의 정열-right오른쪽-center중앙-left-왼쪽)
9.
가로 세칸 세로 두줄
<table border=2>
<tr><td>1-1</td>
<td>1-2</td><td>1-3</td>
</tr>
<tr><td>2-1</td>
<td>2-2</td><td>2-3</td>
</tr>
</table
.....
테이블의 시작과 끝은 <table>과 </table>로 표시되고 있습니다.
그리고, 각 가로줄(=행)은 <tr>과 </tr>로 구분되고 있고,
(각 세로칸(=열)은 <td>과 </td>로 구분됩니다.
그리고, 이 사이에 내용이 들어가게 됩니다.
이제 좀 더 발전해서, 칸을 합치고 싶으면 어떻게 할까요?
우선 윗줄의 세칸을 모두 합쳐 봅시다
1). border=원하는수
테이블의 테두리 선 굵기를 1 에서20 픽셀로 지정(원하는 만큼 적으면 됩니다). 이 값을 0으로 놓으면, 테이블 테두리가 사라지죠.
2). width=원하는 크기의 수
테이블의 전체 폭을 픽셀로 지정합니다보통300에서800까지가 적당). 여기서 width=60%와 같은 식으로 주면, 전체 창 크기의 60%로 테이블의 크기를 정하게 되지요.
3.) height=200
테이블의 전체 높이를 지정한다. 사용법은 폭 정하는 법과 같습니다.
4). cellspacing=띄우고 싶은 만큼 의 수를 넣음
칸과 칸 사이의 간격을 픽셀로 지정(5에서 50 사이가 적당).
5). cellpadding=띄우고 싶은 만큼 의 수를 넣음
"칸의 테두리"와 "그 안에 쓰여지는 내용" 사이의 간격을 지정.
..........
6). bordercolor=원하는 색 이름
테두리의 색상을 지정.
7). bgcolor=원하는색이름
내용이 들어가는 부분의 배경색을 지정.
모든 속성에 숫자는 원하시는데로 바꾸어 넣어서 실험해보세요
......................
10 이미지
##<img src= 란 옆 주소의 그림을 여기에 나타내어라는 명령입니다
##width=" " height=" " " "안의 숫자를 바꾸면서 여러가지로 축소 확대를 해보죠
넓이와 높이를width=265 height=164 로 줄입니다
<img src="http://mysesang.com/buty/img/fantasia.jpg" width=265 height=164>
이렇게 하면 ????
##특수 효과도 넣어보죠
style="filter:alpha(opacity=100, style=2, finishopacity=0)" 를 넣어보면 어떻게 될까요??
##알아 둬야 할것들
1. 바탕에 그림없이 색만 표시할때는 background를 하면 안되고 반드시 bgcolor="원하는 색"하여야하고 바탕에 그림을 넣을때는 지금 배우신대로 해야합니다
2. img src="그림주소" 하여 width와 height를 조절하면 그림 크기를 마음대로 해도 되었지만 table 의 background로할때, 다시말하면 바탕그림으로 할때는 크기조절을 하면 원본에 손상이 갑니다
예를들어 설명하죠
ㄱ.그림 크기가 width=518 height362 인데 그림의 크기를 몰라서 원본의 크기보다 크게해봅시다 width=600 height450 쯤 해볼까요
크기가 늘어 나는게 아니라 중복되어 나타나지요
ㄴ. img src 에서는 크기를 조절하면 원본 그대로 확대 축소가 되지만 바탕으로 설정하여 확대 하면 원본이 중복되고 축소하면 그림이 축소한만큼 없어집니다
이 속성을 이용할수도 있죠.
필요 없는 부분을 잘라내는 효과를 볼수있어요
...................................................
배경 음악과 동영상 올리는법에 대하여 알아 보겠습니다.
* 멀티미디어란?
- 멀티미디어는 여러 매체가 혼합된 형태의 커뮤니케이션입니다.
우리에게 멀티미디어 개념을 갖게 해준 것은 CD-ROM의 출현부터라고 합니다.
1980년 중반부터 CD-ROM과 CD-ROM타이틀의 발전과 함께 멀티미디어도 폭넓게
성장하였다. 예전의 멀티미디어란 홈페이지에 사운드나 동영상을 넣는 것이 전부였지만,
지금은 많은 플러그인 형태의 멀티미디어가 소개되고 있습니다.
우선 음악의 종류가 어떤것이 있는지 알아 보겠습니다
① .mid, .midi (미디파일)
mid 는Musical Instrument Digital Interface로 mid파일 포맷은 국제 미디 제조업 협회(International MIDI Manufacturers Association)에서 개발하였고, 음악 표기를 전자적으로 교환 가능하게 하는 프로토콜입니다. 샘플 크기는 없으며, 음질은 각 사용자의 컴퓨터내에 부착된 사운드 카드성능에 크게 의존합니다.
② .ra, .ram 파일
리얼플레이어(realplayer)를 이용해서 음악을 듣는 파일입니다. 리얼플레이어 없이는 재생이 되질않습니다. 음악을 불러오면 컴퓨터에 설치되어 있는 리얼플레이어가 작동되면서 음악이 나오게 됩니다. ra, ram 파일은 mid 파일과는 달리 가수의 목소리를 직접 들을 수 있고 용량도 mp3 파일보다 적습니다.(약 1/4 수준) 하지만 음질이 상당히 떨어지고 전용선 사용자들에게는 전혀 무리가 가지 않는 대신 모뎀사용자들은 어느정도 무리가 있습니다.
③ .wav 파일
윈도우에서 소리를 녹음하고 듣는데 기본적으로 사용하는 포맷입니다. 웨이브 채널을 사용하며, 윈도우 의 매체재생기와 연결되어 있습니다. 녹음할 음질에 따라 용량이 다르지만 CD 수준의 음질로 녹음할 경우 1분에 10MB 정도의 용량을 차지합니다
④ .aiff 파일
aiff(Audio Interchange File Format)는 매킨토시용으로 개발된 사운드포맷. 샘플 크기는 일반적으로 16bit 이지만, 32bit 까지 사용 가능합니다. 음질은 아주 좋습니다.
⑤ .au파일
가장 일반적인 파일맷입니다. SUN와 NeXT가 사용하는 파일포맷입니다. 샘플 크기는 8bit 입니다. 음질은 좋은 편입니다.
⑥ .snd파일
매킨토시 사운드 파일입니다. 성능면에서 .au 사운드 파일 포맷과 거의 같습니다. 샘플 크기는 8bit 입니다. 음질은 좋은 편입니다.
⑦ .asf, .asx파일
우선 asf 와 asx 의 차이점에 대해서 설명하겠습니다.
asf 는 동영상, 또는 음성 파일입니다. 즉, mpg, mp3, wav, rm 등과 같이 직접 영상이나 음성이 들어 있는 파일입니다. asf 와 가장 비슷한 형태는 rm 입니다. 인터넷상에서 스트리밍으로 데이터를 전송할 수 있는 형태이니까요.. 즉 다시 말하면 asf 는 이 파일 하나만으로도 영상이나, 음성을 볼 수 있습니다. asx 는 텍스트 파일입니다. 메모장에서 asx 파일을 열어 보실 수 도 있습니다. 동영상, 음성 파일이 아닙니다. asx 는 asf 의 위치, 주소, 기타 정보를 저장하고 있는 파일입니다. 실제 메모장에서 열어보면. asf 파일의 url 이나 하드상의 위치가 나와 있습니다. asx 파일은 혼자서는 존재의 의미가 없으며... asf 파일이 있어야만 합니다. 어떤 asf 파일이 있고, 그 파일의 위치를 나타내주는 것이 바로 asx 파일인 것입니다. windows media player 가 asx 파일을 읽어들여서 위치를 파악한 다음 그 위치의 asf 파일을 실행하는 것입니다.
⑧ mp3 / mp2
앞서 설명한 웨이브 파일은 음질을 높이면 파일 크기가 너무 커진다는 큰 단점이 있습니다. 예를 들어 4분짜리 노래를 CD에서 녹음할 경우 웨이브는 40MB 이상을 차지하게 되죠. mp3와 mp2는 동영상 규격인 MPEG에서 사운드 부분만을 구현한 것으로, 뛰어난 압축률을 자랑합니다.
특히 요즘 인기를 끌고 있는 mp3의 경우 웨이브의 11분의 1의 용량만으로 같은 음질의 소리를 구현할 수 있어, CD음악을 녹음하는데 많이 사용하고 있습니다.
음악 올리는법
1 . 우선 음악을 인터넷에서 찾아 봅니다.
검색에 asx 나 asf 또는 mid를 넣으면 수많은 음악 사이트가 나옵니다
③ <OBJECT WIDTH=수치 HEIGHT=수치 CLASSID="CLSID:22D6f312-B0F6-11D0-94AB-
0080C74C7E95"
codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.
cab#Version=6,4,05,0809" Standby="Loading Microsoft Windows Media Player components..."
type="application/x-oleobject" VIEWASTEXT>
<PARAM NAME="FileName" VALUE="음악 주소">
</OBJECT>
여기서 embed 는 넷스케이프용 태그이고 bgsound 는 익스플로러용 태그 입니다.
두가지를 다 써넣어야 두 브라우저 모두에서 음악을 들을 수 있습니다
예를 보면서 설명 하겠습니다.
음악 사이트나 음악을 올려놓은 게시판에 보면
아래와 같은 미디어 플레이어가 음악을 재생하고 있는것을 볼수 있을 것입니다.
이 음악은 kbs의 음악 입니다.
지금 이 미디어 플레이어에 오른쪽 마우스를 클릭해보세요.
메뉴가 나타나면 등록정보를 클릭하세요.
그럼 등록정보가 나옵니다.
여기서 1)-- mms://211.233.25.31/mod/live4/musicstudio/music_audio --가 음악 주소이고
2)-- a_009217_0.asf --가 곡명 입니다.
1번 뒤에 /를 한다음 2번을 붙여주고
embed 또는 bgsound 를 사용하여 게시판에 올리면 음악이 나옵니다.
완성된 소스는 이렇게 되겠죠.
3. hidden="false" 는 뮤직박스를 나타내라는 명령어
(사실 이명령어는 뮤직박스를 숨길때만 필요하죠 넣지 안아도 기본적으로 보이도록 되어있읍니다)
4. loop="infinite" 는 음악을 무한히 계속 반복하라는 명령어
loop="1" 이면 음악이 한곡만 나오고 멈추지요
loop="2" 면 당연히 두번 연주 되겠죠
loop="-1" 이렇게 해도 음악을 무한 반복 합니다
5. volume=" 원하는 수" 를 넣으면 음악의 볼륨을 조절할수 있읍니다
volume="30"정도면 아주 적게 들리고
volume="70"이면 보통
6. width="수치" 미디어 플레이어의 가로 크기를 지정 합니다.
7. height="수치" 미디어 플레이어의 세로 크기를 지정 합니다.
8. PLUGINSPAGE="URL" : 플러그인이 설치되어 있지 않은 사용자를 위하여
해당 플러그인을 제공하는 사이트의 주소를 적습니다.
9. <NOEMBED> </NOEMBED> 사용자의 브라우저가 플러그인이 설치되어 있지 않은 경우나
이를 지원하지 못하는 브라우저를
사용하고 있는 경우에 <IMG>의 ALT와 같은 역할을 합니다.
사용 방법은 <NOEMBED> 넣고 싶은 내용 </NOEMBED> 를 <EMBED> 와 </EMBED>
사이에 넣어 주시면 됩니다.