HTML : Paragraph, horizontal line
Paragraph
단락 요소이며, 단락을 표시할 때 사용합니다.
Paragraph 문법
<!DOCTYPE html> <!--현재 문서가 HTML문서임을 명시-->
<html lang="en">
<head> <!-- HTML 문서의 메타데이터(metadata)를 정의 -->
<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> <!-- 문서의 내용 -->
<h1>단락 요소</h1> <!--h는 heading으로 제목이라고 볼 수 있음-->
<h2>단락 요소의 특징</h2>
<p>
단락을 표시하는 p태그는 블록태그
이기 때문에, 줄 바꿈이 일어납니다.
</p>
<p>
p태그는 내부에 인라인 요소를
여럿 가질 수 있지만
블록요소는 가질 수 없습니다.
</p>
</body>
</html>
Pragraph 웹브라우저
웹브라우저가 생성된 후 사진을 보면서 태그 작성을 비교하면 알 수 있듯이 HTML에서
태그 내부에 줄바꿈을 넣는다고 하여서 실제 웹브라우저에서 줄 바꿈이 되진 않습니다.
따라서 <br>태그(break line)를 사용하면 새로운 단락을 만들지 않고도 줄을 나눌 수 있습니다.
Horizontal line
HTML에서 단락을 나눌 때나 내용상의 구분을 표현하고자 할 때
가로선을 그을 수 있는 구분선을 사용합니다.
Horizontal line 문법
<!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>구분선 테스트</title>
</head>
<body>
<h1>구분선 긋기</h1>
<hr/>
<p>hr은 horizontal rule의 줄임말입니다.</p>
<hr>
<p>HTML은 정적 표현 요소에 씁니다.</p>
</body>
</html>
Horizontal line 웹브라우저
'IT 개발 관련 > HTML' 카테고리의 다른 글
| HTML : Grouping (0) | 2022.03.03 |
|---|---|
| HTML : form (0) | 2022.02.25 |
| HTML : LIST, TABLE (0) | 2022.02.22 |
