Day 42 - Web Foundation - Intermediate HTML

Python 百日馬／全攻略／Fundamentals cv組
,
1

本章由 Wayne 分享，筆記連結網址於此，由 Sky 取得同意後，整理如下。

時間：2021年6月13日 20:30~21:00
與會人員：Wayne, Dot, 玉米, Yeh, Sky
分享：Wayne

358. Day 42 Goals: what you will make by the end of the day

  • Project: Forms and Tables in HTML

359. HTML Tables

  • tag
    • table row
    • table data
  • 田字型Tables
<table>
  <tr>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
  </tr>
</table>
  • head, body, foot
<table>
    <thead>
      <tr>
        <th></th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td></td>
      </tr>
    </tbody>
    <tfoot>
    </tfoot>
</table>

Pascal van Gemert(Web Developer)
http://www.pascalvangemert.nl/#/profile

360. Using HTML Tables for Layout

  • 將 照片 和 簡介 並排
<table>
  <tr>
    <td>photo</td>
    <td>brief introduction</td>
  </tr>
</table>

361. HTML Tables Code Challenge

362. How to Type Emojis

  • emoji

363. HTML Tables Solution Walkthrough

  • double table <td>
    • 吅 ← 田 + 田

364. HTML Forms

  • form
<form>
  <label>Name:<label>
  <input type="text">
  <input type="submit">
</form>

365. Forms in Practice - Create a Contact Me Form

366. Publish Your Website!