HTML 특수문자코드표

 

표현문자

숫자표현

문자표현

설명

-

�-

-

사용하지 않음

space

	

-

수평탭

space




-

줄 삽입

-

-

-

사용하지 않음

space

 

-

여백

!

!

-

느낌표

"

"

"

따옴표

#

#

-

숫자기호

$

$

-

달러

%

%

-

백분율 기호

&

&

&

Ampersand

'

'

-

작은 따옴표

(

(

-

왼쪽 괄호

)

)

-

오른쪽 괄호

*

*

-

아스트릭

+

+

-

더하기 기호

,

,

-

쉼표

-

-

-

Hyphen

.

.

-

마침표

/

/

-

Solidus (slash)

0 - 9

0-9

-

0부터 9까지

:

:

-

콜론

;

&#59;

-

세미콜론

<

&#60;

&lt;

보다 작은

=

&#61;

-

등호

>

&#62;

&gt;

보다 큰

?

&#63;

-

물음표

@

&#64;

-

Commercial at

A - Z

&#65;-&#90;

-

A부터 Z까지

[

&#91;

-

왼쪽 대괄호

\

&#92;

-

역슬래쉬

]

&#93;

-

오른쪽 대괄호

^

&#94;

-

탈자부호

_

&#95;

-

수평선

