본문으로 바로가기



HTML 에 대해 정말 바닥부터 시원하게 설명을 듣고 싶으시다구요? http://donghoon.me/23 를 확인해 보세요!


이번 시간에는 HTML 에서 <TITLE> 이라는 태그에 대해 알아보도록 하겠습니다.


<TITLE> 태그


<TITLE> 태그는 간단하지만 사이트에서 중요한 역할을 하는 태그 입니다. 바로 여러분이 사이트에 들어갈 때 한번 쯤 보게되는 부분인 탭 제목, 사이트의 제목이 되는 부분인데요. 아래 사진을 한번 보시죠. ▼



그러면 본격적으로 <TITLE> 태그를 사용하는 방법에 대해 알아보도록 하겠습니다.


제 첫 HTML 강좌 글을 보고 오신 분이라면 아실 수 있는 <HEAD> 태그에 들어가는 태그 중 하나가 <TITLE> 태그인데요, <TITLE> 태그를 사용하는 방법은 간단합니다. 아래의 예제와 함께 보시죠. ▼


1
2
3
4
5
6
7
8
9
<!DOCTYPE html>
<html>
    <head>
        <title>HTML 을 배워봅시다!</title>
    </head>
    <body>
        <!-- 이 곳에는 사이트에서 실제로 눈에 보이는 요소가 작성되는 부분 입니다. -->
    </body>
</html>
cs


이렇게 간단하게 사이트의 탭 제목이 설정되게 됩니다. 위와 같이 코드를 작성했을 때 나오는 결과물은 다음과 같습니다. ▼



결과물이 잡다한 외계어로 보이신다면 http://donghoon.me/27 를 참고하세요.




댓글을 달아 주세요