[웹퍼블리싱] <html>, <head>, <body>태그

Darlene·2021년 2월 4일

웹퍼블리싱(HTML, CSS)

목록 보기

5/12

<html>태그, <head>태그, <body>태그

`<html>`태그

웹 페이지의 시작과 끝

`<head>` 태그

문서의 머리를 나타내는 태그
브라우저 화면에 직접적으로 보이지 않으며, 숨은 데이터를 정의하는 태그들이 들어 감.

다음은 <head> 태그 내부에 들어가는 대표적인 태그들이다.

<title> 
<meta> 
<link> 
<style> 
<script>

`<body>` 태그

문서의 몸통을 나타내는 태그
브라우저 화면에 보이는 것들이 주로 들어감.

다음은 <body> 태그 내부에 들어가는 대표적인 태그들이다.

<br>
<p>
<b>
<i>
<h1>
<a>
<img>
<table>
<div>
<span>
<ul>
<li>
<form>

아래처럼 사용 할 수 있다.

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <link>
    <title>웹퍼블리싱</title>
    <style>
      h1 {
        text-align: center;
        font-size: 64px;
      }
      p {
        text-align: center;
        font-size: 25px;
      }
    </style>
  </head>
  <body>
    <h1>html이란?</h1><br>
    <p>HTML은 HyperText Markup Language의 약자이다.</p>
  </body>  
</html>