반응형
<hr>태그는 선을 그려 줍니다.
선을 그려줌으로써 문단의 내용 및 주제 변화를 손쉽게 구분하여 나타내 줄 수 있습니다.
이럴때 html 에서는 <hr> 태그를 사용합니다. hr 은 horizontal rule 의 약자이기도 합니다.
하기 예제를 살펴보겠습니다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- hr 태그는 horizontal rule 약자로 내용 및 주제 변화를 선으로 구분해 줍니다 -->
<h2>한국</h2>
한국의 영어표기는 Republic of Korea 입니다.<br>
동아시아에 위치한 나라로 인구는 약 5174만명 입니다.<br>
<hr>
<h2>독일</h2>
독일의 영어표기는 Germarny 입니다.<br>
중앙유럽에 위치한 나라로 인구는 약 8320만명 입니다.<br>
</body>
</html>위처럼, 한국과 독일을 구분하기 위해서 <hr>태그로 선을 그어 구분합니다.
브라우저에서 확인하면 하기와 같은 결과값을 얻을 수 있습니다.
주제 및 내용의 변화가 생길때 <hr> 선긋기로 html 문서를 표현하면 됩니다.
<hr>태그 예제 였습니다. 감사합니다.
반응형
'앱 만들기 > HTML5 study' 카테고리의 다른 글
| <ol> 태그 속성 (2) | 2023.02.19 |
|---|---|
| <ol> 태그 사용법 (4) | 2023.02.06 |
| <strong>태그 사용법 (1) | 2023.01.28 |
| <em> 태그 사용법 (2) | 2023.01.26 |
| <br>태그 예제 (4) | 2023.01.25 |
댓글