본문 바로가기

HTML/DAY 29 _ 23.10.04

Tag Basic3

<!DOCTYPE html>

<head>
    <meta charset="utf-8">

</head>

<body>
    줄바꾸기br<br>

    <h1>h1~6 : 헤더태그. 글자크기 조절</h1>

    <p>
        p : 단락태그 <br>
        -> 내용 앞뒤로 빈 줄이 생기면서 단락이 생긴다. <br>
        -> 패딩이 됨!!
    </p>

    <hr width="100">
    <li>hr width="100" : 이렇게 줄어든당</li>

    <hr size="5">
    <li>hr size="5 : 이런식으로도 할수는 있는데</li>

    <hr color="red">
    <li>hr color="red : 절대이렇게 하지마세여...ㅎㅎㅎ</li> <br>

    <div>★★★ div : 아주아주 중요한 태그지만 쓸모없는 ★★★</div>
    <div> -> 어떤 컨텐츠들을 목적에 따라 묶는 용도로 쓴다.</div>
    <div> -> 자동으로 enter가 쳐지는....</div> <br>
    
    <span>★ span : 은근 중요! ★</span>
    <span>div와의 차이 : inline level element이기 때문에 span을 여러개 붙여도 줄바꿈이 되지 않는다.</span> <br><br>

    <font face="굴림"> font face="굴림" : 굴림체로 나오긴하는데, CSS에서 할거임. 사용X </font> <br><br>

    <i> i : 기울여서 쓰기 </i> <br><br>

    <strike> strike : 글자가운데에 strike ㅋㅋ ... 사용X </strike> <br><br>

    <ol>
        <li> ol, li은 아까 했지? </li>

    </ol> 


</body>

 


## 결론

줄바꾸기br

h1~6 : 헤더태그. 글자크기 조절

p : 단락태그
-> 내용 앞뒤로 빈 줄이 생기면서 단락이 생긴다.
-> 패딩이 됨!!


  • hr width="100" : 이렇게 줄어든당

  • hr size="5 : 이런식으로도 할수는 있는데

  • hr color="red : 절대이렇게 하지마세여...ㅎㅎㅎ

  • ★★★ div : 아주아주 중요한 태그지만 쓸모없는 ★★★
    -> 어떤 컨텐츠들을 목적에 따라 묶는 용도로 쓴다.
    -> 자동으로 enter가 쳐지는....

    ★ span : 은근 중요! ★ div와의 차이 : inline level element이기 때문에 span을 여러개 붙여도 줄바꿈이 되지 않는다.

    font face="굴림" : 굴림체로 나오긴하는데, CSS에서 할거임. 사용X

    i : 기울여서 쓰기

    strike : 글자가운데에 strike ㅋㅋ ... 사용X

    1. ol, li은 아까 했지?

    'HTML > DAY 29 _ 23.10.04' 카테고리의 다른 글

    알아두면 좋을 Tag들  (0) 2023.10.04
    중요한 Tag들  (0) 2023.10.04
    a tag  (0) 2023.10.04
    Tag Basic2  (0) 2023.10.04
    Tag Basic1  (0) 2023.10.04