HTML VSCODE 사용기 - 3 [BODY] 태그

2022. 12. 19. 23:28공부/FRONT

저번에 진행했던 HEAD보단 BODY 를 다시보려고해서 기본적인 몇가지만 들고왔다.

<h1>이곳은 h1 입니다.</h1>
        <p>이곳은 p 입니다. p는 단락 입니다. </p> 
        <br>이곳은 br 입니다. br 은 줄바꿈 입니다. 
        <hr> 이곳은 hr 입니다 hr은 줄긋기 입니다.
        <blockquote>이곳은 blockquote 입니다. 인용문 입니다.</blockquote>
    <h2>   이곳은 h2 입니다.</h2>
    <p>
        <br>
        이것은 기본 입니다.<br>
        <b>뭐가 다르지?</b><strong>이곳은 strong 입니다.</strong><br>
        <em>이곳은 em 입니다.</em><br>
        <i>이곳은 i 입니다.</i>


    </p>
    <h3>이곳은 h3 입니다.</h3>
    <h4>이곳은 h4 입니다.</h4>
    <h5>이곳은 h5 입니다.</h5>
    <h6>이곳은 h6 입니다.</h6>
    <br>
    이것은 기본 입니다.<br>
    <b>뭐가 다르지?</b><strong>이곳은 strong 입니다.</strong>

이곳은 h1 입니다.

이곳은 p 입니다. p는 단락 입니다.


이곳은 br 입니다. br 은 줄바꿈 입니다.
이곳은 hr 입니다 hr은 줄긋기 입니다.
이곳은 blockquote 입니다. 인용문 입니다.

이곳은 h2 입니다.


이것은 기본 입니다.
뭐가 다르지?이곳은 strong 입니다.
이곳은 em 입니다.
이곳은 i 입니다.

이곳은 h3 입니다.

이곳은 h4 입니다.

이곳은 h5 입니다.
이곳은 h6 입니다.

이것은 기본 입니다.
뭐가 다르지?이곳은 strong 입니다.

위의 보기들을 정리하자면 

h1 ~ h6 : 줄 띄우기와 글자의 크기가 다르게 적용되어있는 태그

br : 줄바꾸기 , 엔터 태그

p : 들여쓰기 , 단락 태그 

hr : 줄긋기 태그

blockquote : 인용문 태그 라고하는데 인용문이란 다른 사람이나 자신의 말 또는 글을 직간접적으로 끌어다 쓰는 문장.
[출처: 한국민족문화대백과사전(인용문(引用文))]

b, strong : 강조할때 쓰는 태그 (글씨 굵어짐)

em,i : 폰트를 이텔릭체로 바꾸는 태그 (걍 삐딱해짐)

이정도만 이번엔 정리해 보았다.  되게어려운게 div 속성을 쓰기시작하면서 어려워졌었던거같은데 

우선은 차근차근 정리하면서 해보려고한다. 

 

'공부 > FRONT' 카테고리의 다른 글

HTML VSCODE 사용기 - 5 [BODY] 태그  (0) 2022.12.23
HTML VSCODE 사용기 - 4 [BODY] 태그  (0) 2022.12.20
HTML VSCODE 사용기 - 2 [HEAD]  (0) 2022.12.18
HTML VSCODE 사용기 -1  (0) 2022.12.18
VS CODE 설치방법,한국어 및 다시 독학  (0) 2022.12.18