본문 바로가기

HTML-CSS의 기초

[블로그기초학습] HTML 태그의 사용 형식

[블로그기초학습] HTML 태그의 사용 형식

블로그, 특히 설치형이나 티스토리 같은 반설치형 블로그를 운영하기 위해서 HTML 태그 사용법을 익히는 것은 필수적입니다. 그리고 대부분의 블로거분들이 아실것이라 생각을 하지만 블로그에 태그와 관련된 글을 올릴때마다 태그를 모르는 분들이 볼것을 생각하면 그분들에 대한 배려로 추가설명을 해야 한다는 생각이 들지만 매번 설명을 할 수도 없어 이렇게 기초적인 부분만을 작성하여 올립니다.

지금 올리는 내용들이야 어디서든 쉽게 얻을 수 있는 정보입니다.
저는 다만 글을 쓸때 모르는 분들을 위한 링크용으로 사용을 해볼까 하는 생각으로 포스팅을 합니다.

HTML 이란?

HTML이란 Hyper Text Markup Language의 약자로서 웹브라우저에서 표현되는 모든 문서가 바로 이 HTML 문서입니다. (html에 대해서 좀더 자세히 보고 싶다면 다음 위키백과사전의 HTML을 참조하세요)

html을 쉽게 설명을 하자면

웹(WWW)에서 표현하고 인식되는 언어 즉 인터넷화면에서 볼 수 있는 링크, 글자색, 사진, 멀티미디어 등을 표현하는데 사용되는 언어를 말하며 태그(tag)를 이용하여 표현을 합니다.

대부분의 인터넷에서 보여지는 화면(홈페이지, 네이버,다음등의 검색포탈, 쇼핑몰, 블로그)이 모두 html로 구성되어 있으므로 블로그뿐만 아니라 웹에 대해서 알기 위해서는 html의 가장 기본에 대해서 알아야 합니다.

 

html 문서의 구성형식

html 문서 작성은 미리 약속한 형식에 맞추어 작성을 해야 합니다. 수학공식과 흡사하다고 생각을 하면 됩니다.

:: HTML 작성 규칙

 <html>
     <head>
          <title>문서의 제목</title>
          <style></style>
     </head>

     <body>

         <b>웹(www)에 표시되는 내용을 이곳에 적어줌</b>

      </body>
  </html>

html 문서는 태그를 이용하여 작성을 하는데 모든 태그는 시작태그와 끝태그가 있습니다.
끝태그는 시작태그와 같으나 앞에 슬래쉬(/)를 넣어줍니다.

 예) <html> 과 </html>
      <title> 과 </title>

1. html 문서는 <html>로 시작해서 </html>로 끝납니다.
2. 인터넷 화면에 보여지는 내용은 <body> 와 </body>사이에 적어준 내용이 보여집니다.
3. 블로그나 카페, 인터넷 커뮤니티 사이트에서는 <body>나 <html> 태그는 적어줄 필요없이
   필요한 내용만 적으면 됩니다.

적어 놓고 보니 별로 알아둘게 없네요! ^^
예제 하나만 보고 끝내도록 하겠습니다.

예) 화면에 파랑색으로 
     "블로그초보 길들이기에 오신것을 환영합니다."라고 표시하는 html 문서를 작성해보록 하겠습니다.

 <html>
     <head>
          <title>연습용(chobo1.tistory.com)</title>
     </head>

     <body>

         <font color=blue>블로그초보 길들이기에 오신것을 환영합니다</font>

      </body>
  </html>

완성되었습니다. 아래 첨부파일을 다운로드 하여 실행해보세요!