본문 바로가기
코딩/HTML, css

강의 1일 차 HTML 코드 작성

by 메모노어 2022. 5. 17.

짜잔

 

 

<body>
    <a href="https://www.naver.com/">네이버 사이트로 이동</a></br>
    <a href="https://www.google.com/">구글 사이트로 이동</a>

    <h3>가족 생태체험여행</h3>

    <ol>
        <li>기간 : 2017년 4월~10월</li>
        <li>대상 : 가족(초등학생 이상 어린이, 부모 및 동반자 참여<br />
        ※프로그램의 성격에 따라 대상자의 연령이 변경될 수 있습니다.</li>
        <li>인원 : 1반 20명 내외(부모 포함) 정원</li>
        <li>참가비 : 해당 프로그램 참조</li>
        <li>신청방법 : 홈페이지 신청, 사전결제(카드)</li>
    </ol>
   
    <table border="1">
        <tr>
            <th>열차번호</th>
            <th>출발</th>
            <th>도착</th>
            <th>특실</th>
            <th>일반실</th>
            <th>소요시간</th>
        </tr>
        <tr>
            <td>175</td>
            <td>서울<br/>
            21:00</td>
            <td>부산<br/>
            23:44</td>
            <td><img src=../01/img/특실1.jpg></td>
            <td><img src=../01/img/일반실1.jpg></td>
            <td>02:44</td>
        </tr>
        <tr>
            <td>177</td>
            <td>서울<br/>
            21:30</td>
            <td>부산<br/>
            00:08</td>
            <td><img src=../01/img/특실2.jpg></td>
            <td><img src=../01/img/일반실2.jpg></td>
            <td>02:38</td>
        </tr>
        <tr>
            <td>179</td>
            <td>서울<br/>
            22:00</td>
            <td>부산<br/>
            00:42</td>
            <td><img src=../01/img/특실3.jpg></td>
            <td><img src=../01/img/일반실3.jpg></td>
            <td>02:44</td>
        </tr>
    </table>

    <h3>오늘의 날씨</h3>

    <table border="1">
        <tr>
            <th>지역</th>
            <th>현재기온</th>
            <th colspan="2">불쾌지수/습도(%)</th>
            <th>퐁속(m/s)</th>
        </tr>
        <tr>
            <td rowspan="2">서울/경기</td>
            <td>23</td>
            <td>60</td>
            <td>80</td>
            <td>4.7</td>
        </tr>
        <tr>
            <td>20</td>
            <td>60</td>
            <td>80</td>
            <td>5.0</td>
        </tr>
        <tr>
            <td>제주도</td>
            <td>21</td>
            <td>65</td>
            <td>85</td>
            <td>3.6</td>
        </tr>
    </table>
    <br>
    <br>
    <br>
    <br>
    <form>
        자기소개:<br>
        <input type="text" name="search"  style="width:1000px; height:200px; font-size:30px;"/><br/>
        <button type="button">검색</button><br/>
        <button type="button">확인</button><br/>
        <button type="button">다시 쓰기(자기소개 내용 삭제)</button>
    </form>
</body>

 

이런 코드를 작성했다

괄호 하나 빼먹은 건 어쩔 수 없지

 

 

행열 매일 헷갈리는데 어떡하지

  • culumn=세로줄=열
  • row=가로줄=행