목차

HTML 기본 템플릿

<!-- 해당 문서의 타입을 명시적으로 지정 -->
<!DOCTYPE html>
<!-- 해당 문서의 언어 지정 -->
<html lang="ko">

<!-- 헤더에서 여러가지 메타데이터와 타이틀, include할 파일들을 지정해준다. -->
<head>
  <!-- UTF-8 문자 코드를 사용한다. -->
  <meta charset="utf-8" />
  <!-- 모바일 브라우저로 접근 시 가로방향이 짤리지 않도록 (너비에 맞도록?) viewpoint 지정 -->
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <!-- CSS와 HTML 분리 -->
  <link rel="stylesheet" href="style.css" />
  <!-- 페이지 최상단의 제목 -->
  <title>this title..!</title>
</head>

<!-- 본문 -->
<body>
	<h1>Hello World!</h1>
</body>

</html>

1. HTML 태그 정리

1) <a></a> : 하이퍼링크를 걸어주는 태그

<a href="<https://hyperlink.tktk>" target="_blank">

href: 연결할 링크

target:

2) <meta /> : 웹페이지의 컨텐츠가 아닌 웹페이지 자체의 정보를 명시하는 태그

<head>
  <meta charset="UTF-8">
  <!-- 웹페이지의 상세설명 -->
  <meta name="description" content="Free Web tutorials">
  <!-- 웹페이지의 관련 키워드 -->
  <meta name="keywords" content="HTML, CSS, JavaScript">
  <!-- 저자(웹페이지 작성자) -->
  <meta name="author" content="John Doe">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>