안녕하세요 M1S 시큐어입니다
HTML의 기본개념
HTML이란?
HTML은 Hyper Text Makeup Language의 약자로서, HTML은 하나의 언어입니다.TML이 Hyper Text Markup Language라고도 나와있는데요. 여기서 Markup의 뜻은 활자혹은 언어라는 뜻으로 쓰이기때문에 둘다 맞는표현입니다.
HTML은 하이퍼텍스트를 만들기 위한 언어로서 HTML 문법에 맞추어서 확장자를 html(htm)으로 저장하면 HTML문서가 됩니다.
여기서 하이퍼텍스트(Hyper Text)란 어떤 형태를 가지고 있고 거기에 부가적인 기능을 할 수 있는 문서를 말하며, 이러한 부가적인 기능들로는 문서의 일정 부분이 문서의 다른 부분으로 연결이 되도록 하거나 또는 문서의 일부분에서 다른 부분으로 쉽게 이동할 수 있게 하는 기능이 있습니다. HTML은 하나의 공개된 텍스트 포맷으로 hwp, doc과 같은 워드프로세서 문서 포맷처럼 특정 벤더의 파일 형식이 아닙니다. 그래서 단순한 일반 텍스트 편집기(메모장, 에디트 플러스)에서부터 웹전용 편집기인 나모, 드림위버에 이르기까지 다양한 편집기로 작성하고 편집할 수 있습니다. 보통 HTML로 홈페이지를 만들려면 나모나 드림위버를 사용하게 되는데, 이들은 HTML 태그를 직접 입력하지 않고 워드프로세서를 사용하는 것처럼 편리하게 HTML문서를 만들 수 있게 해주는 하나의 편집기에 불과합니다. 즉, 나모나 드림위버를 가지고 만들어도 결국 HTML 문서를 만드는 것이기 때문에 텍스트 편집기(메모장, 에디트 플러스)로 만드는 것과 결과물은 동일합니다. 단지 작업환경이 편리한 워드프로세서를 사용하느냐, 생소한 HTML 태그를 직접 입력하느냐의 차이일 뿐입니다. 어쨌든 HTML로 제대로 된 홈페이지를 만들기 위해서는 HTML 문법을 잘 알고 있어야 합니다. 따라서 HTML, 문법을 잘 이해하기 위해서는 처음에는 조금 불편하더라도 텍스트 편집기(메모장, 에디트플러스)로 만들면서 HTML문법을 하나씩 익혀가는 방법이 길게 보면 홈페이지를 잘 만드는 더 빠른 방법이 될 것입니다.
하지만 전이미 HTML을 마스터했지만 아직도 텍스트 편집기를 쓴다는..
HTML 태그(tag)
태그(tag)란 꼬리표의 의미를 갖는 것으로 HTML 문서는 각각의 명령어를 의미하는 태그(tag)들로 이루어져 있습니다. HTML 태그는 <> 안에 쓰여 다른 text와 구분되며, 보통 여는 태그와 닫는 태그로 구성됩니다.
즉 태그는 <tag> ... </tag>로 구성되어 있으며 그 사이에 내용이 들어가게 됩니다.
<tag>는 시작태그라고 부르며, </tag>는 종료태그라고 부릅니다.
다시 말해서 시작 태그는 <>로 둘러싸여있고 종료태그는 </>로 둘러싸여있습니다.
그러나 모든 태그가 항상 종료 태그를 필요로 하는 것은 아닙니다.
<hr>, <br>, <p>, <img>, <tr>, <meta> 태그 등은 단독으로 종료 태그 없이 쓰입니다. HTML에서 모든 형식 지정은 오직 태그만으로 지정할 수 있습니다.
여러 개의 태그를 사용할 경우 시작태그와 종료태그가 서로 엇갈리지 않도록 주의해야 합니다.
HTML 태그는 대소문자를 구분하지 않고 또한 태그 사이에서 하나 이상의 공백은 무시됩니다.
예를들어 스페이스바를 아무리 많이 입력해도 웹상에서 보여질 때에는 띄어진 간격이 한 칸 밖에 되지 않습니다.
HTML 문서의 기본 문법
----------------------------------------------------------------
<HTML>
<HEAD>
<TITLE>...</TITLE>
</HEAD>
<BODY>
...
</BODY>
</HTML>
----------------------------------------------------------------
이만 HTML의 정의와 기본문법 강의를 마치겠습니다.