JUST GO

[HTML] Tag 정리 본문

HTML/학습내용

[HTML] Tag 정리

root_go 2022. 9. 13. 22:00

Structure(Html의 기본구조)

<!DOCTYPE html>
<html lang="ko">
    <head>
        <meta charset="UTF-8">
        <title>문서의 제목</title>
    </head>
    <body>

    </body>
</html>
​

Tag-A

<!DOCTYPE html>
<html lang="ko">
    <head>
        <meta charset="UTF-8">
        <title>A태그</title>
    </head>
    <body>
        <a href="https://www.google.com">구글</a>
        <a href="https://www.naver.com" target="_blank">&lt;네&nbsp;이버&gt;</a>
        <a>아무 의미 없음</a>
    </body>
</html>

Tag-B / Tag-Strong

<!DOCTYPE html>
<html lang="ko">
    <head>
        <meta charset="UTF-8">
        <title>B태그</title>
    </head>
    <body>
        <a>hihi</a>
        <b>hihi</b>
        <strong>hihi</strong>
    </body>
</html>

Tag-BR

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>BR태그</title>
</head>
<body>
    <a>동해물과<br>백두산이</a>
    <br>
    <a>마르고 닳도록</a>
    <br>
    <br>
    <a>...</a>
    <br>
    <br>
    <a>길이 보전하세.</a>
</body>
</html>

Tag-I / Tag-EM

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>I태그</title>
</head>
<body>
    <a>Hello</a>
    <i>Hello</i>
</body>
</html>

Tag-IFRAME

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>IFRAME 태그</title>
</head>
<body>
    <iframe src="https://daum.net"></iframe>
</body>
</html>

Tag-IMG

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>IMG태그</title>
</head>
<body>
    <img alt="사과" src="https://src.hidoc.co.kr/image/lib/2021/9/17/1631863503853_0.jpg" width="500">
</body>
</html>

Tag-P

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>P태그</title>
</head>
<body>
    <p>첫번째 문단. 첫번째 문단. 첫번째 문단. 첫번째 문단. 첫번째 문단. 첫번째 문단. 첫번째 문단. 첫번째 문단. 첫번째 문단. 첫번째 문단. 첫번째 문단. 첫번째 문단. 첫번째 문단. 첫번째 문단. 첫번째 문단. 첫번째 문단. 첫번째 문단. 첫번째 문단.</p>
    <p>두번째 문단. 두번째 문단. 두번째 문단. 두번째 문단. 두번째 문단. 두번째 문단. 두번째 문단. 두번째 문단. 두번째 문단. 두번째 문단. 두번째 문단.</p>
    <p>세번째 문단. 세번째 문단. 세번째 문단. 세번째 문단. 세번째 문단. 세번째 문단. 세번째 문단. 세번째 문단.</p>
</body>
</html>

Tag-SUB / Tag-SUP

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>SUB, SUP태그</title>
</head>
<body>
    <i>Ethyl Alcohol</i>
    <a>:</a>
    <a>
        <a>C</a>
        <sub>2</sub>
        <a>H</a>
        <sub>5</sub>
        <a>OH</a>
    </a>
    <br>
    <a>
        <a>(x + y)</a>
        <sup>2</sup>
        <a>=</a>
        <a>x</a>
        <sup>2</sup>
        <a>+ 2xy +</a>
        <a>y</a>
        <sup>2</sup>
    </a>
</body>
</html>

'HTML > 학습내용' 카테고리의 다른 글

[HTML] 공통속성(Attribute)  (0) 2022.10.03
[HTML] 태그정리  (1) 2022.10.03
[HTML] 기본개념  (0) 2022.10.03
[HTML] Tag정리(2)  (0) 2022.10.03
'HTML/학습내용' Related Articles more