[목적]
브라우저에서 여러 줄에 걸쳐 문자열을 출력하는 방법을 배운다.
[이론]
이전 실습 ‘한글 인코딩‘의 과제를 살펴보면 출력 결과가 위와 같으므로 ‘<body>’ ~ ‘</body>’ 태그 사이를 아래와 같이 작성한 HTML 코드를 생각할 수 있다.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>홈페이지</title>
</head>
<body>
안산대학교
인터넷정보과
홈페이지제작
</body>
</html>
그러나 위와 같이 작성해 브라우저로 확인한다면 줄바뀜이 발생하지 않고 아래 그림과 같이 한 칸의 공백으로 구분된 단어들이 출력됨을 볼 수 있다. 이는 브라우저가 HTML 코드에 삽입된 줄바꿈(개행문자)을 공백과 동일하게 처리하기 때문이다.
홈페이지(HTML) 작성 시 여러 줄에 걸쳐 문자열을 출력하기 위해서는 줄을 바꾸고자 하는 위치에 ‘<br/>’ 태그를 사용하면 된다.
[실습]
1. 아래 파일을 작성한 후 이름을 ‘exam-05-01.html’로 하여 저장한다.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>홈페이지</title>
</head>
<body>
안산대학교<br/>
인터넷정보과<br/>
홈페이지제작<br/>
</body>
</html>
2. 브라우저를 통해 ‘exam-05-01.html’을 확인한다. 그러면 아래 그림과 같이 ‘<br/>’ 태그 위치에서 줄바꿈이 발생하여 출력됨을 볼 수 있다.
[과제]
다음과 같이 각 문자열 사이에 하나 이상의 공백을 출력하는 HTML 파일을 ‘exam-06-01.html’로 작성해 보자.
