Day26：實做練習-履歷

2022 iThome 鐵人賽

Modern Web

30天複習網頁前端設計!系列第 26 篇

14th鐵人賽

2022-11-28 11:40:33

1277 瀏覽

分享至

<body>
    <!--header and navbar-->
    <header>
      <nav>
        <ul>
          <li><a href="index.html">首頁</a></li>
          <li><a class="active" href="#">個人履歷</a></li>
          <li><a href="contact.html">聯絡方式</a></li>
          <li><a href="project">網頁成果</a></li>
        </ul>
      </nav>
    </header>

    <main>
        <section class="table">
            <table>
                <tr style="border-top: 1px solid rgba(41, 60, 68, 0.719)">
                  <td style="width: 20%">自我簡介</td>
                  <td style="width: 80%">
                    我目前就讀輔仁大學醫資學程二年級，喜歡拍照、錄影紀錄生活，也喜歡音樂以及各種美食。
                    平時興趣則是打排球、羽球等多種運動。
                  </td>
                </tr>
                <tr>
                  <td>學歷</td>
                  <td>
                    <ul>
                      <li>輔仁大學 醫學資訊與創新應用學士學位學程</li>
                      <li>桃園高中 普通科</li>
                    </ul>
                  <td>
                </tr>
                <tr>
                  <td>語言</td>
                  <td>
                    <ul>
                      <li>中文: 精通</li>
                      <li>英文: 尚可</li>
                      <li>閩南語: 尚可</li>
                    </ul>
                  </td>
                </tr>
                <tr>
                    <td>學習語言</td>
                    <td>
                        <img src="ICONS\icons8-python.svg" title="Python" alt="Python">
                        <img src="ICONS\icons8-java.svg" title="Java" alt="Java">
                        <img src="ICONS\icons8-html-5.svg" title="HTML" alt="HTML">
                    </td>
                </tr>
              </table>
        </section>
        <section class="picture">
            <img src="Pictures\portfolio02.jpeg" alt="" />
            <div class="blueRect"></div>
        </section>
    </main>
    <!--links for facebook, instagram and youtube-->
    <!-- the icons can be found from https://icons8.com/ -->
    <footer>
        <a href="https://www.facebook.com/dogcherrycat"
        ><img src="ICONS\icons8-facebook-circled.svg" alt="facebook" title="facebook page"
      /></a>
      <a href="https://www.instagram.com/5hienu/">
        <img
          src="ICONS\icons8-instagram.svg"
          alt="instagram"
          title="instagram page"
        /></a>
    </footer>
  </body>