[목적]
브라우저에 ‘&’를 출력하는 방법을 배운다.
[이론]
위 그림과 같은 결과를 얻기 위해 아래 코드를 입력한다.
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <title>홈페이지</title> </head> <body> <<br/> ><br/> </body> </html>
그러면 이전 글에서 다루것과 같이 ‘<’, ‘>’는 각각 ‘<‘, ‘>’을 출력하므로 아래 그림의 결과가 출력된다.
올바른 결과를 위해서는 ‘&’ 출력을 위한 ‘&’를 응용하여HTML 코드에 ‘lt’와 ‘gt’ 앞에 ‘&’를 붙여주면 브라우저 상에 ‘<’와 ‘>’를 출력할 수 있다.
[실습]
1. HTML에서 ‘&’ 출력을 위한 특수문자는 ‘&’다. 따라서 위 HTML 코드를 아래와 같이 수정한 후 이름을 ’exam-08-01.html’로 하여 저장한다.
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <title>홈페이지</title> </head> <body> &lt;<br/> &gt;<br/> </body> </html>
2. 브라우저로 확인하면 아래와 같은 결과를 확인할 수 있다.