<title> 태그를 이용하여 웹 페이지의 제목을 수정할 수 있습니다.

웹 페이지의 제목은 책의 표지와도 같은 역할을 합니다. 제목을 변경하면 정보를 찾는 사용자들에게 본 웹 페이지가 어떤 내용을 담고 있는지 잘 전달할 수 있습니다. 그뿐만 아니라, 검색엔진이 쉽게 여러분의 웹 페이지를 찾을 수 있도록 도울 수 있습니다.

<! doctype html>

<html>

<head>

</head>

<body>

</body>

</html>

<head> 태그는 본문의 제목이 무엇인지 나타내는 태그들을 포함합니다. <title> 태그는 본문의 제목이 무엇인지 나타냅니다. <title> 태그 아래 <meta> 태그가 삽입되어 있습니다. 이때, charset는 문자를 의미하는 charcter의 char와 규칙을 의미하는 set을 합친 것입니다. 즉 = 이하의 규칙으로 문서를 읽으라고 명령하는 것과 같습니다. 즉, 본문의 문자가 어떤 방식으로 저장되어 있는지 설명하는 태그입니다. 세계 각국에는 다양한 언어와 문자가 존재하고 있습니다. 각국의 문자를 컴퓨터가 이해할 수 있는 문자 체계로 인코딩하여 사용하기 위해 하나의 표준 규약이 만들어졌습니다.

universal code character — 세계 각지에서 사용되는 html

UTF-8입니다. Universal Coded Character Set + Transformation Format – 8-bitUnicode의 약자입니다.

코딩을 할 때 UTF-8 환경에서 작성을 하고, 한글 등 고유의 언어를 사용했다면 <meta charset="utf-8"> 태그를 삽입합니다. 정상적으로 한글이 표현되는 것을 확인할 수 있습니다. 입력한 한글이 깨지거나 변형되어 웹페이지에서 괴상한 문자로 표현되는 경우를 막을 수 있습니다.

<body> 태그는 본문을 나타냅니다. 실제 정보를 전달하기 위한 텍스트, 이미지, 영상 등의 콘텐츠 자원과 이를 효과적으로 표현하기 위한 다양한 태그들의 정보가 기록되는 부분입니다.

앞서 말씀드린 모든 내용을 모두 포함하는 최상위 개념의 태그가 <html> </html> 태그입니다. 모든 코드가 html로 작성되어 있음을 선언하는 것과 같습니다. 작성된 코드의 가장 윗부분에 <! DOCTYPE html> 은 주석처리로서 해당 문서가 html로 작성되었음을 알 수 있도록 메모한 것입니다. 복잡한 태그들 사이에 주석 처리를 해 놓음으로써 손쉽게 html 태그들을 편집할 수 있습니다.

전 세계에 있는 대부분의 웹 페이지가 위와 같은 구조를 기본적으로 갖추고 있습니다. 태그에 대한 심화학습을 거쳐 이 기본 구조에 맞추어 html 문서를 작성하며 학습을 해 나가겠습니다.

저작자표시 비영리 변경금지

'코딩' 카테고리의 다른 글

웹페이지 html 링크 연결하여 간단한 홈페이지 만들기 (0)	2020.08.23
앵커 태그 anchor <a> 를 이용해 링크달기 (0)	2020.08.22
li 태그, ul 태그, ol태그로 순서대로 목차 만들기 (0)	2020.08.22
공통문자 엔티티와 이미지 img 태그 (0)	2020.08.22
css로 html 코드를 더욱 심플하게 만들자 (0)	2020.08.22