HTML 기본 튜토리얼

HTML 미디어

HTML 참조 매뉴얼

HTML5 기본 튜토리얼

HTML5 API

HTML5 미디어

HTML 비디오 (Video) 재생 HTML 공백 문자

HTML 헤더 요소

<head> 요소는 모든 헤더 요소의 컨테이너입니다. <head> 내 요소는 스크립트, 스타일 시트의 위치를 지시하는 방법, 메타 정보 제공 등을 포함할 수 있습니다.

온라인 예제 보기

<title> - HTML 문서의 제목을 정의합니다
<title> 태그를 사용하여 HTML 문서의 제목을 정의합니다

<base> - 모든 링크의 URL을 정의합니다
<base>를 사용하여 페이지 중 모든 링크의 기본 링크 타겟 주소를 정의합니다.

HTML <head> 요소

<head> 요소는 모든 헤더 태그 요소를 포함합니다. <head> 내 요소는 스크립트, 스타일 시트의 위치를 지시하는 방법, 메타 정보 제공 등을 포함할 수 있습니다. <head> 요소에서 스크립트(scripts), 스타일 파일(CSS), 다양한 meta 정보를 삽입할 수 있습니다.

헤더 영역에 추가할 수 있는 요소 태그는: <title>, <style>, <meta>, <link>, 　 <script>, <noscript>, and <base>.

HTML <title> 요소

<title> 태그는 다른 문서의 제목을 정의합니다.

<title> HTML/XHTML 문서에서는 필수적입니다.

<title> 요소:

브라우저 도구 표시줄에 표시되는 제목을 정의합니다
웹 페이지가 캡션에 추가될 때, 캡션에서 표시되는 제목
검색 엔진 결과 페이지에 표시되는 제목

간단한 HTML 문서:

예제

<!DOCTYPE html>
<html>
<head>　
<meta charset="utf-8">　
<title>HTML 문서 제목</title>
</head>
　
<body>
HTML 문서 내용......
</body>
　
</html>

테스트 보기 ‹/›

HTML <base> 요소

<base> 태그는 기본 링크 주소를 설명합니다/링크 타겟, 이 태그는 HTML 문서 중 모든 링크 태그의 기본 링크로 사용됩니다:

<head>
<base href="https://ko.oldtoolbag.com/이미지/" target="_blank">
</head>

HTML <link> 요소

<head>
<link rel="stylesheet" type="/css" href="style.css">
</head>

HTML <style> 요소

스타일 태그는 HTML 문서의 스타일 파일 참조 주소를 정의합니다.

<head>
<style type="text/css">
/*웹 페이지 배경색을 정의합니다*/
body {background-color:red}
p {color:green}
</style>
</head>

HTML <meta> 요소

meta 태그는 일부 기본 메타 데이터를 설명합니다.

META 요소는 웹 페이지의 설명, 키워드, 파일의 마지막 수정 시간, 작성자, 그리고 다른 메타 데이터를 지정합니다.

메타 데이터는 브라우저(콘텐츠 표시 방법 또는 페이지 재로드), 검색 엔진(키워드), 또는 다른 웹 서비스에 사용될 수 있습니다.

<meta> 태그- 사용 예제

검색 엔진에 대한 키워드(keywords)를 정의합니다:

<meta name="keywords" content="HTML, CSS, XML, XHTML, JS,PHP">

웹 페이지에 설명 내용(description)를 정의합니다:

<meta name="description" content="免费在线基础教程">

웹 페이지를 모바일 단말기와 PC 단말기에 적응하도록 정의합니다(viewport):

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"　/>

웹 페이지 작성자(author)를 정의합니다:

<meta name="author" content="w3codebox">

매10초마다 현재 페이지를 새로 고칠 수 있습니다(Refresh):

<meta http-equiv="refresh" content="10">

HTML <script> 요소

HTML head 요소

태그	설명
<head>	문서의 정보를 정의합니다.
<title>	문서의 제목을 정의합니다.
<base>	페이지 링크 태그의 기본 링크 주소를 정의합니다.
<link>	문서와 외부 자원 간의 관계를 정의했습니다.
<meta>	HTML 문서의 메타데이터를 정의합니다
<script>	클라이언트 스크립트 파일을 정의합니다
<style>	HTML 문서의 스타일 파일을 정의합니다

HTML 비디오 (Video) 재생 HTML 공백 문자