반응형
1. <hr> 태그 - 수평 줄 넣기
기본형 : <hr>
- <hr> 태그의 hr은 수평선 이라는 뜻을 가진 horizontal 에서 스펠링 hr을 따와서 사용하는 태그입니다.
보통 여러 개의 텍스트 단락을 나열하는 도중에 텍스트 단락의 주제가 바뀔 때 분위기 전환용으로 사용합니다.
<hr>태그를 사용하여 간단한 예제를 작성해보겠습니다.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18 |
<!DOCTYPE html>
<html>
<head>
<META http-equiv="Content-Type" content="text/html; charset=euc-kr">
<title><br> 태그 사용 방법</title>
</head>
<body>
Hello, World!<br>
HTML5<br>
CSS3<br>
JavaScript<br>
<hr>
Korean<br>
English<br>
Japanese<br>
Chinese<br>
</body>
</html> |
cs |
<사진 1.1>
<hr> 태그, 즉 수평선을 기준으로 위에는 프로그래밍 언어를 입력하고 수평선 밑에는 나라별 언어를 작성했습니다.
결과 화면은 아래와 같습니다.
<사진 1.1 결과 화면>
프로그래밍 언어와 나라별 언어를 구분하기 쉽게 <hr> 태그를 사용하여 구분지었습니다.
반응형
'Web Basic > HTML5' 카테고리의 다른 글
| [HTML5] <pre>태그 사용 방법 (0) | 2018.03.07 |
|---|---|
| [HTML5] <blockquote>태그 사용 방법 (0) | 2018.03.07 |
| [HTML5] <br> 태그 사용 방법 (0) | 2018.03.05 |
| [HTML5] <p> 태그 사용 방법 (0) | 2018.03.03 |
| [HTML5] <hn> 태그 사용 방법 (0) | 2018.03.03 |