각진 세상에 둥근 춤을 추자

[HTML] 텍스트 태그 1 본문

HTML

[HTML] 텍스트 태그 1

circle.j 2022. 9. 21. 13:02

(1) <hn> 태그 - 제목 표시하기 

 

 

<h3>제목태그</h3>
<h1>Hello, 안녕</h1>
<h2>Hello, 안녕</h2>
<h3>Hello, 안녕</h3>
<h4>Hello, 안녕</h4>
<h5>Hello, 안녕</h5>
<h6>Hello, 안녕</h6>

 


 

(2) <p> 태그 - 단락 만들기

 

<p> 태그는 paragraph의 줄임말로, 텍스트 단락을 만드는데, 이때 ‘단락’이란 앞뒤에 줄바꿈이 있는 텍스트 덩어리를 말한다.

 


 

(3) <br> 태그 - 줄 바꾸기

 

<br> 태그는 break의 줄임말이며 닫는 태그가 없다.

웹 브라우저 창에서 줄바꿈을 하려면 줄을 바꿀 위치에 <br> 태그를 사용한다.

 

<h3>문단태그</h3>
<p>
동해물과 백두산이 마르고 닳도록<br/>
하느님이 보우하사 우리나라 만세<br/>
무궁화 삼천리 화려강산<br/>
대한사람 대한으로 길이 보전하세<br/>
</p>
<p>
남산 위에 저 소나무 철갑을 두른 듯<br/>
바람 서리 불변함은 우리 기상일세<br/>
무궁화 삼천리 화려 강산<br/>
대한 사람 대한으로 길이 보전하세<br/>
</p>
<p>
가을 하늘 공활한데 높고 구름 없이<br/>
밝은 달은 우리 가슴 일편단심일세<br/>
무궁화 삼천리 화려 강산<br/>
대한 사람 대한으로 길이 보전하세<br/>
</p>
<p>
이 기상과 이 맘으로 충성을 다하여<br/>
괴로우나 즐거우나 나라 사랑하세<br/>
무궁화 삼천리 화려 강산<br/>
대한 사람 대한으로 길이 보전하세<br/>
</p>
<hr/>


 

(4) <blockquote> 태그 - 인용문 넣기

 

다른 블로그나 사이트의 글을 인용할 경우, <blockquote> 태그를 이용한다.

 

<h1>제주 이색 여행지</h1>
<h2>야외 텐트를 닮은 건축물 "테쉬폰"</h2>
<p>아일랜드 출신 임피제 신부가 ...을 활용했습니다.</p>
<p>제주에서 점차 다른 지방으로 ... 남아 있는데,<br>
   국내 근현대 건축사의 ... 평가합니다. </p>
<hr>
<blockquote>성이시돌목장은 제주특별자치도 ... 테쉬폰도 유명하다. (출저: 향토문화전자대전) </blockquote>

'HTML' 카테고리의 다른 글

[HTML] 표 태그  (0) 2022.09.22
[HTML] 목록 태그  (0) 2022.09.22
[HTML] 텍스트 태그 2  (0) 2022.09.21
[HTML] 파일 생성과 HTML 기본 구조  (0) 2022.09.21
[HTML] Mac - Visual Studio Code 다운로드  (0) 2022.09.21