WEB/TRAINNING

실습문제 3-2

너래쟁이 2017. 11. 4. 19:23

2. <figure> 태그와 <figcaption> 태그를 이용하여 다음과 같은 문서를 작성하라.




1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>웹 브라우저</title></head>
<body>
<h3>웹 브라우저 소개</h3>
<hr>
<table>
<tr>
    <td>
        <div>브라우저라고 불리기도 하는 웹 브라우저(Web Browser)는, 
            사용자에게 웹 서버 컴퓨터에 접속하고 웹 페이지, 이미지, 동영상, 
            음악 등 다양한 데이터 다운받아 보여주는 소프트웨어이다. 
            <strong>그림 1-2</strong>는 대표적인 Chrome 웹 브라우저를 보여준다.</div>
    </td>
    <td>
        <figure id="1-2">
            <img src="media/chrome.png" width="200">
            <figcaption>그림 1-2 구글 Chrome</figcaption>
        </figure>
    </td>
</tr>
<tr>
    <td>
        <div>웹 페이지는 브라우저에 HTML5 문서임을 알리기 위해
            <strong>그림 1-3</strong>과 같은 코드를 첫 라인에 삽입하여야 한다. </div>
    </td>
    <td>
        <figure id="1-3">
            <code>
                <strong>&lt;!doctype html&gt;<br></strong>
                &lt;/html&gt;<br>
                ...<br>
                &lt;/html&gt;<br>
            </code>
            <figcaption>그림 1-3 HTML5 문서 구성</figcaption>
        </figure>
    </td>    
</tr>
</table>
</body>
</html>
 
cs