'코드자료실/html'에 해당되는 글 4건

반응형

<meta name=“Author” content=“NOLS”> Author:제작자의 이름이 NOLS라는 뜻

<meta name=“Generator” content=“Microsoft FrontPage 4.0”> 페이지를 프론트 페이지로 제작

<meta name=“Copyright” content=“2003 RANGS”> 저작권에 관한 정보

<meta name=“Keywords” content=“html,tag,mata,메타,태그”> 검색엔진에서 검색되는 키워드

<meta name=“Description” content=“META 태그에 관한 정보”> 페이지에 대한 정보

<meta http-equiv=“Content-Type” content=“text/html; charset=euc-kr”> 문자 인코딩

<meta http-equiv=“Refresh” content=“60”> 60초 마다 새로고침

<meta http-equiv=“Refresh” ccontent=“5;url=주소”>주소로 5초후 이동

<meta http-equiv=“Pragma” content=“no-cache”> 캐쉬가 되지 않게

<meta http-equiv=“Expires” content=“Mon, 08 Sep 2003 10:10:10 GMT”> 캐쉬 만료(파기)일

<meta http-equiv=“Page-Enter” content=“revealtrans(duration=1,transition=12)”>페이지 들어갈때 트랜지션 효과(장면 전환 효과)

<meta http-equiv=“Page-Exit” content=“revealtrans(duration=1,transition=12)”>페이지 나갈때 트랜지션 효과(장면 전환 효과)

<meta http-equiv=“Imagetoolbar” content=“no”>이미지 마우스 오버시 이미지툴바 생기지 않게해줌

<meta http-equiv="refresh" content="5; url=main.html"> 페이지 이동

반응형

'코드자료실 > html' 카테고리의 다른 글

[html] 특수문자 코드표  (0) 2013.01.21
[링크] 홈페이지 템플릿  (0) 2012.12.14
Systax Highlighter 사용법  (0) 2012.12.10
블로그 이미지

cocy

조금은 가볍게! 시작은 새롭게!

,
반응형

HTML 특수문자코드표

 

표현문자

숫자표현

문자표현

설명

-

&#00;-&#08;

-

사용하지 않음

space

&#09;

-

수평탭

space

&#10;

-

줄 삽입

-

&#11;-&#31;

-

사용하지 않음

space

&#32;

-

여백

!

&#33;

-

느낌표

"

&#34;

&quot;

따옴표

#

&#35;

-

숫자기호

$

&#36;

-

달러

%

&#37;

-

백분율 기호

&

&#38;

&amp;

Ampersand

'

&#39;

-

작은 따옴표

(

&#40;

-

왼쪽 괄호

)

&#41;

-

오른쪽 괄호

*

&#42;

-

아스트릭

+

&#43;

-

더하기 기호

,

&#44;

-

쉼표

-

&#45;

-

Hyphen

.

&#46;

-

마침표

/

&#47;

-

Solidus (slash)

0 - 9

&#48;-&#57;

-

0부터 9까지

:

&#58;

-

콜론

;

&#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

반응형

'코드자료실 > html' 카테고리의 다른 글

[meta 태그] meta태그 종류와 사용  (0) 2013.03.14
[링크] 홈페이지 템플릿  (0) 2012.12.14
Systax Highlighter 사용법  (0) 2012.12.10
블로그 이미지

cocy

조금은 가볍게! 시작은 새롭게!

,
반응형

html + css

http://www.solucija.com/templates/free

http://www.freecsstemplates.org/


html5 + css3

http://freehtml5templates.com/



http://www.opensourcetemplates.org/ 
http://www.templateworld.com/free_templates.html 
http://www.oswd.org/ 
http://www.free-css-templates.com/free-templates.html 
http://www.templatesbox.com/ 
http://www.freelayouts.com/websites 
http://www.ex-designz.net/template/tempcat.asp?cat_id=13 
http://www.openwebdesign.org/browse.php 
http://www.code-sucks.com/free-css-templates/ 
http://www.oswt.co.uk/browse_designs.html 
http://www.solucija.com/home/css-templates/ 
http://www.cssfill.com/ 
http://www.sixshootermedia.com/free-templates/

반응형

'코드자료실 > html' 카테고리의 다른 글

[meta 태그] meta태그 종류와 사용  (0) 2013.03.14
[html] 특수문자 코드표  (0) 2013.01.21
Systax Highlighter 사용법  (0) 2012.12.10
블로그 이미지

cocy

조금은 가볍게! 시작은 새롭게!

,
반응형

추가할 라이브러리
<script type='text/javascript' src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js'></script>
<script type='text/javascript' src='http://alexgorbatchev.com/pub/sh/current/scripts/shAutoloader.js'></script>
<link rel='stylesheet' type='text/css' href='http://alexgorbatchev.com/pub/sh/current/styles/shCore.css'/>
<link rel='stylesheet' type='text/css' href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css'/>
<script type='text/javascript' src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js'></script>
<script type='text/javascript' src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushAS3.js'></script>
<script type='text/javascript' src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCpp.js'></script>
<script type='text/javascript' src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js'></script>
<script type='text/javascript' src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushDiff.js'></script>
<script type='text/javascript' src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js'></script>
<script type='text/javascript' src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js'></script>
<script type='text/javascript' src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPerl.js'></script>
<script type='text/javascript' src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPhp.js'></script>
<script type='text/javascript' src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPlain.js'></script>
<script type='text/javascript' src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPython.js'></script>
<script type='text/javascript' src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js'></script>
<script type='text/javascript' src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushVb.js'></script>
<script type='text/javascript' src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js'></script>
<script type='text/javascript' src='http://alexgorbatchev.com/pub/sh/current/scripts/shLegacy.js'></script>
<script type='text/javascript'>
SyntaxHighlighter.all();
SyntaxHighlighter.config.stripBrs = true;
SyntaxHighlighter.config.bloggerMode = true;
</script>

코드 적용

<pre class="brush: js; smart-tabs: true">
</pre>
blush종류
applescript @shBrushAppleScript.js actionscript3 as3 @shBrushAS3.js bash shell @shBrushBash.js coldfusion cf @shBrushColdFusion.js cpp c @shBrushCpp.js c# c-sharp csharp @shBrushCSharp.js css @shBrushCss.js delphi pascal @shBrushDelphi.js diff patch pas @shBrushDiff.js erl erlang @shBrushErlang.js groovy @shBrushGroovy.js java @shBrushJava.js jfx javafx @shBrushJavaFX.js js jscript javascript @shBrushJScript.js perl pl @shBrushPerl.js php @shBrushPhp.js text plain @shBrushPlain.js py python @shBrushPython.js ruby rails ror rb @shBrushRuby.js sass scss @shBrushSass.js scala @shBrushScala.js sql @shBrushSql.js vb vbnet @shBrushVb.js xml xhtml xslt html @shBrushXml.js

반응형

'코드자료실 > html' 카테고리의 다른 글

[meta 태그] meta태그 종류와 사용  (0) 2013.03.14
[html] 특수문자 코드표  (0) 2013.01.21
[링크] 홈페이지 템플릿  (0) 2012.12.14
블로그 이미지

cocy

조금은 가볍게! 시작은 새롭게!

,