본문 바로가기

HTML

[HTML]head 태그

336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

이번에는 head 태그에 대해 알아보겠습니다.

head 는 주로 html의 문서에 대한 정보를표시할때 주로 쓰입니다

1
2
3
4
5
6
7
8
9
10
<DOCTYPE HTML>
<html>
 <head>
 
 </head>
 <body>
 
 </body>
 
</html>
cs

기본적인 HTML 구성이죠.

<head>

</head>

태그 안에는 주로 <link> <meta> <script> <style> <title> 이런 태그들을 사용합니다

먼저 <title> 태그는

1
2
3
4
5
6
7
8
9
10
<DOCTYPE HTML>
<html>
 <head>
   <title>TEST</title>
 </head>
 <body>
 
 </body>
 
</html>
cs

이런식으로 사용합니다

이렇게 작성하고 실행해보면

 

 

이런식으로 TEST로 문서의 제목을 표시하는데 쓰이는 태그가 <title> 태그입니다.

 

다음은 <meta> 태그입니다.

대표적인 예로 인코딩할떄 사용하게됩니다.

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/ >

이런식으로 적어주게되면 이 웹페이지는 UTF-8로 인코딩 됬다는 것입니다

간혹가다 웹페이지에 한글을 적으실때 한글이 깨져서 나올떄는

위에 코드를 적어주시면 한글이 잘나옵니다

1
2
3
4
5
6
7
8
9
10
11
<DOCTYPE HTML>
<html>
 <head>
   <title>TEST</title>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/ >
 </head>
 <body>
 
 </body>
 
</html>
cs

나머지 <link> <script> 태그는 필요할때 설명 하겠습니다. 

'HTML' 카테고리의 다른 글

[HTML]Doctype(DTD)  (0) 2015.03.28
[HTML]HTML에대한 설명과 기본구조  (0) 2015.03.28