프로그래밍/스크립트

HTML 기본예제

라제폰 2008. 12. 9. 09:12

<HTML><HEAD>
<META NAME="Content-Type" CONTENT="text/html; charset=euc-kr">
<TITLE>HTML 문서 제목</TITLE></HEAD>
<BODY>
<H1> H1: 레벨 1 제목 </H1>
BR: 줄 끝냄<BR>
P: 단락 끝냄<P>
HR: 수평 괘선으로 끝냄
<HR>
<H2> H2: 레벨 2 제목 </H2>
<H3> H3: 레벨 3 제목 </H3>

<H1> 링크 </H1>
<A HREF="#link">A HREF="...": 링크 따라 가기</A><BR>


<H1> <A NAME="link">A NAME="...": 목적 링크</A> </H1>


<H1> 글씨 스타일 지정 </H1>
<B> B: 굵은 글씨 </B><BR>
<STRONG> STRONG: 강한 강조 (보통 굵은 글씨) </STRONG><BR>
<I> I: 이탤릭체 </I><BR>
<EM> EM: 강조 (보통 이탤릭체) </EM><BR>
<TT> TT: 타이프라이터체 (일정 크기)</TT><BR>
<CODE> CODE: 보통 타이프라이터체 </CODE><BR>
<PRE>
PRE: 줄 끝과 빈 공간이 그대로 유지된다.
     보통 타이프라이터체로 출력된다.
     (텍스트 문서를 그래도 포함시키고자 할 경우 적당)
</PRE>
<U>U: 밑줄 긋기</U><BR>
<STRIKE>STRIKE: 중간줄 긋기</STRIKE><BR>

<H1> 글씨 크기 지정 </H1>
<BIG> BIG: 보통보다 조금 큰 글씨 </BIG><BR>
<SMALL> SMALL: 보통보다 조금 작은 글씨 </SMALL><BR>
<SUB> SUB: 아랫 첨자 </SUB><BR>
<SUP> SUP: 윗 첨자 </SUP><BR>

<H1> 글씨 크기, 색깔, 폰트 지정 </H1>
<FONT SIZE=1 COLOR="red"> FONT SIZE=1 COLOR="red"</FONT><BR>
<FONT SIZE=2 COLOR="green"> FONT SIZE=2 COLOR="green"</FONT><BR>
<FONT SIZE=3 COLOR="blue"> FONT SIZE=3 COLOR="blue"</FONT><BR>
<FONT COLOR="black"> FONT COLOR="black"</FONT><BR>
<FONT SIZE=4 COLOR="gray"> FONT SIZE=4 COLOR="gray"</FONT><BR>
<FONT SIZE=5 COLOR="orange"> FONT SIZE=5 COLOR="orange"</FONT><BR>
<FONT SIZE=6 COLOR="cyan"> FONT SIZE=6 COLOR="cyan"</FONT><BR>
<FONT SIZE=7 COLOR="magenta"> FONT SIZE=7 COLOR="magenta"</FONT><BR>
<FONT COLOR="magenta"> FONT COLOR="purple"</FONT>

<HR>
<FONT FACE="Times New Roman">FONT FACE="Times New Roman": 폰트 페이스 지정</FONT><BR>
<FONT FACE="Arial">FONT FACE="Arial" SIZE=5: 폰트 페이스 지정</FONT><BR>
<FONT FACE="Helvetica">FONT FACE="Helvetica": 폰트 페이스 지정</FONT><BR>
<FONT FACE="Courier New">FONT FACE="Courier New": 폰트 페이스 지정</FONT><BR>

<H1> 문자 코드로 문자 표현</H1>
8859-1 문자를 유니코드 코드값으로 표현할 수 있다. (단, 익스플로러 4.0과는 달리 넷스케이프 4.0은 제대로
출력해주지 않는다.<P>

&#0; &#1; &#2; &#3; &#4; &#5; &#6; &#7; &#8; &#9; &#10; &#11; &#12; &#13; &#14; &#15;<BR>
&#16; &#17; &#18; &#19; &#20; &#21; &#22; &#23; &#24; &#25; &#26; &#27; &#28; &#29; &#30; &#31;<BR>
&#32; &#33; &#34; &#35; &#36; &#37; &#38; &#39; &#40; &#41; &#42; &#43; &#44; &#45; &#46; &#47;<BR>
&#48; &#49; &#50; &#51; &#52; &#53; &#54; &#55; &#56; &#57; &#58; &#59; &#60; &#61; &#62; &#63;<BR>
&#64; &#65; &#66; &#67; &#68; &#69; &#70; &#71; &#72; &#73; &#74; &#75; &#76; &#77; &#78; &#79;<BR>
&#80; &#81; &#82; &#83; &#84; &#85; &#86; &#87; &#88; &#89; &#90; &#91; &#92; &#93; &#94; &#95;<BR>
&#96; &#97; &#98; &#99; &#100; &#101; &#102; &#103; &#104; &#105; &#106; &#107; &#108; &#109; &#110; &#111;<BR>
&#112; &#113; &#114; &#115; &#116; &#117; &#118; &#119; &#120; &#121; &#122; &#123; &#124; &#125; &#126; &#127;<BR>
&#128; &#129; &#130; &#131; &#132; &#133; &#134; &#135; &#136; &#137; &#138; &#139; &#140; &#141; &#142; &#143;<BR>
&#144; &#145; &#146; &#147; &#148; &#149; &#150; &#151; &#152; &#153; &#154; &#155; &#156; &#157; &#158; &#159;<BR>
&#160; &#161; &#162; &#163; &#164; &#165; &#166; &#167; &#168; &#169; &#170; &#171; &#172; &#173; &#174; &#175;<BR>
&#176; &#177; &#178; &#179; &#180; &#181; &#182; &#183; &#184; &#185; &#186; &#187; &#188; &#189; &#190; &#191;<BR>
&#192; &#193; &#194; &#195; &#196; &#197; &#198; &#199; &#200; &#201; &#202; &#203; &#204; &#205; &#206; &#207;<BR>
&#208; &#209; &#210; &#211; &#212; &#213; &#214; &#215; &#216; &#217; &#218; &#219; &#220; &#221; &#222; &#223;<BR>
&#224; &#225; &#226; &#227; &#228; &#229; &#230; &#231; &#232; &#233; &#234; &#235; &#236; &#237; &#238; &#239;<BR>
&#240; &#241; &#242; &#243; &#244; &#245; &#246; &#247; &#248; &#249; &#250; &#251; &#252; &#253; &#254; &#255;<BR><P>

현대 한글을 유니코드 코드 값으로 표현할 수 있다.<P>
&#44032; &#44033; &#44034; &#44035; &#44036; &#44037; &#44038; &#44039; &#44040;<P>


<H1 ALIGN=center> 정렬 </H1>
H1, H2, H3, P, DIV 태그에 align 속성 값으로 left (디폴트), center, right를 지정함으로써
정렬할 수 있다.<P>
DIV 태그는 텍스트의 원하는 범위를 정렬하는 데 사용된다.<P>

</BODY></HTML>