3-5. html 기초 μ—°μŠ΅λ¬Έμ œ 1, 2

2021. 10. 9. 00:44ㆍHTML + CSS + JS

728x90

1. html νƒœκ·Έ 속성 μ—°μŠ΅λ¬Έμ œ 

λ˜‘κ°™μ΄ λ§Œλ“€κΈ°!

 

λ‹΅:

<!DOCTYPE html>
<html lang="ko">
<head>
  <meta charset="UTF-8">
  <title>μ—°μŠ΅λ¬Έμ œ 1</title>
</head>
<body>
  <h1>수슡 ꡭ원 λͺ¨μ§‘</h1>
  <h2>방솑에 관심 μžˆλŠ” μƒˆλ‚΄κΈ° μ—¬λŸ¬λΆ„ ν™˜μ˜ν•©λ‹ˆλ‹€.</h2>
  <p>ꡐ내 λ°©μ†‘κ΅­μ—μ„œ μ‹ μž…μƒμ„ λŒ€μƒμœΌλ‘œ 수슡 ꡭ원을 λͺ¨μ§‘ν•©λ‹ˆλ‹€. ν•™λΆ€λ‚˜ 전곡에 μƒκ΄€μ—†μŠ΅λ‹ˆλ‹€.<br>
  ν‰μ†Œ 방솑에 κ΄€μ‹¬μžˆμ—ˆλ˜ μ—¬λŸ¬ ν•™μš°λ“€μ˜ μ§€μ›λ°”λžλ‹ˆλ‹€.</p>

  <ul>
    <li><b>λͺ¨μ§‘ κΈ°κ°„:</b> 3μ›” 2일 ~ 3μ›” 11일</li>
    <li><b>λͺ¨μ§‘ λΆ„μ•Ό:</b> μ•„λ‚˜μš΄μ„œ, PD, μ—”μ§€λ‹ˆμ–΄</li>
    <li><b>지원 방법:</b> 양식 μž‘μ„± ν›„ 이메일 μ ‘μˆ˜ <br>
  <i>μ§€μ›μ„œ 양식은 ꡐ내 방솑ꡭ ν™ˆνŽ˜μ΄μ§€ 곡지 κ²Œμ‹œνŒμ— μžˆμŠ΅λ‹ˆλ‹€.</i> </li>
  </ul>

  <h3>ν˜œνƒ</h3>
  <ol type="a">
    <li>수슡기자 ν™œλ™ 쀑 μ†Œμ •μ˜ ν™œλ™λΉ„ 지급</li>
    <li>μ •κΈ°μžλ‘œ μ§„κΈ‰ν•˜λ©΄ μž₯ν•™κΈˆ 지급 </li>
  </ol>

  <img src="/04/images/mic.jpg">
</body>
</html>

 

 

2. ν…Œμ΄λΈ” μ—°μŠ΅ 문제 

μ΄λ ‡κ²Œ λ§Œλ“œμ‹œμ˜€!

 

λ‹΅: 

<!DOCTYPE html>
<html lang="ko">
<head>
  <meta charset="UTF-8">
  <title>μ—°μŠ΅λ¬Έμ œ 2</title>
  <style>
    table, td, th {
      border:1px solid #ccc;
    }
    td, th {
      padding:10px 20px;
    }
    td:last-child{
      width:200px;
    }
  </style>
</head>
<body>
  <h1>수슡 ꡭ원 지원 양식</h1>

  <table>
    <tr>
      <th rowspan="3">κ°œμΈμ •λ³΄</th>
      <th>이름</th>
      <td colspan="2"></td>
    </tr>

    <tr>
      <th>ν•™κ³Ό/ν•™λ²ˆ</th>
      <td colspan="2"></td>
    </tr>

    <tr>
      <th>μ—°λ½μ²˜</th>
      <td colspan="2"></td>
    </tr>

    <tr>
      <th>지원뢄야</th>
      <td colspan="4"></td>
    </tr>
  </table>
</body>
</html>
728x90

'HTML + CSS + JS' μΉ΄ν…Œκ³ λ¦¬μ˜ λ‹€λ₯Έ κΈ€

4-2. html input νƒœκ·Έ 속성듀  (0) 2021.10.09
4-1. html form κ³Ό κ΄€λ ¨λœ νƒœκ·Έλ“€  (0) 2021.10.09
3-4. html ν•˜μ΄νΌλ§ν¬ νƒœκ·Έ<a>  (0) 2021.10.09
3-3. html μ˜€λ””μ˜€μ™€ λΉ„λ””μ˜€ νƒœκ·Έ  (0) 2021.10.09
3-2. html img νƒœκ·Έ  (0) 2021.10.08

κ΄€λ ¨κΈ€

λŒ“κΈ€ 0

ν‹°μŠ€ν† λ¦¬νˆ΄λ°”