샘플 html 태그

2021. 04. 07.

1. 단락 요소

<h1> ~ <h6>

<h1>

<h2>

<h3>

<h4>

<h5>

<h6>

<address>

Written by Jon Doe.
Visit us at:
Example.com
Box 564, Disneyland
USA

2. 그룹 요소

<p>

This is some text in a paragraph. This is some text in a paragraph.
This is some text in a paragraph. This is some text in a paragraph.
다음은 이러한 스택이 웹 디자인에 사용되는 방식과 모든 웹 페이지에 사용해야하는 이유를 포함하여 "글꼴 스택"이라는 CSS 용어의 정의입니다.

This is some text in a paragraph.

<hr>

<pre>

#include <iostream>
using namespace std;

int main() {
  int i, n, cube;
  cout << "Input the number of terms : ";
  cin >> n;
  for (i = 1; i <= n; i++) {
    cube = i * i * i;
    cout << "Number is: " << i << " and its cube is: " << cube << endl;
  }
}
1lI|ㅣ, 0Ooㅇ
|abcdefghijklmnopqrstuvwxyz|
|다람쥐 헌 쳇바퀴에 타고파.|

<blockquote>

For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.

<ol>

Coffee
Tea
Milk

<ul>

Coffee
Tea
Milk

<dl>

Coffee: Black hot drink
Milk: White cold drink

<figure>, <figcaption>, <img>

3. 택스트 요소

<a>

Visit W3Schools.com!

<em>

You have to hurry up!

<strong>

This text is important!

<small>

This is some smaller text.

<cite>

The Scream by Edward Munch. Painted in 1893.

<q>

WWF's goal is to: Build a future where people live in harmony with nature. We hope they succeed.

<dfn>

HTML is the standard markup language for creating web pages.

<abbr>

The WHO was founded in 1948.

<ruby>, <rt>

漢ㄏㄢˋ

<data>

Cherry Tomato
Beef Tomato
Snack Tomato

<time>

Open from 10:00 to 21:00 every weekday.

I have a date on Valentines day.

<code>

The HTML button tag defines a clickable button.

<var>

The area of a triangle is: 1/2 x b x h, where b is the base, and h is the vertical height.

<samp>

File not found. Press F1 to continue

<kbd>

Press Ctrl + C to copy text (Windows).

<sub>, <sup>

This text contains _subscript^superscript text.

This text contains ^superscript text.

<mark>

Do not forget to buy milk today.

<bdi>, <bdo>

User إيان: 90 points
This text will go right-to-left.

<span>

My mother has blue eyes.

<br>

To force
line breaks
in a text

<wbr>

This is a veryveryveryveryveryveryveryveryveryveryveryveryveryveryveryveryveryverylongwordthatwillbreakatspecificplaceswhenthebrowserwindowisresized.

<s> - 정정 (지양)

~~Only 50 tickets left!~~

<i> - 기울임 (무의미, 부각됨) (지양)

Lorem ipsum is the most popular filler text in history.

<b> - 두껍게 (무의미) (지양)

This is normal text - and this is bold text.

<u> - 언더라인 (지양)

This is some mispeled text.

3. 편집 요소

<ins>, <del>

My favorite color is ~~blue~~ red!

4. 임베드 요소

<picture>, <source>

<iframe>

<embed> - 비추천

<object>, <param>

<video>

<audio>

<track>

<map>, <area>

Workplace

5. 표 요소

<table>, <caption>, <thead>, <tbody>, <tfoot>, <tr>, <td>, <th>

Tbl.1 - Monthly savings
Month	Savings
January	$100
February	$80
Sum	$180

<colgroup>, <col>

ISBN	Title	Price
3476896	My first HTML	$53

6. 폼 요소

<form>, <label>, <input type=”“>

<button>

<select>, <optgroup>, <option>

<datalist>

<textarea>

<output>

<progress>

32%

<meter>

Disk usage C:

2 out of 10

<fieldset>, <legend>

7. 상호작용 요소

<details>, <summary>

Epcot Center

Epcot is a theme park at Walt Disney World Resort featuring exciting attractions, international pavilions, award-winning fireworks and seasonal special events.

<dialog>

This is some text.

8. 스크립트 요소

<script>

<noscript>