728x90
오늘은 head태그의 의미와 속성에 대해 알아보도록 하겠습니다.
head태그는 html문서의 기본적인 정보를 담고 있는 태그입니다.
문서의 제목을 나타내는 title태그
css를 적용할 수 있는 style태그,
문서 안의 모든 url의 기준 url을 지정할 수 있는 base태그,
외부 소스와 연결할 수 있도록 하는 link태그,
웹 문서의 요약, 핵심 키워드, 제작자, 크롤링 정책 등 보이지 않는 정보를 제공하는 meta태그
등이 들어갈 수 있습니다.
예시를 통해 보도록 하죠.
<!DOCTYPE html>
<html lang="en">
<head>
<base href="https://balmostory.tistory.com/">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>div,meta tag</title>
<style>
a{
background-color: red;
}
</style>
</head>
<body>
<div id="des">
</div>
<a href="100">div태그 설명</a>
<a href="98">meta태그 설명</a>
</body>
</html>
결과는 아래와 같이 나옵니다.
첫 번째 a태그를 누르면 다음과 같이 페이지가 잘 나온 것을 확인할 수 있습니다.
두 번째 a태그를 누르면 아래와 같이 페이지가 잘 나옵니다.
728x90
'기타 > html' 카테고리의 다른 글
[HTML] body 태그 (0) | 2020.12.19 |
---|---|
[HTML] html span 태그 (0) | 2020.12.15 |
[HTML] div 태그 id class style 사용법 (0) | 2020.12.11 |
[HTML] meta tag 사용법 및 예제 (0) | 2020.12.09 |
[HTML] nav tag 사용법 및 예제 (0) | 2020.12.07 |