<!DOCTYPE html>
<html>
<head>
<title>웹 브라우저</title>
<meta charset="utf-8">
</head>
<body>
<h3>웹 브라우저 소개</h3>
<hr>
<table>
<tr>
<td width="400" height="400">
<p>
브라우저라고 불리기도 하는 웹 브라우저(Web Browser)는, 사용자에게 웹 서버 컴퓨터에 접속하고
웹페이지, 이미지, 동영상, 음악 등 다양한 데이터를 다운받아 보여주는 소프트웨어이다. <b>그림 1-2</b>는
대표적인 Chrome 웹 브라우저를 보여준다.
</p>
</td>
<td>
<figure>
<img src="resource/browser.PNG" width="300" height="300">
<figcaption>그림 1-2 구글 Chrome</figcaption>
</figure>
</td>
</tr>
<tr>
<td width="400" height="400">
<p>
웹 페이지는 브라우저에 HTML5 문서임을 알리기 위해 <b>그림 1-3</b>과 같은 코드를
첫 라인에 삽입하여야 한다.
</p>
</td>
<td width="400" height="400">
<figure>
<pre>
<code>
<!DOCTYPE>
<html>
<head>
</head>
<body>
</body>
</html>
</code>
</pre>
<figcaption>그림 1-3 HTML5 문서 구성</figcaption>
</figure>
</td>
</tr>
</table>
</body>
</html>
이렇게 코드를 작성하였는데 첨부파일처럼 그림1-3문서 구성부분이 보이지 않습니다. 문제가 뭘까요ㅠㅠ
예를 들어 질문자가 한 것처럼 다음과 같이 하면 안되요.
<code>
<!doctype html>
.....
</code>
<html> 태그를 그냥 문자로 처리하도록 만들어주어야 합니다.
다음과 같이 하면 됩니다.
<code>
<!doctype html><br>
.....
</code>
글씨를 굵게 출력하려면 <strong> 태그를 넣어도 됩니다.
<code>
<strong><!doctype html><br></strong>
.....
</code>
나머지는 스스로 해보세요.