혜랑's STORY

[WEB 1주차 실습: HTML] 본문

2020 SISS 21기 활동/여름방학 WEB

[WEB 1주차 실습: HTML]

hyerang0125 2020. 7. 7. 14:25

1. Hello World! 문구가 화면에 나타나도록 하기

chapter02 - (1)번 실행 결과

- 코드

<html>
    <body>
        Hello World!
    </body>
</html>

 

2. 자기소개서 만들기

Chapter02 - (2)번 실행 결과

- 취미 목록 코드

    <h2>나의 취미</h2>
        <ol>
            <li>게임하기 <small><sup>모바일 게임은 스도쿠를 가장 좋아하고 컴퓨터 게임은 롤을 좋아한다.</sup></small></li>
            <li>게임 방송보기</li>
            <li>추리소설 책 읽기</li>
            <li>롱보드 타기</li>
            <li>드라마 보기</li>
        </ol>

- 시간표 코드

    <h2>2020 1학기 시간표</h2>
        <table border="1">
        <tr>
                <th></th>
                <th>월</th>
                <th>화</th>
                <th>수</th>
                <th>목</th>
                <th>금</th>

            <tr>
                <td>9</td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td>10</td>
                <td></td>
                <td>소프트웨어의이해</td>
                <td></td>
                <td>소프트웨어의이해</td>
                <td></td>
            </tr>
            <tr>
                <td>11</td>
                <td></td>
                <td>소프트웨어의이해</td>
                <td>세계시민교육과리더십</td>
                <td>소프트웨어의이해</td>
                <td></td>
            </tr>
            <tr>
                <td>12</td>
                <td></td>
                <td></td>
                <td>세계시민과리더십교육</td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td>13</td>
                <td></td>
                <td>커뮤니케이션영어</td>
                <td>비판적사고와토론</td>
                <td>커뮤니케이션영어</td>
                <td>진로탐색과역량개발</td>
            </tr>
            <tr>
                <td>14</td>
                <td></td>
                <td>커뮤니케이션영어</td>
                <td>비판적사고와토론</td>
                <td>커뮤니케이션영어</td>
                <td>진로탐색과역량개발</td>
            </tr>
            <tr>
                <td>15</td>
                <td></td>
                <td>컴퓨터과학의이해</td>
                <td></td>
                <td>컴퓨터과학의이해</td>
                <td>진로탐색과역량개발</td>
            </tr>
            <tr>
                <td>16</td>
                <td></td>
                <td></td>
                <td>국가안보론</td>
                <td></td>
                <td>진로탐색과역량개발</td>
            </tr>
            <tr>
                <td>17</td>
                <td></td>
                <td></td>
                <td>국가안보론</td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td>18</td>
                <td></td>
                <td></td>
                <td>국가안보론</td>
                <td></td>
                <td></td>
            </tr>
        
        </table>

- 최종 코드

<HTML>
<BODY>
    <p>
        <h1>자기소개서</h1>
        안녕하세요. 저는 숙명여자대학교 소프트웨어학부 컴퓨터과학과에 재학중인 곽현지입니다.<br />
        이 페이지에서는 제 취미와 1학기 시간표를 소개하려고 합니다.
    </p>

    <p>
        <h2>나의 취미</h2>
        <ol>
            <li>게임하기 <small><sup>모바일 게임은 스도쿠를 가장 좋아하고 컴퓨터 게임은 롤을 좋아한다.</sup></small></li>
            <li>게임 방송보기</li>
            <li>추리소설 책 읽기</li>
            <li>롱보드 타기</li>
            <li>드라마 보기</li>
        </ol>
    </p>

    <p>

        <h2>2020 1학기 시간표</h2>
        <table border="1">
        <tr>
                <th></th>
                <th>월</th>
                <th>화</th>
                <th>수</th>
                <th>목</th>
                <th>금</th>

            <tr>
                <td>9</td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td>10</td>
                <td></td>
                <td>소프트웨어의이해</td>
                <td></td>
                <td>소프트웨어의이해</td>
                <td></td>
            </tr>
            <tr>
                <td>11</td>
                <td></td>
                <td>소프트웨어의이해</td>
                <td>세계시민교육과리더십</td>
                <td>소프트웨어의이해</td>
                <td></td>
            </tr>
            <tr>
                <td>12</td>
                <td></td>
                <td></td>
                <td>세계시민과리더십교육</td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td>13</td>
                <td></td>
                <td>커뮤니케이션영어</td>
                <td>비판적사고와토론</td>
                <td>커뮤니케이션영어</td>
                <td>진로탐색과역량개발</td>
            </tr>
            <tr>
                <td>14</td>
                <td></td>
                <td>커뮤니케이션영어</td>
                <td>비판적사고와토론</td>
                <td>커뮤니케이션영어</td>
                <td>진로탐색과역량개발</td>
            </tr>
            <tr>
                <td>15</td>
                <td></td>
                <td>컴퓨터과학의이해</td>
                <td></td>
                <td>컴퓨터과학의이해</td>
                <td>진로탐색과역량개발</td>
            </tr>
            <tr>
                <td>16</td>
                <td></td>
                <td></td>
                <td>국가안보론</td>
                <td></td>
                <td>진로탐색과역량개발</td>
            </tr>
            <tr>
                <td>17</td>
                <td></td>
                <td></td>
                <td>국가안보론</td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td>18</td>
                <td></td>
                <td></td>
                <td>국가안보론</td>
                <td></td>
                <td></td>
            </tr>
        
        </table>
    </p>
</BODY>
</HTML>

'2020 SISS 21기 활동 > 여름방학 WEB' 카테고리의 다른 글

[WEB 3주차 실습 : CSS]  (0) 2020.07.16
[WEB 3주차 공부 : CSS]  (0) 2020.07.16
[WEB 2주차 실습 : HTML]  (0) 2020.07.14
[WEB 2주차 공부 : HTML]  (0) 2020.07.14
[WEB 1주차 공부 : HTML]  (0) 2020.07.07