<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 |