본문 바로가기

HTML CSS/HTML

2-1. 텍스트를 묶어주는 태그

<hn> 태그  –  제목  표시

  • 기본형 : <hn> 제목  </hn>
  • 각 웹 콘텐츠 영역에서 제목을 표시할 때 사용하는 태그
  • 크기 : h1 > h2 > h3 > h4 > h5 > h6 

<br> 태그  –  줄  바꾸기

  • 기본형 : <br>
  • 줄을 바꿀 위치에 <br> 태그를 사용. 닫는 태그가 없음 

<hr> 태그  –  분위기  전환

  • 기본형 : <hr>
  • 주제가 바뀔 때 분위기 전환. 수평 줄 생김

<p> 태그  –  텍스트  단락

  • 기본형 : <p> 텍스트  </p>
  • 입력한 내용 앞뒤로 빈 줄이 생기면서
  • 텍스트 단락이 만들어짐

<blockquote> 태그  –  인용문  넣기

  • 기본형 : <blockquote> 인용 내용 </blockquote>
  • 다른 텍스트보다 안으로 들여 써짐.

<pre> 태그  –  입력한  그대로  표시

  • 기본형 : <pre> 텍스트  </pre>
  • 소스에 표시한 공백이 그대로 표시됨.
  • 프로그램 소스를 표시할 때 유용함.

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    제주 이색 여행지
    
    <h1>제주 이색 여행지</h1>

    <h2>야외 텐트를 닮은 건축물 "테쉬폰"</h2>
    아일랜드 출신 임피제 신부가 1954년 제주에 오면서
    목장 숙소로 짓기<br>
    시작한 후 사료공장,성당으로 활용됐습니다.
    <!-- <p></p> 아래, 위 빈줄이 생김 : 단락 -->
    <p>
    제주에서 점차 다른 지방으로 보급됐지만 현재 제주에만 건축물이 남아있다.
    </p>
    제주에서 점차 다른 지방으로 보급됐지만 현재 제주에만 건축물이 남아있다.
    <!-- <hr> : 수평선 -->
    <hr>
    <!-- <blockquote></blockquote> : 들여쓰기(인용) -->
    <blockquote>
    성이시돌목장은 제주특별자치도 제주시 한립읍 금악리에 있다.<br>
    성이시돌목장은 제주특별자치도 제주시 한립읍 금악리에 있다.
    </blockquote>
    <!-- <pre></pre>: 소스 모양 그대로 출력 -->
    <pre>
        public class Test{
            public static void main(String args[]){
                System.out.println("html~");
            }
        }
        </pre>
</body>
</html>

'HTML CSS > HTML' 카테고리의 다른 글

2-3. 목록을 만드는 태그  (0) 2024.04.11
2-2. 텍스트를 한 줄로 표시하는 태그  (0) 2024.04.11
1-3. HTML 기본 문서 구조  (0) 2024.04.09
1-2. 웹 브라우저와 웹 편집기  (0) 2024.04.09
1-1. HTML이란 무엇일까?  (0) 2024.04.09