HTML 핵심 개념 : 자주 쓰는 텍스트 태그

제목 태그 <h1> ~ <h6>

<h1>한국 영화</h1>

<h2>한국 영화의 역사</h2>
<h3>1950년대: 침체기</h3>
<h3>1960년대: 황금기</h3>
<h3>1970년대: 쇠퇴기</h3>
<h3>1980년대: 암흑기</h3>
<h3>1990년대: 전환점</h3>
<h3>2000년대: 르네상스</h3>
<h3>2010년대: 최전성기</h3>
<h3>2020년대: 대격변</h3>

<h2>유명한 한국 감독</h2>
<h3>박찬욱</h3>
<h3>봉준호</h3>
<h3>임권택</h3>
<h3>김기덕</h3>
<h3>김기영</h3>
<h3>최동훈</h3>

 

본문 <p>

<h1>한국 영화</h1>

<h2>한국 영화의 역사</h2>
<h3>1950년대: 침체기</h3>
<p>
    1950년대에는 한국전쟁이 일어나면서 영화계는 침체를 맞게 됩니다.
    하지만 1950년대 중반을 지나서 그 사이 발전된 기술에 힘입어
    점점 많은 영화가 나오기 시작하더니 1950년대 후반에 들어서는 1년에 100편 가까이 제작되었습니다.
</p>
<h3>1960년대: 황금기</h3>
...

 

줄바꿈 <br>

<p>
    1950년대에는 한국전쟁이 일어나면서 영화계는 침체를 맞게 됩니다.<br>
    하지만 1950년대 중반을 지나서 그 사이 발전된 기술에 힘입어
    점점 많은 영화가 나오기 시작하더니 1950년대 후반에 들어서는 1년에 100편 가까이 제작되었습니다.
</p>

 

중요 <strong>

<p>
    코드잇 영화관에서는 영화 상영 전 광고없이 정시에 상영을 시작합니다.
    정시에 입장하여 관람중인 관객들을 위해
    <strong>상영 시작 10분 후에는 입장이 제한됨을 알려드립니다.</strong>
</p>

 

강조 <em>

<p>
    제 이름은 윤 <em>여정</em>입니다. 요정도 아니고 유정도 아니고 여정이죠.
</p>

 

취소 <s>

<p>
    <s>단체 관람을 원하시는 분들은 코드잇 홈페이지에서 예약해주세요.</s>
    <br>
    현재 코로나 방역으로 인해 극장 입장을 20인으로 제한하고 있어 단체 관람이 어렵습니다.
</p>

 

인용 <blockquote>, <q>

<blockquote>
    또 감사드릴 분이... 저는 경쟁을 싫어합니다. 제가 어떻게 글렌 클로즈를
    이기겠어요? 저는 그녀의 영화를 수없이 많이 봤습니다. 5명 후보가 모두 각자 다른
    영화에서의 수상자입니다. 우리는 각자 다른 역을 연기했잖아요. 우리끼리 경쟁할
    순 없습니다. 오늘 제가 여기에 있는 것은 단지 조금 더 운이 좋았을 뿐이죠.
    여러분보다 조금 더 운이 좋았네요. 그리고 아마도 미국인들이 한국 배우를
    대접하는 방법일 수도 있죠. 아무튼 감사합니다.
    <br>
    - 윤여정, 오스카 수상소감 중에서
</blockquote>

<p>
    윤여정은 오스카에서 김기영 감독에 대한 애정을 표시하기도 했습니다.
    <q>
        저는 이 상을 저의 첫 번째 감독님, 김기영에게 바치고 싶습니다.
        아주 천재적인 분이셨고 제 데뷔작을 함께 했습니다.
    </q>
    수상 소감의 마지막을 그녀가 존경하는 한국의 천재 감독을 언급한 것이죠.
</p>

 

위 첨자, 아래 첨자

<p>
    물의 화학식은 H<sub>2</sub>O이고, 3의 제곱(3<sup>2</sup>)은 9이다.
</p>

 

주제 전환(Thematic Break) = <hr>

<p>
    윤여정은 오스카에서 김기영 감독에 대한 애정을 표시하기도 했습니다.
    <q>
        저는 이 상을 저의 첫 번째 감독님, 김기영에게 바치고 싶습니다.
        아주 천재적인 분이셨고 제 데뷔작을 함께 했습니다.<sup>[1]</sup>
    </q>
    수상 소감의 마지막을 그녀가 존경하는 한국의 천재 감독을 언급한 것이죠.
</p>
<hr>
<p>
    [1] "윤여정, 오스카 최고의 수상소감"…미국 '들썩', KBS뉴스 2021.04.27.
</p>

 

미리 서식이 정해진 텍스트 <pre>

<p>body 태그의 배경색과 글자색을 바꾸는 CSS 코드입니다.</p>
<pre>
    body {
        background-color: #000000;
        color: #ffffff;
    }
</pre>

 

코드 <code>

<p><code>body</code> 태그의 배경색과 글자색을 바꾸는 CSS 코드입니다.</p>
<pre>
    body {
        background-color: #000000;
        color: #ffffff;
    }
</pre>