메뉴 건너뛰기

KHE
조회 수 152 댓글 1

<!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문서 구성부분이 보이지 않습니다. 문제가 뭘까요ㅠㅠ

 

 

?
  • ?
    관리자 2022.09.09 11:14
    <code> ... </code> 에 들어가는 내용에 <html> 태그를 그대로 사용하면 새로운 문서의 시작으로 인식합니다.

    예를 들어 질문자가 한 것처럼 다음과 같이 하면 안되요.
    <code>
    <!doctype html>
    .....
    </code>

    <html> 태그를 그냥 문자로 처리하도록 만들어주어야 합니다.
    다음과 같이 하면 됩니다.
    <code>
    <!doctype html><br>
    .....
    </code>

    글씨를 굵게 출력하려면 <strong> 태그를 넣어도 됩니다.
    <code>
    <strong><!doctype html><br></strong>
    .....
    </code>

    나머지는 스스로 해보세요.

QnA

공부하면서 궁금했던 것을 질문해보세요.

List of Articles
번호 제목 글쓴이 날짜 조회 수
공지 읽어주세요! 연습문제 및 실습문제 정답 공개에 관한 공지입니다. file 관리자 2017.06.21 18175
382 13장 실습문제 5번 질문입니다. 3 웹린 2022.12.04 111
381 10장 연습문제 10번 질문입니다. 2 웹린 2022.11.03 158
380 webgl 2차원. 1 궁금해요 2022.10.10 131
379 6장 9-2번 이론문제(개정판) 1 file 궁금해요 2022.09.10 157
» 연습문제 3장 2번 질문합니다! 1 file KHE 2022.09.08 152
377 4장 9번 이론문제 2 궁금해요 2022.09.07 114
376 [개정판] p.357 sibling 에 대한 설명 및 그림 8-7 1 질문 2022.09.02 59
375 target프로퍼티 질문(페이지 428쪽) 2 한성이 2022.08.15 47
374 스타일 시트 객체 2 한성이 2022.08.09 32
373 css3의 프로퍼티와 7장 객체의 프로퍼티 1 한성이 2022.08.07 38
372 9장 6번 실습문제 2 궁금해요 2022.07.24 123
371 예제 8-9(373p) 1 열공이 2022.05.29 87
370 timerID값이 null인 이유 1 열공이 2022.05.26 598
369 length 프로퍼티 2 열공이 2022.05.21 59
368 9장 실습문제3번 2 열공이 2022.05.17 192
367 5장 오픈챌린지 관련 시급함 2022.04.16 197
366 교제 254페이지 1 쿠웨이트 2022.04.12 84
365 5장 실습문제 8번 2 쿠웨이트 2022.04.12 121
364 5장 실습문제 10번 1 쿠웨이트 2022.04.12 107
363 이미지파일 6 스물다섯 2022.04.08 106
목록
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 21 Next
/ 21
위로