[HTML] HTML 기본 문법

웹/HTML|2018. 7. 23. 22:20

HTML 기본 문법

<tagname attribute="value"> 컨텐츠 </tagname>

위에 적혀있는 것이 기본적인 문법입니다. <> … 으로 작성되어 있습니다.
즉 여는 태그가 있으면 닫는 태그가 있어야 하는 것이 중요합니다.

이 중에서 사용자에게 직접적으로 보여지는 것은 컨텐츠입니다.

그럼 전체적인 기본 포맷을 알아보겠습니다.

<!DOCTYPE html>
<html lang="ko-KR">
<head>
    <meta charset="UTF-8">
    <title>HTML 기본 포맷</title>
</head>
<body>

</body>
</html>

  1. 문서 유형 정의(DTD)

    <!DOCTYPE html>
    DTD, Document Type Definition 으로서 브라우저의 랜더링 표준으로 작동하게 만들어 줍니다.
    즉 다시 말해서 이것은 웹 표준 문서라는 것을 정의하는 것입니다. 
    위 코드에서도 볼 수 있듯이 HTML 문서 제일 위에 작성되어 있어야 하는 것이 특징입니다.

  2. 문서에 사용 되는 주 언어

    <html lang="ko-KR">
    이것은 해당 문서에서 사용하는 언어가 ko-KR 이라는 것을 의미합니다.
    ko는 한국어, KR은 Republic of Korea 를 의미합니다.
    다시말하면 한국어인데 남한어라는 말이라고 볼 수 있습니다.
    (참고, 각 국가별 언어 코드 표 : https://ko.wikipedia.org/wiki/ISO_3166-1)

  3. 인코딩 방식

    <meta charset="UTF-8">
    이것은 인코딩 방식이 UTF-8이라는 것을 의미합니다.
    이 경우 다른 것들과는 다르게 닫는 태그가 없습니다.
    그 이유는 사용자에게 보여지는 컨텐츠가 없기 때문입니다.
    따라서 닫는 태그를 사용하지 않는다고 생각하시면 됩니다.

  4. 제목

    <title>HTML 기본 포맷</title>
    이것은 말 그대로 브라우저의 제목을 설정해주는 것입니다.
    만약 소개팅 사이트이면 소개팅 , 만남
    중고 판매 사이트이면 중고나라 , 중고장터 등 이 될 수 있습니다.

다음 시간

HTML 제목, 단락, 이미지

'웹 > HTML' 카테고리의 다른 글

[HTML] Anchor, Hyperlink  (0) 2018.07.24
[HTML] HTML 순차, 비순차 목록  (0) 2018.07.23
[HTML] HTML 제목, 단락, 이미지  (0) 2018.07.23
[HTML] HTML 유용한 사이트  (0) 2018.07.23
[HTML] HTML 이란?  (0) 2018.07.23

댓글()

티스토리툴바