๐Ÿ™‡โ€โ™€๏ธHTML

atom.io์—์„œ ๋‹ค์šด ๋ฐ›์€ ํ”„๋กœ๊ทธ๋žจ์œผ๋กœ ๊ณต๋ถ€ํ•จ!

w3schools.com/tags/

๐ŸชHTML

์ฃผ์„ : <!-- --> bold : <b> </b> italic : <i> </i> heading 1: <h1> </h1> ~ heading6: <h6> </h6> underline: <u> </u> bold(importance): <strong> <strong> ์กฐ๊ธˆ ์‹ค์ˆ˜ํ•˜๋”๋ผ๋„ ๋ณด์ •ํ•ด์คŒ

ํ•œ ์ค„ ๋„์šฐ๊ธฐ (Line breaker) : <br> ๋‹จ๋ฝ ๊ฐœํ–‰ (paragraph) : <p> </p> ์ด๋ฏธ์ง€ : <img src="img_ex.jpg" alt="It's ex" width="500" height="600"> ๋งํฌ ๊ฑธ๊ธฐ : <a href="https://www.naver.com"> ๋„ค์ด๋ฒ„ ์—ด๊ธฐ </a> ์ƒˆ์ฐฝ์œผ๋กœ ์—ด๊ธฐ : <a href="https://www.naver.com" target="_blank" ๋„ค์ด๋ฒ„ ์ƒˆ์ฐฝ์œผ๋กœ ์—ด๊ธฐ </a> ์ด๋ฏธ์ง€๋ฅผ ๋ˆŒ๋Ÿฌ์„œ ์ƒˆ์ฐฝ์œผ๋กœ ์—ด๊ธฐ : <a href="https://www.naver.com" target="_blank" <img src="img_ex.jpg" alt="It's ex" width="500" height="600"> </a>

  • ๋ฆฌ์ŠคํŠธ

๋ฆฌ์ŠคํŠธ :

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
ordered

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>
unordered
  • ํ…Œ์ด๋ธ”

ํ…Œ์ด๋ธ”:

<table>
  <tr>
    <th>Month</th>
    <th>Saving</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</table>
  • ์Šคํƒ€์ผ

์Šคํƒ€์ผ:

<style>
table, th, td {
  border: 1px solid black;
 }
</style>
  • ํ…Œ์ด๋ธ” ํ•ด๋“œ, ๋ฐ”๋””, ํ’‹

ํ…Œ์ด๋ธ” ํ•ด๋“œ, ๋ฐ”๋””, ํ’‹:

<table>
  <thead>
    <tr>
      <th>Month</th>
      <th>Savind</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>January</td>
      <td>$100</td>
    </tr>
    <tr>
      <td>February</td>
      <td$80</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>Sum</td>
      <td>$180</td>
    </tr>
  </tfoot>
</table>
  • ๊ตฌ์—ญ

๊ตฌ์—ญ ๋‚˜๋ˆ„๊ธฐ (division) : <div> </div> ํ—ค๋“œ : <head> </head> ๋ฐ”๋”” : <body> </body>

  • ๋ฒ„ํŠผ

๋ฒ„ํŠผ : <button type=โ€buttonโ€ onclick=โ€alert(โ€œHello world!โ€)>Click Me! </button> Click Me!์— ์ด๋ฏธ์ง€๋ฅผ ๋„ฃ๋Š” ๋“ฑ ์‘์šฉ ๊ฐ€๋Šฅ

ํƒœ๊ทธ:

์นดํ…Œ๊ณ ๋ฆฌ:

์—…๋ฐ์ดํŠธ:

์ฐธ๊ณ