프론트앤드/HTML

[포스코x코딩온] 웹개발자 입문 과정 1주차 회고-08 | HTML 실습4

영최 2023. 3. 3. 12:46
728x90

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>homework4</title>
</head>
<body>
    <table border="1" cellspacing="0" cellpadding="10" width="500" height="800" style="text-align: center;">
        <tr>
            <td >구분</td>
            <td>음료</td>
            <td>가격</td>
            <td>이미지</td>
        </tr>
        <tr>
            <td rowspan="2">커피류</td>
            <td> <a href="https://namu.wiki/w/%EC%B9%B4%ED%8E%98%20%EC%95%84%EB%A9%94%EB%A6%AC%EC%B9%B4%EB%85%B8">아메리카노</a></td>
            <td>4500 원</td>
            <td><img width="100" height="100" src="data:image/jpeg;base64,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"></td>
        </tr>
        <tr>
            <td> <a href="https://namu.wiki/w/%EC%B9%B4%ED%8E%98%20%EC%95%84%EB%A9%94%EB%A6%AC%EC%B9%B4%EB%85%B8">돌체라떼</a></td>
            <td>4500 원</td>
            <td><img width="100" height="100" src="data:image/jpeg;base64,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"></td>
        </tr>
        <tr>
            <td rowspan="2">주스류</td>
            <td> <a href="https://namu.wiki/w/%EC%B9%B4%ED%8E%98%20%EC%95%84%EB%A9%94%EB%A6%AC%EC%B9%B4%EB%85%B8">자바칩 푸라푸치노</a></td>
            <td rowspan="2">5000 원</td>
            <td><img width="100" height="100" src="data:image/jpeg;base64,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"></td>
        </tr>
        <tr>
            <td> <a href="https://namu.wiki/w/%EC%B9%B4%ED%8E%98%20%EC%95%84%EB%A9%94%EB%A6%AC%EC%B9%B4%EB%85%B8">녹차 프라푸치노</a></td>
            <td><img width="100" height="100" src="data:image/jpeg;base64,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"></td>

        </tr>
    </table>
</body>
</html>

여기서 보완해야할 부분은 내가 th를 사용하지 않고 td를 사용했다는 것이다.

또한 이부분에서 어려웠던 점은 음료 이름을 클릭했을 때 설명하는 페이지와 연동할 수 있게 만드는 부분이었는데,

이부분은 a태그를 생각해냈지만 어떻게 넣어야할지 고민하다가 td 안에 구현을 할 수 있었다.

직접 표를 완성해보니 뿌듯했다.

728x90
저작자표시 비영리 변경금지

'프론트앤드 > HTML' 카테고리의 다른 글

[포스코x코딩온] 웹개발자 입문 과정 1주차 회고-09 | HTML Sementic  (0) 2023.03.03
[포스코x코딩온] 웹개발자 입문 과정 1주차 회고-07 | HTML 실습3  (0) 2023.03.03
[포스코x코딩온] 웹개발자 입문 과정 1주차 회고-06 | HTML table  (0) 2023.03.03
[포스코x코딩온] 웹개발자 입문 과정 1주차 회고-05 | HTML 실습2  (0) 2023.03.03
[포스코x코딩온] 웹개발자 입문 과정 1주차 회고-04 | HTML Form 태그  (0) 2023.03.03

'프론트앤드/HTML'의 다른글

  • 현재글[포스코x코딩온] 웹개발자 입문 과정 1주차 회고-08 | HTML 실습4

관련글

티스토리툴바