Day 042

AWESOMee·2022년 3월 15일

Udemy Python Bootcamp

목록 보기

42/64

Udemy Python Bootcamp Day 042

Deprecated

What that word means is that it's almost like it's downgraded. It's something that they no longer recommend you using. And the reason is because we have to always keep in mind that HTML is for structure, CSS is for styling and the JavaScript is for behavior. And even though it's possible to affect the style of your website through using HTML attributes or through using different HTML elements, you have to try and resist when you can.

border defines, in pixels, the size of the frame that's surrounding the table.
cellspacing defines the size of the space between two cells in a percentage value or pixels.

Tables

    <hr>
    <h3>Work Experience</h3>
    <table cellspacing="10">
      <thead>
        <tr>
          <th>Dates</th>
          <th>Work</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>2018-2021</td>
          <td>Credit Union in Korea</td>
        </tr>
        <tr>
          <td>2017-2018</td>
          <td>Starbucks in UK</td>
        </tr>
      </tbody>
      <tfoot>

      </tfoot>

    </table>
    <hr>
    <h3>Skills</h3>
      <table cellspacing="10">
        <tr>
          <td>Python</td>
          <td>★★★</td>
        </tr>
        <tr>
          <td>HTML</td><td>★</td>
        </tr>
        <tr>
          <td>Make Coffee</td>
          <td>★★★★★</td>
        </tr>
        <tr>
          <td>Make Beverage</td>
          <td>★★★★★</td>
        </tr>
      </table>

#output

HTML Forms

<form class="" action="index.html" method="post">
      <label>Your Name:</label>
      <input type="text" name="" value="">
      <input type="color" name="" value=""><br>
      <label>Password:</label>
      <input type="password" name="" value=""><br>
      <label>Do you want to sign up to the email list?</label>
      <input type="checkbox" name="" value="">
      <input type="submit" name="">
    </form>

#output

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <form class="" action="index.html" method="post">
      <input type="text"><br>
      <input type="submit"><br>
      <input type="file"><br>
      <input type="date"><br>
      <input type="radio"><br>
      <input type="range">
    </form>
  </body>
</html>