`

&#96;

-

Acute accent

a - z

&#97;-&#122;

-

a부터 z까지

{

&#123;

-

왼쪽 중괄호

|

&#124;

-

수직선

}

&#125;

-

오른쪽 중괄호

~

&#126;

-

꼬리표

-

&#127;-&#159;

-

사용하지 않음

&#160;

&nbsp;

Non-breaking space

¡

&#161;

&iexcl;

거꾸로된 느낌표

&#162;

&cent;

센트 기호

&#163;

&pound;

파운드

¤

&#164;

&curren;

현재 환율

&#165;

&yen;

|

&#166;

&brvbar;

끊어진 수직선

§

&#167;

&sect;

섹션 기호

¨

&#168;

&uml;

움라우트

&#169;

&copy;

저작권

ª

&#170;

&ordf;

Feminine ordinal

&#171;

&laquo;

왼쪽 꺾인 괄호

&#172;

&not;

부정

­

&#173;

&shy;

Soft hyphen

?

&#174;

&reg;

등록상표

&hibar;

&#175;

&macr;

Macron accent

°

&#176;

&deg;

Degree sign

±

&#177;

&plusmn;

Plus or minus

²

&#178;

&sup2;

Superscript two

³

&#179;

&sup3;

Superscript three

´

&#180;

&acute;

Acute accent

μ

&#181;

&micro;

Micro sign (Mu)

&#182;

&para;

문단기호

·

&#183;

&middot;

Middle dot

¸

&#184;

&cedil;

Cedilla

¹

&#185;

&sup1;

Superscript one

º

&#186;

&ordm;

Masculine ordinal

&#187;

&raquo;

오른쪽 꺾인 괄호

¼

&#188;

&frac14;

4분의 1

½

&#189;

&frac12;

2분의 1

¾

&#190;

&frac34;

4분의 3

¿

&#191;

&iquest;

거꾸로된 물음표

A

&#192;

&Agrave;

Capital A, grave accent

A

&#193;

&Aacute;

Capital A, acute accent

A

&#194;

&Acirc;

Capital A, circumflex accent

A

&#195;

&Atilde;

Capital A, tilde

A

&#196;

&Auml;

Capital A, dieresis or umlaut mark

A

&#197;

&Aring;

Capital A, ring (Angstrom)

Æ

&#198;

&AElig;

Capital AE diphthong (ligature)

C

&#199;

&Ccedil;

Capital C, cedilla

E

&#200;

&Egrave;

Capital E, grave accent

E

&#201;

&Eacute;

Capital E, acute accent

E

&#202;

&Ecirc;

Capital E, circumflex accent

E

&#203;

&Euml;

Capital E, dieresis or umlaut mark

I

&#204;

&Igrave;

Capital I, grave accent

I

&#205;

&Iacute;

Capital I, acute accent

I

&#206;

&Icirc;

Capital I, circumflex accent

I

&#207;

&Iuml;

Capital I, dieresis or umlaut mark

Ð

&#208;

&ETH;

Capital Eth, Icelandic

N

&#209;

&Ntilde;

Capital N, tilde

O

&#210;

&Ograve;

Capital O, grave accent

O

&#211;

&Oacute;

Capital O, acute accent

O

&#212;

&Ocirc;

Capital O, circumflex accent

O

&#213;

&Otilde;

Capital O, tilde

O

&#214;

&Ouml;

Capital O, dieresis or umlaut mark

×

&#215;

&times;

Multiply sign

Ø

&#216;

&Oslash;

width="130"Capital O, slash

U

&#217;

&Ugrave;

Capital U, grave accent

U

&#218;

&Uacute;

Capital U, acute accent

U

&#219;

&Ucirc;

Capital U, circumflex accent

U

&#220;

&Uuml;

Capital U, dieresis or umlaut mark

Y

&#221;

&Yacute;

Capital Y, acute accent

Þ

&#222;

&THORN;

Capital Thorn, Icelandic

ß

&#223;

&szlig;

Small sharp s, German (sz ligature)

a

&#224;

&agrave;

Small a, grave accent

a

&#225;

&aacute;

Small a, acute accent

a

&#226;

&acirc;

Small a, circumflex accent

a

&#227;

&atilde;

Small a, tilde

a

&#228;

&auml;

Small a, dieresis or umlaut mark

a

&#229;

&aring;

Small a, ring

æ

&#230;

&aelig;

Small ae diphthong (ligature)

c

&#231;

&ccedil;

Small c, cedilla

e

&#232;

&egrave;

Small e, grave accent

e

&#233;

&eacute;

Small e, acute accent

e

&#234;

&ecirc;

Small e, circumflex accent

e

&#235;

&euml;

Small e, dieresis or umlaut mark

i

&#236;

&igrave;

Small i, grave accent

i

&#237;

&iacute;

Small i, acute accent

i

&#238;

&icirc;

Small i, circumflex accent

i

&#239;

&iuml;

Small i, dieresis or umlaut mark

ð

&#240;

&eth;

Small eth, Icelandic

n

&#241;

&ntilde;

Small n, tilde

o

&#242;

&ograve;

Small o, grave accent

o

&#243;

&oacute;

Small o, acute accent

o

&#244;

&ocirc;

Small o, circumflex accent

o

&#245;

&otilde;

Small o, tilde

o

&#246;

&ouml;

Small o, dieresis or umlaut mark

÷

&#247;

&divide;

Division sign

ø

&#248;

&oslash;

Small o, slash

u

&#249;

&ugrave;

Small u, grave accent

u

&#250;

&uacute;

Small u, acute accent

u

&#251;

&ucirc;

Small u, circumflex accent

u

&#252;

&uuml;

Small u, dieresis or umlaut mark

y

&#253;

&yacute;

Small y, acute accent

þ

&#254;

&thorn;

Small thorn, Icelandic

y

&#255;

&yuml;

Small y, dieresis or umlaut mark



출처 : http://egloos.zum.com/keep/v/1030642

<head>

<link rel="shortcut icon" href="/images/smc.ico" type="image/x-icon">

</head>

파비콘(favicon) : favorites + icon => 주소창 아이콘

페이지를 만들다 보니 자꾸 IE에서 호환성 보기로 변한다.해결 방법들이다.

기타잡다한 얘기IE8 Compatibility with X-UA-Compatible

아파치 적용
Implementing the META Switch on Apache

실제 페이지에서 meta 태그로 넣는 예
META Tags and Locking in Future Compatibility


자세한 설명은 아래 링크에 있음.
HTTP-EQUIV Attribute | httpEquiv Property


IE9’s Document Modes and JavaScript

무조건 해당 IE버젼으로 보여준다.






이건 IE9를 최신으로 하되 실패시 ie5모드로 변환





가장최신버젼




 출처 : http://makeme.egloos.com/3606397

<input type="text" style="ime-mode:active" />


스타일부분에 ime-mode:active 추가하여 윈도우 언어를 사용 하게 한다?!  윕표준에 걸릴지도 모름

 ie 에서만 적용 가능 한 듯함


 <OBJECT classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" type="application/x-mplayer2" codebase="HTTP://ACTIVEX.MICROSOFT.COM/ACTIVEX/CONTROLS/MPLAYER/EN/NSMP2INF.CAB#VERSION=6,4,7,1112" width="367" height="274"> 

 <param name="url" value="파일명"/> 

 <param name="defaultFrame" value="content"/> 

 <param name="autoStart" value="true"/> 

 <param name="enableContextMenu" value="false"/> 

 <param name="fullScreen" value="false"/> 

 <param name="enabled" value="true"/>   

 <param name="stretchToFit" value="true"/> 

 <param name="volume" value="30"/> 

 <EMBED src="파일명" width="436" height="310" volume="30" loop="false" enableContextMenu="false" autostart="false" showstatusbar="1"/> 

 </OBJECT> 


url : 동영상파일 경로


이런 함수를 본적이 있을 것이다.
<a href="#" onclick="aaa(); return false;">Click</a>
onclick 안의 문장은 기본적으로 자바스크립트이다.
그런데 자바스크립트 뒤에 return false를 붙히는 이유는 무엇일까?
return false를 붙히면 기존에 있던 기능들이 없어진다.
<a > 함수를 클릭하면 원래는 href 로 이동하는 액션이 취해진다.
그렇지만 onclick 이벤트 핸들러를 걸어주면 onclick 을 먼저 쓰게 되고
href 로 이동하게 된다.
그렇지만 여기서 return false를 붙혀 준다면 원래 가지고 있는 기본 속성은 무시하게 된다.
즉 a 함수의 기본 속성인 링크의 기능이 수행 되지 않는다.
만약 이동할 것인지를 묻는 함수가 나온다면 다음과 같은 코드를 짜면 된다.

<a href="http://www.naver.com" onclick="return confirm('Are you sure you want to do that?');">Click Me</a>


또한 return 은 exit의 기능도 가지고 있다.
다음과 같은 코드를 짠다면
return 의 의미가 확실해 질것이다.


if(name=='') form.nm.focus(); return;
form.submit();

이름이 없으면 포커스를 맞춰주고 아니면 submit을 하는 간단한 소스코드이다.
여기서 return 이 없으면 어떻게 될까?
name=='' 일 지라도 포커스 실행 후 다시 아래로 내려가 form 을 실행하게 된다.
따라서 우리가 원하던 기능이 나오지 않는다.
이렇든 return 은 값을 반환한다는 의미로 쓰이지만 exit의 의미로도 자주 쓰인다



[출처] http://jhoonslife.tistory.com/195


<form method="post" name="frm" enctype="multipart/form-data"> 

 

enctype="multipart/form-data"  <-- 이것은

 

 

폼 데이터를 전송하는 방식을 기술하는 부분

 

데이터 전송방식은 get, post, multipart 으로 각각3개고

get방식은 url 부분에 파라미터가 노출되어 데이터가 전송

post 방식은 url에 노출되지 않은 상태에서 데이터가 전송됨


 이거까지는 알고 있었지만

 

get 방식과 post 방식에서는 데이터를 보낼때 양의 한계가 있는데 많은 양의 데이터 양을 전송할때는

multipart를 사용

 

첨부파일 등록일 위해 찾아보니 multipart 전송방식을 찾음


 

html style border 주기

잘 잊는듯...


 style='border-style:solid;border-width:1px'

[출처] html style border 주기|작성자 연조단

+ Recent posts