html

HTML - 기본 태그

2월 12, 2019
HTML(Hypertext Markup Language)은 월드와이드웹(WWW)에서 하이퍼텍스트 문서를 만들기 위해 사용되는 기본언어입니다.

쉽게 말해 인터넷에서 접할 수 있는 모든 웹 페이지들은 HTML로 작성되었습니다.

태그(tag)는 HTML에서 사용하는 것이고, 웹 브라우저는 익스플러러, 네스케이프, 파이어 폭스, 크롬 등이 HTML로 작성된 문서를 해석하여 화면에 출력하여 줍니다.


HTML 문서의 특징

태그는 대소문자 구분이 없습니다. 단, 파일 이름은 소문자로 해주는 것이 좋습니다.

HTML 문자열 사이에 있는 하나 이상의 공백은 무시되며 태그가 중복 되지 않도록 주의할 필요가 있습니다.

HTML 태그를 잘못 코딩하였다 하더라도 브라우져에서는 에러를 발생시키지 않습니다.


HTML 문서의 구성

  • <HTML> 태그 : HTML 문서의 시작을 알리는 태그 
  •    <HEAD> 태그 : 브라우저에게 문서 정보를 주는 태그
  •        <TITLE> 태그 : 문서 제목 (브라우저의 제목 표시줄에 출력됨). </TITLE>
  •        <META> 태그 : 문서 인코딩, 키워드나 기타 요약정보를 작성하는 태그 
  •    </HEAD> 태그 : 문서 정보 끝. 
  •    <BODY> 태그 : 실제 브라우저에 보여질 내용 </BODY>
  • </HTML> 태그 : HTML 문서 끝

  <html>
       <head>
              <title>문서제목</title>
              <meta charset="UTF-8">
       </head>
       <body>
               이 곳이 본문의 내용
      </body>
  </html>

HTML 문서는 기본적으로 <html><head><body> 태그로 시작과 끝을 표현합니다.

<head> 태그는 실제 사용자에게 보여지는 문서가 아니라 브라우저를 위한 태그로서 웹 문서를 어떻게 처리할지에 대한 정보들을 입력하는 부분이고, <body> 태그는 실제로 사용자에게 보여줄 내용입니다.


공백 삽입

다음은 빈칸을 만듭니다. 코드를 빈공간으로 대신할 수 있습니다.

&nbsp;

또는

공백


noscript 요소

브라우저가 자바스크립트를 지원하지 않을 때 대신 표시할 내용을 사용합니다.

참고로 XML 에서는 <noscript> 를 사용할 수 없습니다.

<html>
  <head>
    <title>제목입니다.</title>
  </head>
  <body>
    <script>
      document.write('스크립트 테스트');
    </script>
    <noscript>
      <div>이 브라우저에서는 스크립트를 실행할 수 없습니다.</div>
    </noscript>
  </body>
</html>


주석 삽입

주석은 브라우져에서는 보이지 않지만 소스보기할 때 주석을 볼 수 있는데, 개발자의 편의를 위해 사용합니다.

설 명
<! 주석> 한 줄 주석일 때 사용합니다.
<!-- //--> 여러 줄 주석일 때 사용합니다.

Tag:

0 Comments

0 댓글