반응형
1. <br> 태그 - 줄 바꾸기
기본형 : <br>
- 코드 작성시 줄바꿈(엔터)을 하더라도 결과 화면은 줄바꿈 없이 한 줄로 표시됩니다.
1
2
3
4
5
6
7
8
9
10
11
12
13 |
<!DOCTYPE html>
<html>
<head>
<META http-equiv="Content-Type" content="text/html; charset=euc-kr">
<title><br> 태그 사용 방법</title>
</head>
<body>
Hello, World!
HTML5
CSS3
JavaScript
</body>
</html> |
cs |
<사진 1.1>
<사진 1.1>은 Hello, World!를 입력 후 엔터를 눌렀고 HTML5를 입력 후 엔터를 눌렀으며 CSS와 JavaScript도
마찬가지입니다. 우리가 예상하는 결과와는 달리 결과 화면은 아래와 같습니다.
<사진 1.1 결과 화면>
이렇게 웹 브라우저 창에는 줄바꿈 없이 한 줄로 표시됩니다. 웹 브라우저 창에서 줄바꿈을 하려면 줄을 바꿀 위치에
<br> 태그를 사용합니다. <br>태그는 닫는 태그가 없습니다.
1
2
3
4
5
6
7
8
9
10
11
12
13 |
<!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>
</body>
</html> |
cs |
<사진 1.2>
<사진 1.2>과 같이 줄바꿈을 희망하는 곳에 <br>태그를 입력하면 마치 엔터를 누른 것과 같은 기능을 합니다.
<사진 1.2 결과 화면>
반응형
'Web Basic > HTML5' 카테고리의 다른 글
[HTML5] <pre>태그 사용 방법 (0) | 2018.03.07 |
---|---|
[HTML5] <blockquote>태그 사용 방법 (0) | 2018.03.07 |
[HTML5] <hr> 태그 사용 방법 (0) | 2018.03.05 |
[HTML5] <p> 태그 사용 방법 (0) | 2018.03.03 |
[HTML5] <hn> 태그 사용 방법 (0) | 2018.03.03 |