TIL/html_tags.html at master · Bin-925/TIL · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>HTML tag들의 용도에 따른 분류</title>
</head>
<body>
  <h1>HTML tag들의 용도에 따른 분류</h1>
  <h2>콘텐츠 구분</h2>
  <h3>h1 ~ h6 : 제목을 표시하여, 문서의 논리적 흐름을 나타냅니다.</h3>
  <h3>p : 문단(paragraph)을 구분합니다.</h3>
  <p>이것은 문단입니다.</p>
  <h3>div : 하나의 영역을 구분합니다.</h3>
  <div>이것은 하나의 영역입니다.</div>
  <hr>
  <h2>텍스트 관련</h2>
  <h3>span 태그</h3>
  <span>텍스트 곤텐츠를 나타냅니다. span은 인라인 요소입니다.</span>
  <h2>anchor 태그</h2>
  <a href="https://www.google.com" target="_blank">구글로 갈 수 있는 anchor태그 입니다.</a>
  <h2>강조와 기울임, 줄바꿈</h2>
  <b>강조</b><i>기울임</i><br>
  <strong>강조</strong><em>기울임</em>
  <hr>
  <h1>목록 생성</h1>
  <ul>
    <li>순서가 없는 목록</li>
    <li>목록 아이템</li>
  </ul>
  <ol>
    <li>순서가 있는 목록</li>
    <li>목록 아이템</li>
  </ol>
  <hr>
  <h1>이미지와 멀티미디어</h1>
  <h2>이미지</h2>
  <img src="https://oopy.lazyrockets.com/api/v2/notion/image?src=https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2Ff2678325-6f7b-4a25-b188-86c42030d6d5%2F47d2634c-098e-4d85-b445-9585229d6b5a%2F%25EB%25A1%259C%25EA%25B3%25A0%25EA%25B8%25B0%25EB%25B3%25B8_%25EC%25BB%25AC%25EB%259F%25AC.png&blockId=16f611ac-3a00-81c7-9cae-d6ed7d412796" alt="노드크루 로고" draggable="true">
  <h2>비디오</h2>
  <iframe
  width="560"
  height="315"
  src="https://www.youtube.com/embed/0jMiTPa5co0?si=YL4vGymhAwWIhMc_"
  title="YouTube video player"
  frameborder="0"
  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
  referrerpolicy="strict-origin-when-cross-origin"
  allowfullscreen>
  </iframe>
</body>
</html>