workshop4

248c631ecc5f3fa54d94b3746e7cb52f?s=47 Taeyoon Choi
August 28, 2016
520

 workshop4

248c631ecc5f3fa54d94b3746e7cb52f?s=128

Taeyoon Choi

August 28, 2016
Tweet

Transcript

  1. ࠛഛपೠ ೟Ү 4

  2. 1. HTML ಫ؊ ٜ݅ӝ 2. ࢲ࠳ۄ੐ীࢲ ੋؙझ ݅ٚ׮

  3. 1. HTML ಕ੉૑ ٜ݅ӝ

  4. ࢲ࠶ۄ੐ীࢲ ࢜ ౵ੌ ٜ݅Ҋ index.html ਵ۽ ੷੢ೞӝ ݾର

  5. <!DOCTYPE HTML> ޙࢲ੄ ઙܨ Document Type

  6. ইޖ۠ ੿ࠁо হ਺

  7. <head> </head>

  8. <head> <title>੉ ಕ੉૑ ઁݾ</title> </head> ৈ۞࠙੄ ಕ੉૑ ઁݾਸ ੑ۱ೞࣁਃ. ৘:

    ࠛഛपೠ ೟Ү ই౭झ౟ ಕ੉૑
  9. ೳ. ӵ઎׮!

  10. None
  11. None
  12. <html> </html> html ޙࢲ੄ द੘ html ޙࢲ੄ ՘

  13. <html lang="ko"> </html> html੄ ઱ ঱য ೠҴয ࢶ঱

  14. <body> <p> Ӗ ղਊ </p> </body> ߄٣੄ द੘ ߄٣੄ ՘

    paragraph ౵ۄӒۄ೐ ױۅ
  15. None
  16. None
  17. ӡ׮!

  18. <br>

  19. <br>

  20. <div style = "width:50%; margin:auto;"> <p> Ӗ ղਊ </p> </div>

    ٣࠳੄ द੘ ٣࠳੄ ՘ ઺ঔী ੿۳
  21. </p> </p>

  22. None
  23. <h1>ա੄ ੘ಿ </h1>

  24. `

  25. align="center"

  26. source ࣗझ image ੉޷૑

  27. None
  28. None
  29. <a href ="http://uncertaintyschool.org"> ࠛഛपೠ ೟Ү </a>

  30. CSS ਤ஖

  31. <!DOCTYPE HTML> <html lang=“ko”> <head> <title>ࠛഛपೠ ೟Ү</title> <style> </style> CSS

    ਤ஖
  32. <!DOCTYPE HTML> <html lang=“ko”> <head> <title>ࠛഛपೠ ೟Ү</title> <style> </style> CSS

    ਤ஖
  33. CSS ҳઑ ࢸݺ

  34. None
  35. None
  36. None
  37. ੉ܴࠗܰӝ झఋੌݺ۸ೞӝ

  38. None
  39. h1੄ ࢝ӭ ߄Լࠁӝ <!DOCTYPE HTML> <html lang=“ko”> <head> <title>ࠛഛपೠ ೟Ү</title>

    <style> h1 {font-color: pink;} </style>
  40. h1੄ ࢝ӭ ߄Լࠁӝ <!DOCTYPE HTML> <html lang=“ko”> <head> <title>ࠛഛपೠ ೟Ү</title>

    <style> h1 {font-color: pink;} </style>
  41. ఫझ౟ झఋੌ ૑੿

  42. Ҹӝ/ӝ਎੐ ࢝ӭ ૑੿ ੗р ઑ੿ ೯р ઑ੿ ੿۳

  43. Ҹӝ ૑੿ p { font-weight : bold; } উ֞ೞࣁਃ উ֞ೞࣁਃ

  44. ӝ਎੐ ૑੿ p { font-style : Italic; }

  45. ࢝ӭ ૑੿ p { font-color : green; } উ֞ೞࣁਃ উ֞ೞࣁਃ

  46. ੗р ઑ੺ p { letter-spacing : -1px } উ ֞

    ೞ ࣁ ਃ উ ֞ ೞ ࣁ ਃ ગѱ ևѱ p { letter-spacing : 5px } /*ગѱ*/ /*ևѱ*/
  47. ೯р ઑ੺ p { line-height : 20px } উ֞ೞࣁਃ য়ט

    զॿ ଵ જ֎ਃ ગѱ ևѱ p { line-height : 40px } /*ગѱ*/ /*ևѱ*/ উ֞ೞࣁਃ য়ט զॿ ଵ જ֎ਃ
  48. Ӗ੗ झఋੌ ߄Լࠁӝ <style> h1 {font-color: pink;} body { background-color

    : yellow;} p { font-color: blue; font-style : Italic; font-weight : bold; letter-spacing : -1px; line-height : 30px; }
  49. ݂௼ झఋੌ ߄Լࠁӝ <style> h1 {font-color: pink;} body { background-color

    : yellow;} p { font-color: blue; font-style : Italic; font-weight : bold; letter-spacing : -1px; line-height : 30px; }
  50. ߓ҃࢝ ߄Բӝ

  51. ߓ҃࢝ ߄Լࠁӝ <style> body { background-color : yellow;} </style>

  52. ݂௼ झఋੌ ૑੿

  53. ݂௼ झఋੌ ૑੿ a { font-color : orange } ௿ܼ

    ੹ ݂௼ 홈으로 ௿ܼ റ ݂௼ 홈으로 ௿ܼ ੹ ݂௼ 홈으로 ௿ܼ റ ݂௼ 홈으로
  54. ݂௼࢝ ߄Լࠁӝ <style> body { background-color : yellow;} a {

    font-color : orange; } </style>
  55. ୶о ݂௼

  56. IUUQXXXXTDIPPMTDPNDTTEFGBVMUBTQ CSS۽ ؊ ׮নೠ झఋੌਸ ૑੿ೞח Ѫਸ ҕࠗೞҊ रਵद׮ݶ

  57. IUUQXXXXTDIPPMTDPNDPMPSTDPMPST@OBNFTBTQ рױ൤ ֍ਸ ࣻ ੓ח ࢚ٜ࢝ ੉ܴਸ ঌҊरਵदݶ