728x90
1. 제목 태그
<body>
<h1>Hello!</h1>
<h2>Hello!</h2>
<h3>Hello!</h3>
<h4>Hello!</h4>
<h5>Hello!</h5>
<h6>Hello!</h6>
</body>Hello!
Hello!
Hello!
Hello!
Hello!
Hello!
제목을 나타내는 태그에는 6가지가 있다. 각각의 숫자가 늘어날수록 글자의 크기는 작아진다.
2. 글자의 형태 태그
<body>
<p>This is normal text.</p>
<b>This is bold text.</b>
<i>This is italic text.</i>
<p>This is <mark>mark</mark> text.</p>
<p>This is <del>del</del> text.</p>
<p>This is <ins>inserted</ins> text.</p>
</body>This is normal text.
This is bold text. This is italic text.This is mark text.
This is del text.
This is inserted text.
1. b : bold(굵게)체를 지정한다.
2. i : Italic(기울임)체를 지정한다.
3. mark : 해당 글자에 하이라이트를 지정한다.
4. del : 해당 글자에 취소선을 지정한다.
5. ins : 해당 글자에 밑줄을 지정한다.
3. 본문 태그
1. p
<body>
<h1>Hello! HTML!</h1>
<p>이것은 HTML이다.</p>
<p>이것 또한 HTML이다.</p>
</body>Hello! HTML!
이것은 HTML이다.
이것 또한 HTML이다.
단락을 지정한다.
2. br
<body>
<p>
This is <br />br text<br /> the end.
</p>
</body>
This is
br text
the end.
br은 다음 행의 같은 위치로 글자를 이동시켜준다.
3. pre
<body>
<p>pre에 대해서 알아보자.</p>
<pre>
if(a == b)
return 0;
else
return 1;
</pre>
<p>pre에 대해서 알아보자.</p>
</body>pre에 대해서 알아보자.
if(a == b)
return 0;
else
return 1;
pre에 대해서 알아보자.
pre는 형식화된 text를 지정한다. pre내의 content들은 작성된 그대로 화면에 출력된다.
4. hr
<body>
<p>hr에 대해서 알아보자.</p>
<hr />
<p>hr에 대해서 알아보자.</p>
</body>hr에 대해서 알아보자.
hr에 대해서 알아보자.
수평선을 삽입한다.
5. q / blockquote
<body>
<p>스트리머 우왁굳이 말했다. : <q>알아서 잘 딱 깔끔하고 센스있게.</q></p>
<p>그리고 또 말하였다.</p>
<blockquote>잘 하는 건 다 있어요. 그걸 안 찾아서 그렇지.</blockquote>
<p>이상입니다.</p>
</body>스트리머 우왁굳이 말했다. : 알아서 잘 딱 깔끔하고 센스있게.
그리고 또 말하였다.
잘 하는 건 다 있어요. 그걸 안 찾아서 그렇지.
이상입니다.
q 는 짧은 인용문을 지정한다. q 내용 속 content들은 큰따옴표로 감싸진다.
blockquote는 긴 인용문 블록을 지정한다. 브라우저는 이를 들여쓰기한다.
728x90
'Web > HTML' 카테고리의 다른 글
| #6. 이미지 & 멀티미디어 (0) | 2023.02.27 |
|---|---|
| #5. List & Table (0) | 2023.02.24 |
| #4. HTML의 핵심 Link (0) | 2023.02.24 |
| #2. head 요소의 여러가지 태그들 (0) | 2023.02.21 |
| #1. HTML의 기본 문법 (0) | 2023.02.21 |
