◈HTML, 무엇에 쓰는 물건인고?
html 이란 웹문서를 작성할 때 필요한 언어입니다. 그러나 HTML은 다른 프로그래밍 언어와는 차이가 있죠. 뭐냐구요? 다른 프로그래밍 언어들은 제품을 구입해서 컴퓨터에 설치하고 실행시켜야 사용할 수 있지만 HTML은 워드프로세서를 사용하거나 간단한 윈도98등의 메모장을 이용해서도 사용할 수 있다는 점이지요.HTML을 워드프로세서나 메모장에서 작성할 수 있는 이유는 단순한 텍스트 파일이기 때문입니다.따라서 텍스트 파일을 사용할 수 있는 프로그램이라면 뭐든지HTML문서를 작성할 수 있죠. 한 가지 주의할 것은 HTML문서를 사용한 후에는 확장자를 'HTML'으로 바꾸어주어야 한다는 점이죠. 카페에서 HTML문서를 작성하실 경우에는 제목 밑에있는 AUTO라고 써있는 부분을 HTML로 바꾸어주셔야 합니당 ^^
◈그럼 HTML문서의 구조를 알아볼까요?
HTML문서의 기본 골격은 서론에 해당하는 머리(Header)부분과 본론에 해당하는 몸체(Body)부분으로 이루어져 있습니다. 자..그러면 다음을 보실까요 ^^
| <=HTML문서의 본문 시작 |
위의 양식이 HTML 문서의 기본 골격입니다.
실제로 HTML문서의 내용이 나타나는 부분은 BODY안에 기술하는 내용입니다.
위의 골격구조를 지키지 않고 바로 태그만 써도 그 내용이 변하는것은 아닙니다.
상당히 많은 분들이 태그만으로 HTML문서를 작성하시죠 ^^
위의 골격은 HTML문서를 작성하겠다는 신고같은 것이죠.카페에서 사용하는 간단한 태그같은 경우는 굳이 위의 골격을 지키지 않아도 큰 문제는 없지만 홈페이지등을 작성하는 경우 자신이 작성한 문서의 내용을 알아보기 쉽고 정확하게 하기 위해서는 올바르게 HTML문서를 작성하시는 것이 좋지요~ 기초부터 튼튼하게~ *^-^*
◈다음으로 알아볼 것은 HTML 태그구조입니다.
태그(Tag)란
웹 브라우저에게 "내가 작성한 문서는 HTML문서이니 화면상에 잘 표시해주시오"하는 꼬리표입니다.
HTML문서의 명령과 속성 지정은 태그를 통해서 이루어지는데요,
이 태그들을 사용해 웹 브라우저 화면에 보여질 내용이 결정됩니다.
즉,HTML문서를 작성한다는 것은 웹 브라우저 상에 보여줄 텍스트나 그림 등에 특정 기능들을 부과하기 위해 태그들을 배열하는 것이라고 할 수 있습니다 ^^ HTML 문서의 태그들은 '< >'로 묶어 표현합니다. 명령 수행을 위한 태그는 보통 짝을 이루어서 사용이 되는데요, 태그의 처음을 알리는 '시작 태그'와 태그의 마지막을 알리는 '종결 태그'로 구성됩니다. 그리고 종결 태그 앞에는 시작 태그와의 구분을 위해 '/(슬래시)'를 사용합니다.
HTML 문서에 사용되는 모든 태그가 앞의 예처럼 짝을 이루는 것은 아닙니다. 어떤 태그는 시작 태그만을 사용하고 어떤 태그는 속성과 함께 사용되기도 합니다.
다음의 예문처럼 '<H1>'에 사용된 'ALIGN'은 문장의 정렬을 위한 속성으로
'RIGHT','LEFT', 그리고, 'CENTER'의 세 옵션을 갖습니다.
물론 각 옵션의 내용은 설명 안해도 아시겠죠? ^^
형식)<시작 태그>문장
예)<P>안녕하세요 <=단락 구분을 위한 태그입니다.
형식)<시작 태그=속성>문장</종결 태그>
예)<H1 ALIGN="CENTER">오늘의 주제</H1> <=제목의 크기를 표시하기 위한 태그입니다.