입문자를 위한 HTML 기초 강의(2)

CATYUM·2021년 8월 14일

HTML 코드 기초 문법


  • HTML은 태그(<>~</>)를 사용해 콘텐츠를 표시한다.
  • 태그를 콘테츠를 감싸는 역할을 하며,콘텐츠에 성격과 의미를 부여한다.
  • 태그에는 속성을 통해 부가적인 기능을 정의할 수 있다.
  • 주석은 사람에게는 보이지만,컴퓨터에게는 보이지 않는 코드이다.

HTML 문서 기본 구조


<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>html 가본 구조</title>
    </head>
    <dody>
       <p>hello world</p>
    </dody>
</html>

1) !DOCTYPE html

문서의 첫 부분에서 문서 유형을 지정하는 단일 태그이다. 이때 문서 유형이란 웹브라우저에게 메세지를 전달하는 것이다.

2) html

문서 유형을 지정한 후 실제 문서가 시작되고 끝나는 것을 나타내는 태그이다.

3) head

웹 브라우저 화면에 보이지는 않지만 웹 브라우저가 알아야 할 정보들은 모두 이 태그에 들어간다.

  • meta charset"utf-8": 문자 인코딩 및 문서 키워드 등에 대한 요약 정보를 기입하는 단일 태그이다.
 <meta charset="utf-8">
  • title: 문서의 제목을 나타낸다.
<title>문서 제목</title>

4) body

실제 브라우저 화면에 표시될 내용을 입력하는 태그이다.

  • 텍스트를 표시하는 태그
  • 이미지를 표시하는 태그
  • 각종 사용자 인터페이스(버튼,입력란,드롭다운 메뉴 등)를 나타내는 태그
profile
나는야 개발자가 될꺼야

0개의 댓글