WINK-reactStudy/HTML_2.html at master · JisuuungKim/WINK-reactStudy · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <h1>제목1</h1>
    <h2>제목2</h2>
    <h3>제목3</h3>
    <p>단락태그는 p태그<br>
        줄을 나누는 태그는 br태그
    </p>
    <hr>
    <pre>HTML코드에서 작성한 텍스트 서식을
    그대로 표현하려면?

    pre태그를 사용해야 합니다</pre>
    <p>글씨를 굵게 표현하고 싶다면<b>b태그</b>나 <strong>strong태그</strong>를 사용합니다</p>
    <p>이탤릭체로 글씨를 표현하려면 <i>i태그</i>나 <em>em태그</em>를 사용합니다</p>
    <p>mark태그는 <mark>텍스트에 하이라이팅 효과</mark>를 적용시켜줍니다</p>
    <p>텍스트가<del>이부분</del>이렇게 지워지는 효과가 나는 del태그</p>
    <p><ins>이렇게</ins>텍스트 밑에 가로줄을 만드는 ins태그<br>
        <q>짧은 인용문을 표현하는 q태그</q>
        <blockquote>긴 인용문을 표현하는 blockquote태그
        인용 부분을 별도의 단락으로 구분한다</blockquote>
    </p>
    <p><strong><abbr title="HTML에서 용어의 축약형을 표현하기 위한 태그">abbr</abbr></strong></p>
</head>
<body>

</body>
</html>