HTML은 코드의 가독성을 위해, 내용을 줄바꿈을 해도 실제 화면에서는 한 줄로 출력된다.
그렇다면, 어떻게 줄바꿈 효과를 낼 수 있을까?
'break line' 의미를 가지는 <br> 태그를 사용하면 된다.
줄바꿈 없는 공백은 (non-breaking space)을 사용하면 된다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
첫번째 문장입니다.
두번째 문장입니다.<br>
두번째 문장입니다. <!-- 공백 문자 : -->
세번째 문장입니다. </br>
네번째 문장입니다. <br> <!-- HTML5에서는, 끝나는 종료 태그에 굳이 슬래쉬를 안 붙여도 된다. -->
다섯번째 문장입니다.
</body>
</html>
'웹 프로그래밍 > HTML' 카테고리의 다른 글
| [HTML] 특수문자 표현하기('<', '>', ' ') (0) | 2020.06.11 |
|---|---|
| [HTML] 제목(heading) 태그 <h1>, <h2>, ... , <h6> (0) | 2020.06.11 |
| [HTML] 선을 그리는 단일 태그 <hr> (0) | 2020.06.11 |
| [HTML] p 태그, div 태그 VS span 태그: block-level-element VS inline-level-element (0) | 2020.06.11 |
| [HTML] HTML 정의 및 특징 (0) | 2020.06.11 |
