[블로그기초학습] 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>

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


연금저축보험.펀드등 연금저축 추천상품 비교

연금저축보험,연금저축펀드등 연금저축 추천상품 비교 및 가입방법, 연금저축소득공제 연금저축 추천상품들에 대하여 비교해보도록 하겠습니다. 이 글의 주요 내용은 다음과 같습니다. 연.....

비갱신형암보험추천 및 보험비교사이트 안내

비갱신형암보험추천,비갱신형암보험가입순위와 비갱신형암보험비교사이트 매년 늘어나는 암발생률, 이에따라 암보험에 대한 관심도 늘어가는것 같습니다.. 또한 주변사람들에게 물어봐도 다른.....

급여통장추천, 월급통장 추천 및 월급통장 비교

[재테크시작]월급통장 추천 및 월급통장 비교, 급여통장 비교 및 급여통장 추천, 급여통장 혜택 직장인이라면 누구나 생각해봤을 월급관리와 월급관리에서 중요한 급여통장 추천, 월급.....

갤럭시Z 플립3 Z폴더3 워치4 사전예약 품절사태

이번에 갤럭시Z플립3와 갤럭시 Z폴더3를 언박싱을 한 후 사전예약을 받고 있습니다. 또한 이와 함께 갤럭시 워치4, 버즈2도 동시에 사전예약을 하고 있는데요~~ 갤럭시 Z폴더3의 사전예약자가 몰리면서 가장 먼저 사전예약 품절이..

2021년 9급 국가직 공무원 원서접수 응시인원과 경쟁률

2021년 9급국가직 공무원 경쟁률 안녕하세요! 6월이 끝나고 7월로 넘어가는 한주의 시작인 월요일 아침부터 비가 내리는 날입니다. 컴컴한 하늘로 주변은 어둠침침하고 천둥까지 치며 비가내리는 모습이 여름장마의 모습입니다. 이렇..

타이어 싸게 구매하는 법  인터넷구매, 배송 및 장착비 무료

타이어 싸게 구매하는 법 배송 및 장착비 무료 타이어 싸게 구매하는곳은 지역에 따라 다를것이지만 인터넷으로 구매를 하면 어떤 지역에 위치했던 상관없이 구매가 가능하기 때문에 타이어 인터넷 구매시 어떤 혜택이 있는지 알아볼까 합..

자동차 용품 악세사리 할인 사이트는 여기

자동차 용품 악세사리 할인 사이트는 여기 자동차를 구매하면 마이카 인테리어를 하고 싶은 마음은 인지상정입니다. 자동차를 꾸미기 위해서 자동차 용품을 사기 위하여 용품점에 먼저 가보지만,, 자동차 용품점에는 악세사리가 다양하지 ..

봄패션 저렴한 맨투맨 티셔츠 모아봤어요

몸도 마음도 가벼운 봄이 왔어요! 굳이 남쪽까지 가지 않아도 집밖으로 한발만 나가면 꽃을 볼 수 있는 완연한 봄입니다. 매화도 피고 개나리도 피고 목련도 활짝피었고 벚꽃도 꽃망울을 맺었어요! 포근한 봄이 오면서 외출시 입을 봄..

올바른 화초 물 주는 방법입니다.

오늘은 베란다에, 또는 앞뜰에 정원을 가꾸는 분들을 위해 올바른 화초 물주는 방법에 대해 알아보려고해요. 이상하게 나는 식물만 키우면 다 죽인다! 하는 분들이 계시죠? 물도 충분히 준것 같은데 왜 자꾸 죽는건가.. 집에서 화초..

9급 보건직공무원 시험일정 및 경쟁률
9급 보건직공무원 시험일정 및 경쟁률
9급 보건직공무원 시험일정 및 경쟁률
9급 보건직공무원 시험일정 및 경쟁률
9급 보건직공무원 시험일정 및 경쟁률