HTML

[HTML] 제목과 문단

로아다 2023. 6. 1. 04:54
728x90
반응형
<h>

- heading tag, 1 ~ 6까지 있다.

- 글씨를 굵고 크게 표시한다.

-  바꿈 기능이 있다. (영역을 보유하고 있음)

 

Emmet

- 반복되는 태그를 쉽게 생성할 수 있는 플러그인

h1*5 : h1을 5개
h1>h3*5 : h1 내부에 h3를 3개
(h1>h3)*3 : h1 내부에 h3를 넣은 것을 3개 <br>
h$*6 : h1 ~ h6까지 생성 <br>

 

<p>

- paragraph, 문단 태그

 

<b>

- bold, 글자를 굵게

 

<i>

- italic, 글자를 기울임꼴로

 

<html>
    <head>
        <title>제목과 문단</title>
        <meta charset="utf-8">
    </head>
    <body style="border: solid seagreen 1px;">
        
        <!-- h : heading tag, 1 ~ 6까지 있다, 
            글씨를 굵고 크게 표시한다, 줄도 바꿔준다. (영역을 보유하고 있음) -->
        <h1 style="border: solid salmon 3px;">
            H 태그는 제목 태그입니다. H 태그는 제목 태그입니다.
            H 태그는 제목 태그입니다. H 태그는 제목 태그입니다.
            H 태그는 제목 태그입니다. H 태그는 제목 태그입니다.
            H 태그는 제목 태그입니다. H 태그는 제목 태그입니다.
            
        </h1>
        <h2>H 태그는 제목 태그입니다.</h2>
        <h3>H 태그는 제목 태그입니다.</h3>
        <h4>H 태그는 제목 태그입니다.</h4>
        <h5>H 태그는 제목 태그입니다.</h5>
        <h6>H 태그는 제목 태그입니다.</h6>
       
        <!--
           <h7>H 태그는 제목 태그입니다.</h7>
           <h8>H 태그는 제목 태그입니다.</h8>
           <h9>H 태그는 제목 태그입니다.</h9>
       -->
       <!-- Emmet : 반복되는 태그를 쉽게 생성할 수 있는 플러그인 -->
       h1*5 : h1을 5개 <br>
       h1>h3*5 : h1 내부에 h3를 3개 <br>
       (h1>h3)*3 : h1 내부에 h3를 넣은 것을 3개 <br>
       h$*6 : h1 ~ h6까지 생성 <br>
       <!-- p : paragraph, 문단 태그 -->
       <!-- b : bold, 글자를 굵게 -->
       <!-- i : italic, 글자를 기울임꼴로 -->
       <!-- mark : 형광펜 효과 -->
       <!-- keyboard : 키보드 단축키임을 표시 -->
       <p>
        <b>시민들은 크게 당황했다.</b> 한 누리꾼은 <i>“새벽에 사이렌이랑 대피하라는 문자 때문에 기절초풍하면서 깼는데 네이버 들어가니까 접속 안된다고 떠서 인터넷도 다 끊기고 벌써 전쟁난 줄 알았다”</i>(@thr****)는 글을 트위터에 올리기도 했다.
        시민들은 크게 당황했다. 한 <mark>누리꾼</mark>은 “새벽에 사이렌이랑 대피하라는 문자 때문에 기절초풍하면서 깼는데 네이버 들어가니까 접속 안된다고 떠서 인터넷도 다 끊기고 벌써 전쟁난 줄 알았다”(@thr****)는 글을 트위터에 올리기도 했다.
        시민들은 크게 당황했다. 한 누리꾼은 “새벽에 사이렌이랑 대피하라는 문자 때문에 기절초풍하면서 깼는데 네이버 들어가니까 접속 안된다고 떠서 인터넷도 다 끊기고 벌써 전쟁난 줄 알았다”(@thr****)는 글을 트위터에 올리기도 했다.
        <keyboard>Ctrl + F11</keyboard>
        시민들은 크게 당황했다. 한 누리꾼은 “새벽에 사이렌이랑 대피하라는 문자 때문에 기절초풍하면서 깼는데 네이버 들어가니까 접속 안된다고 떠서 인터넷도 다 끊기고 벌써 전쟁난 줄 알았다”(@thr****)는 글을 트위터에 올리기도 했다.
        시민들은 크게 당황했다. 한 누리꾼은 “새벽에 사이렌이랑 대피하라는 문자 때문에 기절초풍하면서 깼는데 네이버 들어가니까 접속 안된다고 떠서 인터넷도 다 끊기고 벌써 전쟁난 줄 알았다”(@thr****)는 글을 트위터에 올리기도 했다.
        시민들은 크게 당황했다. 한 누리꾼은 “새벽에 사이렌이랑 대피하라는 문자 때문에 기절초풍하면서 깼는데 네이버 들어가니까 접속 안된다고 떠서 인터넷도 다 끊기고 벌써 전쟁난 줄 알았다”(@thr****)는 글을 트위터에 올리기도 했다.
        시민들은 크게 당황했다. 한 누리꾼은 “새벽에 사이렌이랑 대피하라는 문자 때문에 기절초풍하면서 깼는데 네이버 들어가니까 접속 안된다고 떠서 인터넷도 다 끊기고 벌써 전쟁난 줄 알았다”(@thr****)는 글을 트위터에 올리기도 했다.
       </p>
    </body>
</html>
728x90
반응형