실습문제 3-2

WEB/TRAINNING 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

'WEB > TRAINNING' 카테고리의 다른 글

실습문제 3-4  (0) 2017.11.04
실습문제 3-3  (0) 2017.11.04
실습문제 3-1  (0) 2017.11.04
Open challenge 03. 컴퓨터 기술 소개 웹 페이지 : 구조화 및 웹 폼 작업  (0) 2017.11.04
실전문제 2-6  (0) 2017.11.04
Posted by 너래쟁이
: