[HTML] 1. HTML 개요
1. HTML 개요
- HTML 파일이란 무엇인가?
* HTML은 Hyper Text Markup Language 의 약자이다.
* HTML 파일은 마크업 태그들을 포함하는 텍스트 파일이다.
* 마크업 태그들은 웹 브라우저에게 그 페이지를 어떻게 표현할 것인가를 말해준다.
* HTML 파일은 htm 또는 html의 확장자를 가져야한다.
* HTML 파일은 간단한 텍스트 에디터를 이용하여 작성할 수 있다.
1.1 간단한 텍스트 에디터를 이용하여 작성하기
- 윈도우 운영체제를 사용한다면, Notepad를 실행한다.
- 맥 계열 운영체제를 사용한다면, SimpleText를 실행한다.
- OSX에서 TextEdit를 실행하고, 우선 다음을 바꾼다 : "Format" 메뉴를 열고, "Rich text" 대신에 "Plain text"를 선택한다. 창 아래의 "Text Edit" 메뉴의 "Preferences"를 열고, "Ignore rich text commands in HTML files"를 선택한다. 만약 먼저 바꾸지 않는다면, HTML 코드가 아마도 작동하지 않을 것이다.
- 아래의 텍스트를 타이핑한다:
- "mypage.htm"으로 저장한다.
- 인터넷 익스플로러를 실행시킨다. 자신의 브라우저의 파일 메뉴에서 "열기" 나 "페이지 열"를 선택한다. 다이얼로그 박스가 하나 나타날 것이다. "브라우즈" 또는 "파일 선택"을 선택하고" mypage.htm"로 저장된 HTML 파일 위치에서 해당 파일을 선택하고 "열기"를 클릭한다. 다이얼로그 박스안에서 주소가 보여지게 된다. 예를 들어, "C:\MyDocuments\mypage.htm". OK를 선택하면, 브라우저는 그 페이지를 나타나게 할 것이다.
1.2 예제 설명
- HTML 문서에서 첫번째 태그는 <html>이다. 이 태그는 HTML 문서의 시작임을 브라우저에게 알려준다. 문서의 마지막 태그는 </html>이다. 이 태그는 HTML 문서의 마지막임을브라우저에게 알려준다.
- <head> 태그와 </head> 태그 사이의 텍스트는 헤더 정보를 나타낸다. 헤더 정보는 브라우저 창 내에선 보이지 않는다.
- <title> 태그 사이의 텍스트는 문서의 타이틀이다. 타이틀은 브라우저의 캡션에 보여진다.
- <body> 태그 사이의 텍스트는 브라우저내에 텍스트를 나타나게 한다.
- <b> 와 </b> 태그 사이의 텍스트는 bold 폰트를 나타나게 한다.
1.3 HTM 또는 HTML 확장자
- HTML 파일을 저장할 때에는, .htm 또는 .html 확장자중 하나를 사용해야 한다. 위 예제에선 .htm 확장자를 사용했다. 3 문자 확장자만 허락하는 소프트웨어를 사용하던 과거의 나쁜 습관 때문에 .htm 이라 이름 붙인것 같다.
- 최근의 소프트웨어는 .html 확장자까지 완벽하게 호환된다.
1.4 HTML 에디터들
- 간단한 메모장에서 마크업 태그를 직접 이용하는 대신에, FrontPage 혹은 Dreamweaver와 같은 WYSIWYG(what you see is what you get)의 에디터를 사용하여 쉽게 HTML 파일을 만들수 있다.
- 그러나, 능숙한 웹 개발자가 되길 바란다면, 간단한 메모장에 직접 마크업 태그를 타이핑하여 기초적인 HTML을 배우길 강력하게 추천한다.
1.5 FAQ
- Q1 : HTML 파일을 작성한 후, 자신의 브라우저에서 그 결과를 볼 수 없었다면 그 이유는?
- A1 : "c:\mypage.htm"와 같은 알맞은 이름과 확장자로 확실하게 저장하라. 또한 자신의 브라우저를 이용하여 확실하게 열어라.
- Q2 : HTML 파일을 수정한 후, 브라우저를 통해 변화된 결과를 예상했지만, 나타나지 않았다. 그 이유는 무엇인가?
- A2 : 브라우저 캐쉬 페이지는 동일한 페이지를 두 번 열지 않는다. 페이지를 수정했을때, 그 브라우저는 그 사실을 알지 못한다. 따라서, 브라우저의 refresh/reload(새로고침) 버튼을 클릭해서 다시 그 페이지를 불러와야 한다.
- Q3 : 어떤 브라우저를 사용해야 하나?
- A3 : 인터넷 익스플로러, 파이어폭스, 네스케이프, 또는 오페라 등과 같은 잘 알려진 브라우저를 이용하면 된다. 그러나, 브라우저의 최신 버전을 사용할 것을 추천한다.
- Q4 : 내 컴퓨터는 윈도우즈 운영체제에서 실행하지만, 맥 운영체제에서도 실행가능한가?
- A4 : 맥과 같은 비윈도우즈 계열의 운영체제에서도 실행가능하다.