상세 컨텐츠

본문 제목

HTML 이란?

☞디카·컴·인터넷/태그연습

by 산과벗 2018. 4. 20. 09:13

본문

HTML 이란?  


Hyper Text Markup Languege 의 약자로,브라우저가 의식할수있는
여러 명령을 이용하여 Heper Text 문서를 만드는 언어입니다. 인터넷의
모든 홈페이지는 HTML로 만들어져 있으며, HTML이 발전하면서 TEXT
위주의 인터넷 환경에서 벗어나 그림,소리등 멀티미디어 효과를 사용할수있게 되었습니다.

HTML 을 작성할 수 있는 도구는?

HTML언어로 홈페이지를 만들려면 일정한 도구가 필요합니다. 이러한 것을
Tool이라고 부르는데 우리가 문서를 작성하려면 워드프로세서가 필요하듯이 홈페이지도 마찬가지입니다.

그럼 어떠한 Tool이 있는지 알아봅시다.

Notepad (Windows 95,98에서 제공되는 보조프로그램)
메모장(Windows 95, 98에서 제공되는 보조프로그램)
Frontpage98
Homesite 3.1
나모 웹에디터

등 무수히 많은 Tool들이 있습니다. 홈페이지를 만들려고 시작하는 수많은
초보자들을 위해 메모장을 추천합니다. 그리고 훌륭한 홈페이지를 만들려면 HTML언어를 익히는 것이

기본 자세라고 생각하기에 메모장으로 공부하기로 합시다.

홈페이지를 만들기 전의 주의사항?

너무 큰 용량의 페이지를 만들지 맙시다.
우리가 만든 홈페이지는 전용선이 아닌 일반 전화선으로 보는 사람들이 거의 대부분이라고 생각하고 홈페이지를 만들어야 합니다. 홈페이지를 아무리 훌륭하고 아름답고, 유익하게 만들어도 전송속도를 생각하지 않고 큰 이미지화일이나, 긴 페이지로 만든다면 그 페이지가 로딩되고 다운되는데 시간이 많이 걸리게 되고 또한 방문자가 기다리다가 페이지가다 브라우저에 보이기 도전에 다른 곳으로 옮겨 나가게 될 것입니다.


글자체
처음 홈페지를 만들려고 하는 사람들은 자신의 홈페이지를 보기좋게 만들려고 이쁜 이미지 파일이나 글자체를 넣는 경우가 있습니다. 그러나 이미지화일은 별 무리가 없으나 글자체가 문제입니다. 브라우저(MS explore, Nestacape)는 여러가지 글자체를 지원하지 않습니다. 예를 들면, 자신의 컴퓨터 내에는 "샘물체"라는 글자체가 있어 홈페이지를 만들었을 경우, 자신이 홈페이지를 보면 정상적으로 보이겠지만, "샘물체"가 없는 컴퓨터를 가지고 있는 사용자는 글자체가 깨지고 맙니다. 브라우저가 제공하는 기본적인 폰트는 MS Explore -
굴림체, Nestcape - 명조체입니다.


모니터의 해상도를 고려해야 합니다.
요즘은 좋은 VGA카드나, 모니터가 많이 나옵니다. 1년여 전까지만 해도 기본적인 해상도는 800X600이 기본 해상도이어서 이를 기준으로 홈페이지를 만들 었습니다. 그러나 요즘은 1280X1024나, 1024X768등 고해상도도 지원됩니다.
자신이 가지고 있는 모니터의 해상도가 전세계에 있는 모니터의 해상도라고 생각하지 말고 홈페이지를 만들어야 합니다. 즉, 자신이 800X600의 해상도를 가지고 있는 모니터로 홈페이지를 만들었을 경우 별 무리없이 보입니다.
그러나 고해상도 모니터에서는 홈페이지가 한쪽으로 몰리거나,
너무 작게 보일경우가 발생합니다. 되도록 이면 홈페이지를 만들 때 자신을 위주해서 만들지 말아야 합니다.


Index.html
가장 처음화면(Main page)는 파일명을 index라 저장하여야 합니다.

내용에 충실합시다.
홈페이지를 만들려고 할 경우 홈페이지 내에 실어야 하는 내용과 그 주제를 생각한다면 내용에 자연히 충실하게 될 것입니다. 엄청나게 많은 홈페이지들 중에 서는 아무런 뜻도 내용도 없는 쓰레기들이 많이 있습니다.
자신의 홈페이지가 쓰레기가 될 것 인지, 보물창고가 될 것 인지는
자신이 결정하는 것입니다.

 


HTML 기본구조

홈페이지를 만들기 위한 기본 tag 들입니다.
HTML은 머리부분, 제목부분, 몸통부분으로 나뉘어집니다.
머리와 제목 부분을 한가지로 보고 몸통을 한가지로 나누어서 보면 됩니다.


<html>
<head> </head>
<body> </body>
</html>

<html> -> html 임을 알려줍니다.
<head> </head> -> 머리입니다.
<body> </body> -> 몸입니다.
</html> -> html의 끝임을 알려줍니다.

다음은
<head> 와 </head>사이에 들어 갈수 있는 태그들이 있습니다.
<title> 과 </title>이 바로 그중 하나입니다.
<title> 과 </title>사이에 들어가는 글은 브라우 저에서 제목이 됩니다.

그리고
<body> 와 </body>사이엔 대부분의 tag 들이 들어가게 됩니다.

다음은 참고 해 두실 부분들입니다.
1. html tag는 대소문자를 구별하지 않는다.
2. html tag는 한 줄에 다 써도 되고 여러 줄에 써도 된다.
3. tag는 일종의 해석기호라 할 수 있다.

이상 HTML 이란 무엇인가에 대해서 공부를 하셨습니다.

 

HTML 이란?


Hyper Text Markup Languege 의 약자로,브라우저가 의식할수있는
여러 명령을 이용하여 Heper Text 문서를 만드는 언어입니다. 인터넷의
모든 홈페이지는 HTML로 만들어져 있으며, HTML이 발전하면서 TEXT
위주의 인터넷 환경에서 벗어나 그림,소리등 멀티미디어 효과를 사용할수있게 되었습니다.

관련글 더보기