학습(공부)하는 블로그 :: 1. HTML의 개요
 

 

Notice»

Recent Post»

Recent Comment»

Recent Trackback»

03-19 18:04

1. HTML의 개요

컴퓨터 활용/홈페이지 과정 | 2013. 1. 7. 13:46 | Posted by 깨비형
반응형

● HTML(Hyper Text Markup Language)이란?   

  • WWW(World Wide Web)의 하이퍼텍스트 문서를 만들기 위하여 사용되는 기본언어인 HTML은 문서의 형식(텍스트,글자색,폰트,그래픽,문서이동...)을 정의하는 명령어이며, ASCII문자로 구성된 일반적인 텍스트 파일로 웹 브라우저는 이 HTML언어로 제작된 문서를 해석하여 이용자에게 보여 주게 됩니다. 
  • 즉, HTML은 웹 페이지를 작성하는 프로그램 언어입니다.
  • HTML=TAG 라고 생각할 수 있지만 HTML은 프로그래밍 언어이고 TAG는 개개의 명령어로 다르다.

    


● HTML의 특징 및 주의사항


 1. HTML의 모든 명령어는 ("<"와 ">")를 사용한다.

ⓐ시작태그 : <태그명>

ⓑ마감태그 : </태그명>


 2. 태그는 종류에 따라 3가지가 있다.

ⓐ시작태그와 마감태그가 꼭 필요한 태그

      <html>...</html>  <title>...</title>  <body>...</body>

ⓑ마감태그를 사용하지 않아도 되는 태그

      <p>  <br>  

ⓒ마감태그가 없는 태그

      <img>  <hr> 


 3. HTML은 대.소문자를 구별하지 않는다.


 4. 문서내의 띄어쓰기(Space bar)는 한 칸만 인정된다.


 5. 문서내의 줄바꿈(Enter)은 한 칸만 인정된다.


 6. 작성된 문서 파일의 확장자는 .html 이나 .htm으로 지정한다.


 7. 주석문 처리는 "<!--부연설문-->"로 끝나면 웹 브라우저는 이 부분을 무시하고 넘어간다.


 8. 브라우저에 따라 사용되는 전용태그가 있다.

ⓐ익스플로러 전용 태그 : <MARQUEE>

ⓑ네스케이프 전용 태그 : <BLINK>

ⓒ양쪽 다 적용되는 태그 : 대부분의 태그 사용


 9. 태그의 형식이<태그>...</태그>일 경우, 다른 태그와 구조가 겹치거나 엇갈림이 없도록 한다.

   (예) <H1><B>올바른 태그사용법입니다.</B></H1> ....(0)

    <H1><B>그릇된 태그사용법입니다.</H1></B> ....(X)


 10. HTML 태그를 잘못 사용했다 하더라도 브라우저에서는 에러를 발생시키지 않는다.



● HTML의 기본구조 

 

 <HTML>

   <HEAD>

     <TITLE>여기에 제목이 들어감</TITLE>

   </HEAD>

   <BODY>

                 여기에 실질적으로 웹에서 보여지는 내용이 보여짐(본문내용)

   </BODY>

 </HTML> 


태     그

설                        명 

<HTML>...</HTML>

 html 문서임을 표시하는 태그

 <HEAD>...</HEAD>

 문서의 제목이나 특징,제작자의 정보 등 문서에 관한 정보를 기술

 <TITLE>...</TITLE>

 문서의 제목을 브라우저의 제목표시줄에  표시하는 태그

 <BODY>...</BODY>

 <body>...</body>태그 안에 들어있는 내용이 브라우저에 표시되는 부분이다. 



● HTML에서 알아야 할 기본 용어

 


 ① HTML태그(Tag)

  HTML태그들은 웹 브라우저에게 웹 페이지의 구조와 서식을 알려 준다

  태그는 지정된 명령문과 이것을 둘러싼 꺾쇠(<>)로 구성 되어 있다.

  대부분의 태그는 시작 태그와 끝 태그로 구성되어 두 태그 사이의 텍스트에 지정된 효과를 내도록 한다. 시작 태그만 있는 경우도 있다.

  태그는 대/소문자를 구별하지 않지만 대부분 대문자를 사용한다

  많은 태그들이 옵션을 지정할 수 있는 속성들을 가짐(예를 들어 <FONT>태그는 COLOR라는 속성을 가지고 텍스트 색을 바꾼다.)

  대부분의 속성들은 값을 지정할 수 있다.(예를 들면 COLOR속성에는  Red값을 가질 수 있다.)


 ② 홈페이지(Home Page) 

 

  홈페이지란 HTML형태의 문서로 작성된 것으로, 사용자가 자신의 정보를 다른 사람에게 알려 주는 방법으로, 표현한 기록을 "Web Page"라 하고 "Web Page"의 초기화면을 "Home Page"라 하지만 모든 웹문서(Web Page)를 Home Page라 통용해 부름

  글, 그림, 동화상 등을 이용하여 자신의 홈페이지를 작성할 수 있으며, 이제는 단순한 HTML문서에서 탈피하여 애니메이션,3D등이 지원되는 "자바"등 여러 가지 고급언어들이 등장하여 더욱 화려하고 다이나믹한 웹문서가 표현되고 있으며 앞으로도 계속 발전해 나갈 것


 ③ 웹 브라우저 

 

  웹 페이지는 서로 다른 브라우저들에게 약간씩 다르게 보일 수 있음

  웹 브라우저들은 HTML태그를 해석하는 방법이 약간씩 다르고, 많은 경우 HTML기능들 전부를 지원하지 못하는 경우도 있다.

   또 넷스케이프나 마이크로 소프트와 같은 웹 브라우저 개발 업체에서 자신의 웹 브라우서에서만 사용하는 태그나 속성을 알아보지 못하는 경우도 있으며, 이런 경우 다른 회사의 제품들은 이것을 알아보지 못할 수도 있다. 

  웹 브라우저가 어떤 태그나 속성을 알아보지 못하면 보통 그 정도는 무시된다. 

  이런 태그나 속성들은 일반적으로 HTML표준이 아닌 확장 형태에서 찾아볼 수 있다. 

 

 ④ HTML버전


  HTML은 여러 버전이 존재. HTML 표준이라고도 하는 HTML 정의서(specification)는 지속적으로 업데이트 되며, 몇 년 마다 꾸준히 새로운 HTML 버전이 출시되고 있다. 

  새 버전은 웹 페이지 생성에 있어 좀 더 많은 제어를 할 수 있도록 기능을 추가하는 것이 보통이며, W3C(World Wide Web Consortium)라고 하는 조직에서 HTML 버전을 관리

    

 ⑤ ASCII문자(American Standard Code for Information Interchange) 

 

  아스키는 컴퓨터나 인터넷상에서 텍스트 파일을 위한 가장 일반적인 포맷 

  아스키 파일에서는 각각의 알파벳이나 숫자 그리고 특수문자들이 7 비트의 2 진수(7개의 0 또는 1의 조합으로 이루어진 스트링)로 표현되며, 총 128개의 문자가 정의되어 있다. 

   아스키는 미국규격협회인 ANSI (American National Standards Institute)에 의해 개발되었다. 




 




반응형

'컴퓨터 활용 > 홈페이지 과정' 카테고리의 다른 글

6. <font>태그  (0) 2013.01.30
5. 글자(Text) 태그  (0) 2013.01.30
4. 선그리기와 제목 태그  (0) 2013.01.29
3. 문단 태그  (0) 2013.01.28
2. HTML 태그 맛보기  (0) 2013.01.28
: