특수 문자 입력하는방법
한글키가 활성화된 상태에서 ㄱ, ㄴ 등의 자음을 누른 후 한자키를 누르면 특수문자가 나옵니다.
아래 표를 참고하셔서 사용해보세요.
ㄱ ！ ＇ ， ． ￣ ： ； ‥ … ¨ 〃 ― ∥ ＼ ∼ ´ ～ ˇ ˘ ˝ ˚ ˙ ¸ ˛ ¡ ¿ ː
ㄴ ＂ （ ） ［ ］ ｛ ｝ ‘ ’ “ ” 〔 〕 〈 〉 《 》 「 」 『 』 【 】
ㄷ ＋ － ＜ ＝ ＞ ± × ÷ ≠ ≤ ≥ ∞ ∴ ♂ ♀ ∠ ⊥ ⌒ ∂ ∇ ≡ ≒ ≪ ≫ √ ∽ ∝ ∵ ∫ ∬ ∈ ∋ ⊆ ⊇ ⊂ ⊃ ∪ ∩ ∧ ∨ ￢ ⇒ ⇔ ∀ ∃ ∮ ∑ ∏
ㄹ ＄ ％ ￦ Ｆ ′ ″ ℃ Å ￠ ￡ ￥ ¤ ℉ ‰ ?? ㎕ ㎖ ㎗ ℓ ㎘ ㏄ ㎣ ㎤ ㎥ ㎦ ㎙ ㎚ ㎛ ㎜ ㎝ ㎞ ㎟ ㎠ ㎡ ㎙ ㏊ ㎍ ㎎ ㎏ ㏏ ㎈ ㎉ ㏈ ㎧ ㎨ ㎰ ㎱ ㎲ ㎳ ㎴ ㎵ ㎶ ㎷ ㎸ ㎹ ㎀ ㎁ ㎂ ㎃ ㎄ ㎺ ㎻ ㎼ ㎽ ㎾ ㎿ ㎐ ㎑ ㎒ ㎓ ㎔ Ω ㏀ ㏁ ㎊ ㎋ ㎌ ㏖ ㏅ ㎭ ㎮ ㎯ ㏛ ㎩ ㎪ ㎫ ㎬ ㏝ ㏐ ㏓ ㏃ ㏉ ㏜ ㏆
ㅁ ＃ ＆ ＊ ＠ § ※ ☆ ★ ○ ● ◎ ◇ ◆ □ ■ △ ▲ ▽ ▼ → ← ↑ ↓ ↔ ◁ ◀ ▷ ▶ ♤ ♠ ♡ ♥ ♧ ♣ ⊙ ◈ ▣ ◐ ◑ ▒ ▤ ▥ ▨ ▧ ▦ ▩ ♨ ☏ ☎ ☜ ☞ † ‡ ↕ ↗ ↙ ↖ ↘ ♭ ♩ ♪ ♬ ㉿ ㈜ № ㏇ ™ ㏂ ㏘ ℡ ?? ª º
ㅂ ─ │ ┌ ┐ ┘ └ ├ ┬ ┤ ┴ ┼ ━ ┃ ┏ ┓ ┛ ┗ ┣ ┳ ┫ ┻ ╋ ┠ ┯ ┨ ┷ ┿ ┝ ┰ ┥ ┸ ╂ ┒ ┑ ┚ ┙ ┖ ┕ ┎ ┍ ┞ ┟ ┡ ┢ ┦ ┧ ┩ ┪ ┭ ┮ ┱ ┲ ┵ ┶ ┹ ┺ ┽ ┾ ╀ ╁ ╃ ╄ ╅ ╆ ╇ ╈ ╉ ╊
ㅅ ㉠ ㉡ ㉢ ㉣ ㉭ ㉥ ㉦ ㉧ ㉨ ㉩ ㉪ ㉫ ㉬ ㉭ ㉮ ㉯ ㉰ ㉱ ㉲ ㉳ ㉴ ㉵ ㉶ ㉷ ㉸ ㉹ ㉺ ㉻ ㈀ ㈁ ㈂ ㈃ ㈄ ㈅ ㈆ ㈇ ㈈ ㈉ ㈊ ㈋ ㈌ ㈍ ㈎ ㈏ ㈐ ㈑ ㈒ ㈓ ㈔ ㈕ ㈖ ㈗ ㈘ ㈙ ㈚ ㈛
ㅇ ⓐ ⓑ ⓒ ⓓ ⓔ ⓕ ⓖ ⓗ ⓘ ⓙ ⓚ ⓛ ⓜ ⓝ ⓞ ⓖ ⓠ ⓡ ⓢ ⓣ ⓤ ⓥ ⓦ ⓧ ⓨ ⓩ ① ② ③ ④ ⑤ ⑥ ⑦ ⑧ ⑨ ⑩ ⑪ ⑫ ⑬ ⑭ ⑮ ⒜ ⒝ ⒞ ⒟ ⒠ ⒡ ⒢ ⒣ ⒤ ⒥ ⒦ ⒧ ⒨ ⒩ ⒪ ⒫ ⒬ ⒭ ⒮ ⒯ ⒰ ⒱ ⒲ ⒳ ⒴ ⒵ ⑴ ⑵ ⑶ ⑷ ⑸ ⑹ ⑺ ⑻ ⑼ ⑽ ⑾ ⑿ ⒀ ⒁ ⒂
ㅈ ０ １ ２ ３ ４ ５ ６ ７ ８ ９ ⅰ ⅱ ⅲ ⅳ ⅴ ⅵ ⅶ ⅷ ⅸ ⅹ Ⅰ Ⅱ Ⅲ Ⅳ Ⅴ Ⅵ Ⅶ Ⅷ Ⅸ Ⅹ
ㅊ ½ ⅓ ⅔ ¼ ¾ ⅛ ⅜ ⅝ ⅞ ¹ ² ³ ⁴ ⁿ ₁ ₂ ₃ ₄
ㅋ ㄱ ㄲ ㄳ ㄴ ㄵ ㄶ ㄷ ㄸ ㄹ ㄺ ㄻ ㄼ ㄽ ㄾ ㄿ ㅀ ㅁ ㅂ ㅃ ㅄ ㅅ ㅆ ㅇ ㅈ ㅉ ㅊ ㅋ ㅌ ㅍ ㅎ ㅏ ㅐ ㅑ ㅒ ㅓ ㅔ ㅕ ㅖ ㅗ ㅘ ㅙ ㅚ ㅛ ㅜ ㅝ ㅞ ㅟ ㅠ ㅡ ㅢ ㅣ
ㅌ ㅥ ㅦ ㅧ ㅨ ㅩ ㅪ ㅫ ㅬ ㅭ ㅮ ㅯ ㅰ ㅱ ㅲ ㅳ ㅴ ㅵ ㅶ ㅷ ㅸ ㅹ ㅺ ㅻ ㅼ ㅽ ㅾ ㅿ ㆀ ㆁ ㆂ ㆃ ㆄ ㆅ ㆆ ㆇ ㆈ ㆉ ㆊ ㆋ ㆌ ㆍ ㆎ
ㅍ Ａ Ｂ Ｃ Ｄ Ｅ Ｆ Ｇ Ｈ Ｉ Ｊ Ｋ Ｌ Ｍ Ｎ Ｏ Ｐ Ｑ Ｒ Ｓ Ｔ Ｕ Ｖ Ｗ Ｘ Ｙ Ｚ ａ ｂ ｃ ｄ ｅ ｆ ｇ ｈ ｉ ｊ ｋ ｌ ｍ ｎ ｏ ｐ ｑ ｒ ｓ ｔ ｕ ｖ ｗ ｘ ｙ ｚ
ㅎ Α Β Γ Δ Ε Ζ Η Θ Ι Κ Λ Μ Ν Ξ Ο Π Ρ Σ Τ Υ Φ Χ Ψ Ω α β γ δ ε ζ η θ ι κ λ μ ν ξ ο π ρ σ τ υ φ χ ψ ω
ㄲ Æ Ð Ħ IJ Ŀ Ł Ø Œ Þ Ŧ Ŋ æ đ ð Ł Ø ij ĸ ŀ ł ø œ ß þ ŧ ŋ ʼn
ㄸ ぁ あ ぃ い ぅ う ぇ え ぉ お か が き ぎ う ぐ け げ こ ご さ ざ し じ す ず せ ぜ そ ぞ た だ ち ぢ っ つ づ て ぞ た だ ち ぢ っ つ づ て で と ど な に ぬ ね の は ば ぱ ひ び ぴ ふ ぶ ぷ へ べ ぺ ほ ぼ ぽ ま み む め も ゃ や ゅ ゆ ょ よ ら り る れ ろ ゎ わ ゐ ゑ を ん
ㅃ ァ ア ィ イ ゥ ウ ェ エ ォ オ カ ガ キ ギ ク グ ケ ゲ コ ゴ サ ザ シ ジ ス ズ セ ゼ ソ ゾ タ ダ チ ヂ ッ ツ ヅ テ デ ト ド ナ ニ ヌ ネ ノ ハ バ パ ヒ ビ ピ フ ブ プ ヘ ベ ペ ホ ボ ポ マ ミ ム メ モ ャ ヤ ュ ユ ョ ヨ ラ リ ル レ ロ ヮ ワ ヰ ヱ ヲ ン ヴ ヵ ヶ
ㅆ А Б В Г Д Е Ё Ж З И Й К Л М Н О П Р С Т У Ф Х Ц Ч Ш Щ Ъ Ы Ь Э Ю Я а б в г д е ё ж з и й к л м н о п р с т ф х ц ч ш щ ъ ы ы ь э ю я
초보리더를 위한 [html 기본]
▶문서 배경 태그의 사용법
<body bgcolor="색상"> : 윈도우 배경화면색 지정.
<body background="이미지 주소"> : 배경을 그림으로할때 쓰는 속성.
<body text="색상"> : 표준 글씨색 지정.
<body link="색상"> : 링크 부분의 색 지정.
<body vlink="색상"> : 검색한 링크 부분의 색 지정.
<body alink="색상"> : 링크된글자를 누르는순간의 색을 지정.
▶<P> 태그의 사용법
<P> 내용 </P> : 문단을 나누는 태그입니다.
▶빈칸 사용하기
: 빈칸을 만들어 줍니다.(빈공간,글씨의 공란을 대신함.)
▶주석 사용하기
한 줄을 주석으로 사용할 때는 <! 주석> 태그를 이용하고 여러줄을 주석으로 이용하려면
<!-- , //--> 태그를 이용합니다. 주석태그는 브라우져에서는 보이지 않는 태그입니다.
▶<br> 사용하기
<br> 태그는 줄을 바꾸고 싶을 때 사용하는 것입니다.
br 은 예를들어 한번만 사용하면 다음줄로 넘어갑니다.
하지만 여러줄을 띄우고 싶을 때는 br 의 횟수를 더 많이 해주면 됩니다.
3칸을 띄우고 싶으면 3번을 쓰시면 됩니다.
▶문단 정렬하기
<p align="정렬형태"> : left 나 right 를 써서 줄 단위로 정렬합니다.
<center></center> : 여러문단을 중앙 정렬합니다.
▶선 태그 사용하기
<hr size="크기" width="크기" align="정렬형태" style="color:색상;" noshade>
수평선 그리기 태그입니다.
size : 픽셀 단위의 선의 두께입니다.
width : 선의 수평길이 입니다.
align : 길이가 화면보다 작을 때 수평선이 그려질 위치입니다.
noshade : 음영 효과 없는 보통의 선 그리기 입니다.
style="color:색상;" : 선의 색상을 바꿔줍니다.
▶글자 크기 변경
<basefont size="크기"> : 전체 글자 크기를 지정.
<font size="크기"> : 일부의 글자 크기를 변경.
▶글자색 변경
<font color="색상"> : 글자의 색상 지정.
▶글꼴 변경
<font face="글꼴명"> : 글꼴 지정.
만약, 글자의 크기와 색상,글꼴을 동시에 바꾸시려면
<font size="크기" color="색상" face="글꼴"> 이렇게 하시면 됩니다.
▶글자 모양 정리
태그 관용적 표현(결과)
<i>내용 <i>
<em>내용</em>
<dfn>내용</dfn>
<var>내용</var>
<cite>내용</cite> 이탤릭체 모양
<b>내용</b>
<strong>내용</strong> 진한 모양
<tt>내용</tt>
<code>내용</code>
<samp>내용</samp>
<kbd>내용</kbd> 타자체
courier 체로 표현.
▶입력된 그대로 출력하기
<pre>내용</pre> : 화면에 나와 있는 내용을 그대로 출력합니다.
엔터를 치면 <br> 의 효과를 보게 됩니다.
<xmp>내용</xmp> : <pre> 태그와 비슷하지만 태그 소스까지 표시합니다.
▶그림 삽입하기
<img src="이미지 파일 경로(주소)" alt="그림 설명">
그림과 설명을 삽입합니다. ▶그림 크기 지정하기
<img src="이미지 파일 경로(주소)" width="가로크기" height="세로크기">
그림을 자신이 원하는 크기만큼 조정합니다.
숫자가 높을 수록 커집니다.
▶그림의 위치 설정하기
<img src="이미지 파일 경로(주소)" align="정렬위치">
그림을 삽입하고 left 나 right 로 위치를 지정해 줍니다.
▶그림의 여백과 테두리 설정
<img src="이미지 파일 경로(주소)" border="테두리 두께"> 그림의 경계선을 만듭니다.
<img src="이미지 파일 경로(주소)" hspace="크기"> 그림의 좌우 여백을 지정합니다.
<img src="이미지 파일 경로(주소)" vspace="크기"> 그림의 상하 여백을 지정합니다.
▶사운드 태그
<[안내]태그제한으로등록되지않습니다-bgsound src="음악주소"> : 주로 배경음악으로 많이 쓰이는 태그입니다.
이 것은 mid 나 wav,mp3 파일등을 사용할때 쓰는 태그인데,
주로 배경음악으로 사용하는 파일은 mid 파일입니다.
용량도 작고해서 홈페이지 로딩시간에 별 지장을 주지 않습니다.
다른 파일들은 시간이 좀 오래 걸립니다.
요즘은 asf 파일도 사용합니다만 그것도 역시 시간이 좀 걸린답니다.
<embed src="음악주소"> : 이 태그는 전에 채팅상에서 많이 쓰이는 태그 였습니다.
주로 사용하는 파일이 asf 나 asx 파일입니다.
이 태그를 쓰게 되면 미디어 재생기가 나타나므로
자신이 맘대루 끌수도 있고 다시 재생시킬수도 있습니다.
이 외에도 리얼음악도 있지만 거의 배경음악으로는 사용이 불가능합니다.
리얼은 링크태그를 써서 클릭하면 들을수 있는 그런 방식입니다.
<a href="리얼 음악주소" target"new_window">여기를 클릭하세요!!</a>
이런식으로 하시면 됩니다.
또 한가지 [Tip], 홈페이지에 리얼과(다른 파일도 해당됨.)
같은 음악을 바로 띄우게 할수 있는 방법도 있습니다.
이건 스크립트를 이용하는 것입니다.
<script>open('음악파일주소')</script>
위의 예제처럼 하시면 홈에 들어오자 마자 플레이어가 나타나게 되죠^^.
<embed src="음악주소"> 이 태그를 쓰실때 재생기가 작게 나오게 하려면.....
width="수치" height="수치" 를 쓰게 되면 재생기의 크기를 마음껏 조절할수 있습니다.
<embed src="음악주소" width="수치" height="수치"> 이런식으로요..^^
음악을 반복해서 여러번 듣고 싶을때는 아래처럼 하시면 됩니다.
<embed src="음악주소" loop="반복횟수">
이렇게 하시면 자신이 원하는 반복횟수만큼 들으실 수 있습니다.
이미지위로 글이 올라가게 하려면
<center><table background="이미지주소" width=폭 height=높이><tr><td algin=center>
<marquee style="text-align=center" behavior="loop" direction="up" scrollamount="1" scrolldelay="infinite"><span style=color:white;filter:shadow(color=000000);height:7px><h3>
<center><pre> <font color=색상코드 size=글자크기 face=글씨체>
본문내용입력.
</font></pre></marquee> </center></td></tr></table></td></tr></table>
<embed src="음악주소">
</td>
</tr>
위에 소스를 복사해서..
이미지주소.width, height,본문내용.font에 관한 것 등과 음악주소..
자기가 하고싶은 대로 선택하시면
간단하게 만드실 수 있습니다.
원하는 위치에 배경 이미지 넣기
<DIV id=vhrms style="LEFT:185px;
POSITION: absolute; TOP:10px; Z-INDEX: 1">
이곳에 지정할 소스를 넣으면 됩니다.
</DIV>
도움말
LEFT:185px → 왼쪽에서부터 떨어진 거리를 나타냅니다.
TOP:10px → 위에서부터 떨어진 거리를 나타냅니다
즉, LEFT:185px TOP:10px 라고 되어있다면
왼쪽에서 185픽셀, 위에서 10픽셀 떨어진 곳에
위치를 지정한다는 것입니다.
잘 응용해서 원하는 위치에 이미지등을
지정해보세요~!
틀만들기 -
칸 나누기-가로 (colspan=숫자) 태그
■ 소스 ■
첫째줄 2칸. 두째줄 1칸
<html>
<body>
<table border=1 width=200 height=100 >
<tr><td align=center> ① </td> <td align=center> ② </td> </tr>
<tr><td align=center colspan=2> ③ + ④ </td> </tr>
</table>
</body>
</html>
① ②
③ + ④
-----------------
첫째줄 1칸. 두째줄 2칸
<html>
<body>
<table border=1 width=200 height=100 >
<tr><td align=center colspan=2> ① + ② </td> </tr>
<tr><td align=center> ③ </td> <td align=center> ④ </td> </tr>
</table>
</body>
</html>
① + ②
③ ④
-----------
첫째줄 3칸. 두째줄 1칸. 세째줄 2칸
<html>
<body>
<table border=1 width=200 height=100 >
<tr><td>첫</td> <td>째</td> <td>줄</td> </tr>
<tr><td colspan=3> 두 째 줄 </td> </tr>
<tr><td colspan=2> 세째 </td> <td>줄</td> </tr>
</table>
</body>
</html>
첫 째 줄
두 째 줄
세째 줄
-------------
첫째줄 1칸. 두째줄 2칸. 활용
<html>
<body>
<table border=2 width=300 height=200>
<tr><td colspan=2 height=100><img src='http://www.hanshigan.co.kr/image/etc/sample_logo.gif'></td> </tr>
<tr><td width=150 align=center>만화로 배우는 <br>쉽고, 재밌는</td> <td width=150 align=center>태그공부<br>포토샵공부</td> </tr>
</table>
</body>
</html>
-------------------
첫째줄 2칸. 두째줄 1칸. 활용1
<html>
<body>
<table border=2 width=400 height=300>
<tr>
<td width=150 align=center bgcolor=000000><font color=ffffff>
<b>모닥불</b></font></td>
<td width=150 align=center bgcolor=000000><font color=ffffff>박인희</font></td>
</tr>
<tr><td colspan=2 height=200><img src='http://www.hanshigan.co.kr/image/etc/sample_fire.gif'></td>
</tr>
</table>
</body>
</html>
모닥불 박인희
----------------------
첫째줄 2칸. 두째줄 1칸. 활용2
<html>
<body>
<table border=2 width=400 height=300>
<tr>
<td width=150 align=center > <font size=6> <b>SLK-Class</b> </font> </td>
<td width=150 align=center > <font size=4> 2004 NEW benz </font> </td>
</tr>
<tr><td colspan=2 height=200><img src='http://www.hanshigan.co.kr/image/etc/sample_benz.gif'></td>
</tr>
</table>
</body>
