HTML 예제들
<html>
<head>
<meta http-equiv = "Content-Type" content = "text/html; charset = utf-8">
<title>HTML태그와 옵션들</title>
</head>
<body link="#ff0000" vlink="#00ff00" alink="#0000ff">
Naver : <a href = "http://www.naver.com"> naver</a>
<h1>Naver</h1>
<h2>Naver</h2>
<h3>Naver</h3>
<h4>Naver</h4>
<h5>Naver</h5>
<h6>Naver</h6>
<font size=1>Naver</font><br>
<font size=2>Naver</font><br>
<font size=-1>Naver</font><br>
<font size=3>Naver</font><br>
<font size=4>Naver</font><br>
<font size=+1>Naver</font><br>
<!-- 기본크기는 3이며 부호가 붙을경우 기본크기를 중심으로 변한다-->
<!--문자의 기본크기 지정하기-->
<BASEFONT size=3>
<font size=-1>changed font size -1</font><br>
<font size=+1>changed font size +1</font><br>
<!--문자 폰트지정하기 explore 5.5이상 charset=utf-8로-->
<font face="바탕체" size=+2>바탕체</font><br>
<font face="굴림체" size=+2>굴림체</font><br>
<font face="궁서체" size=+2>궁서체</font><br>
<font face="돋움체" size=+2>돋움체</font><br>
<!-- p태그를 이용한 단락지정하기 (br과는 다르게 단락이 추가됨)-->
<p> welcom to simplex internet!</p>
<p> welcom to simplex internet!<br>
<!-- 수평선 그리기-->
<!-- hr 태그에는 4가지 속성 - size(픽셀수), width(픽셀수), align(left, right, center), noshade(수평선의 음영 효과를 없앤것)을 사용할수 있다.-->
<p> welcom to simplex internet!
두께 1인 수평선<hr size = 1>
두께 3인 수평선<hr size = 3>
두께 5인 수평선<hr size = 5>
너비 500인 수평선 <hr width=500>
너비 300인 수평선 <hr width=300>
너비 100인 수평선 <hr width=100>
noshade<hr noshade><br>
<!--가운데로 정렬하기-->
<center> 월드와이드 웹에 대하여 center를 이용한 가운데 정렬</center>
<!-- 좌측, 우측, 가운데 정렬하기 -->
<!--웹브라우저에 나타나는 요소들의 정렬을 위해 사용할 수 있는 태그로 div가 있다.이 태그의 속성인 align에 left/center/right를 지정함으로서 태그 내부에 삽입된 것을 원하는 대로 정렬할 수 있다.-->
<div align=center>월드 와이드 웹에 대하여 div를 이용한 가운데 정렬</div>
<div align = right>월드 와이드 웹에 대하여 div를 이용한 오른쪽 정렬</div>
<br>
<!--인용된 문장 보여주기-->
<!--html문서 내에서 문장이나 단어를 인용할 때 blockquote(문장)와 cite(간단한 단어, 제목)를 사용한다. 이는 인용된 문장과 일반 텍스트를 구별되어 보이도록 만들게 된다.-->
다음은 김옥진님의 시집<cite>용복 마을의 겨울</cite>에 나오는 시의 한 구절 입니다.
<hr><p>
사람들이 쓰다 버린<br>
조각난 언어들이<br>
쓰레기통에 가득 쌓인다<br>
시름겨워내뱉는 한숨소리도<br>
신문지에 싸여 던져지고<p>
</blockquote><hr>
<!--이메일 주소 모양 지정하기(이탤릭체)-->
<address>
이 웹사이트에 대한 문의가 있으시면
<a href = "webmaster@hotmail.com">webmaster</a>에게 메일을 보내주십시오.
</address><hr>
<!--강조된 문장 모양 지정하기-->
<!--strong > em-->
<strong>중요</strong>
<hr>이책에서<em> 이 부분</em>이 제일 중요합니다.
<!--키보드 입력된 문장 모양 지정하기-->
<!--kbd 태그는 사용자가 키보드로 입력할 것을 지시 하거나 키보드로 입력된 듯한 효과를 보여주기 위해 사용하게 된다.-->
도스 프롬프트에서 다음과 같은 명령으로 컴파일 합니다.<br><hr>
<kbd>c:/>javac javaapp.java</kbd><hr>
<!--예제 문장 모양 지정하기-->
<!--samp태그는 컴퓨터가 보여주는 메시지를 보여주거나 프로그램의 실행 결과를 보여주거나 할때 사용하게 된다. 일반적으로 글자 모양은 고정 폭 글자체로 나타나게 된다.-->
<samp>hello world!</samp>
<!--소스코드 모양 지정하기-->
자바에서 콘솔로 값을 보여주려면 다음과 같은 함수를 사용해야 합니다.<br><hr>
<code>
System.out.println(...);
</code><hr>
<!--입력된 그대로 보여주기-->
<!--소스 코드를 html에 붙여 넣으면 들여쓰기없이 한줄로 출력되는데 이를 pre태그를 사용하여 그대로 나타낼 수 있다. 이는 시스템의 고정폰트를 사용하게 되며 p나 br , tab을 사용하지 않는것이 좋다.-->
다음은 php소스코드 입니다.<hr>
<pre><code>
if($this->menu_id){
$this->select_mentrem();
if($this->menu_url){
$this->set_menudir();
$this->check_menufile($this->menu_file);
$this->delete_menfilmf();
$this->insert_menfilemf();
}
</code></pre>
<!--변수 모양으로 보여주기-->
<!--var 태그는 변수이름을 나타낼때 주로 사용된다-->
이 프로그램 클래스의 이름은 <var>JavaApp</var>이고 처음 실행되는 메소드는 <var>main</var>입니다.<br>
<!--용어를 정의하는 모양으로 보여주기-->
<dfn>HTML</dfn>은 Hyper Text Makup Language란 말의 약자로, 하이퍼텍스트 문서를 만들기 위한 언어이다.<p>
<!--글자 모양을 여러가지로 바꾸기-->
This is <B>Boldface Font.</B><BR>
This is <I>Italic Font.</I><BR>
This is <U>Underlined Font.</U><br>
This is <tt>Typewrite Font.</tt><br>
This is <blink>Blinking. Blinking.</blink><br>
<!--blink는 네스케이프에서만 지원-->
This is <sub>subscription</sub><br>
This is <sup>superscription</sup><br>
<p>
<!--텍스트를 옆으로 흐르게 만들기-->
<!--태그내에 삽입된 텍스트를 옆으로 흐르게 만든다. 속성 : direction(left, right):방향, scrolldelay(1/100s):흐르는 속도, loop:반복횟수지정, hspace, vspace: 텍스트가 흐르는 영역의 주변 여백을 지정함, width, height:텍스트가 흐르는 영역을 지정, align(top, bottom, middle)-->
<marquee> 텍스트가 옆으로 흐릅니다.</marquee>
<marquee direction = "right">텍스트가 오른쪽으로 흐릅니다.</marquee>
<marquee width=300>텍스트가 좁은 공간에서 흐릅니다.</marquee>
<marquee bgcolor = "yellow"> 노랑색 텍스트가 흐릅니다.</marquee>
<marquee height = 300 bgcolor = "blue" >텍스트가 흐른다.</marquee>
<p>
<!--특수 문자 지정하기-->
<!--특수 문자란 키보드를 통해 입력할 수 없는 문자나 HTML 문서에서 예약어로 사용하고 있는 문자를 의미한다.이러한 문자들을 문서에서 사용하려면 먼저 특수 문자를 사용하겠다는 사실을 알려 주어야 한다.
HTML 문서에는 ESC코드를 사용하여 특수 문자를 입력할 수 있다. 이 ESC코드는 보토 "&"기호로 시작하여 ";"기호로 끝나게 된다.
</body>
</html>
'Programming > HTML' 카테고리의 다른 글
| DOCTYPE (0) | 2013.05.13 |
|---|
