About Tag

HDuckkk·2023년 1월 7일
0

TAG 란?

앞서 우리는 HTML이 웹페이지의 기본 주고 가장 큰 틀의 역할을 한다고 정리했다. 그럼 HTML에서 사용되는 TAG란 무엇인가? 책의 구성을 생각해보자 서문, 목차, 본문, 부록 등등 다양한 구성이 존재한다. HTML을 책이라 생각했을 때 TAG란 HTML의 구성을 나타내는 기본적인 약속이다.

TAG 모음

시작하기 앞서 아직 배우는 단계이고 빠르게 프로젝트를 수행할 수 있는 최소한의 역량을 기르는 것이 이번 목표이기에 중요한 일부 태그들만 정리할 것이다. 이 또한 앞으로 배워가며 차차 추가할 예정이고 기록하기 앞서 간단한 규칙을 정리하겠다.

TAG NAME
  • 사용되는 간단한 설명
<tag> 사용예제 </tag>
  • 사용 결과 (사진)
  • 기타

최종 수정일 : 2023.01.07

<DOCTYPE!>
  • 마크업 언어용 DTD 태그
<!DOCTYPE html>
<html>
  • HTML이 작용하는 범위를 지정하는 태그
<html> </html>
  • HTML 문서의 속성 범위를 지정하기 위한 태그
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
  • 타이틀 태그 혹은 메타 태그를 주로 넣는다.
<title>
  • HTML의 제목을 선언하는 태그
<title>Document</title>
  • content가 Document이므로 HTML의 제목은 Document가 된다.
<meta>
  • HTML의 부가 정보를 선언하는 태그
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<body>
  • HTML 문서의 본문 범위를 지정하기 위한 태그
<body> </body>
<a>
  • 하이퍼링크를 생성하는 태그
<a href="https://naver.com">[네이버]</a>

네이버

  • 위의 네이버를 누를 시 실제로 네이버 페이지로 이동한다.
<div>
  • 박스 혹은 레이어 태그
<div>
contents
<\div>
  • 보통 레이아웃을 형성할 때 많이 사용되는 태그이다.

0개의 댓글