Upgrade to Pro — share decks privately, control downloads, hide ads and more …

workshop4

Taeyoon Choi
August 28, 2016
530

 workshop4

Taeyoon Choi

August 28, 2016
Tweet

Transcript

  1. ࠛഛपೠ ೟Ү 4

    View Slide

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

    View Slide

  3. 1. HTML ಕ੉૑ ٜ݅ӝ

    View Slide

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

    View Slide


  5. ޙࢲ੄ ઙܨ Document Type

    View Slide

  6. ইޖ۠ ੿ࠁо হ਺

    View Slide



  7. View Slide


  8. ੉ ಕ੉૑ ઁݾ

    ৈ۞࠙੄ ಕ੉૑ ઁݾਸ ੑ۱ೞࣁਃ.
    ৘: ࠛഛपೠ ೟Ү ই౭झ౟ ಕ੉૑

    View Slide

  9. ೳ. ӵ઎׮!

    View Slide

  10. View Slide

  11. View Slide



  12. html ޙࢲ੄ द੘
    html ޙࢲ੄ ՘

    View Slide



  13. html੄ ઱ ঱য
    ೠҴয ࢶ঱

    View Slide


  14. Ӗ ղਊ

    ߄٣੄ द੘
    ߄٣੄ ՘
    paragraph ౵ۄӒۄ೐
    ױۅ

    View Slide

  15. View Slide

  16. View Slide

  17. ӡ׮!

    View Slide



  18. View Slide



  19. View Slide


  20. Ӗ ղਊ

    ٣࠳੄ द੘
    ٣࠳੄ ՘
    ઺ঔী ੿۳

    View Slide



  21. View Slide

  22. View Slide

  23. ա੄ ੘ಿ

    View Slide

  24. `

    View Slide

  25. align="center"

    View Slide

  26. source
    ࣗझ
    image
    ੉޷૑

    View Slide

  27. View Slide

  28. View Slide

  29. ࠛഛपೠ ೟Ү

    View Slide

  30. CSS ਤ஖

    View Slide




  31. ࠛഛपೠ ೟Ү
    <br/>
    CSS ਤ஖

    View Slide




  32. ࠛഛपೠ ೟Ү
    <br/>
    CSS ਤ஖

    View Slide

  33. CSS ҳઑ ࢸݺ

    View Slide

  34. View Slide

  35. View Slide

  36. View Slide

  37. ੉ܴࠗܰӝ झఋੌݺ۸ೞӝ

    View Slide

  38. View Slide

  39. h1੄ ࢝ӭ ߄Լࠁӝ



    ࠛഛपೠ ೟Ү
    <br/>h1 {font-color: pink;}<br/>

    View Slide

  40. h1੄ ࢝ӭ ߄Լࠁӝ



    ࠛഛपೠ ೟Ү
    <br/>h1 {font-color: pink;}<br/>

    View Slide

  41. ఫझ౟ झఋੌ ૑੿

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    ֞


    ਃ উ ֞ ೞ ࣁ ਃ
    ગѱ ևѱ
    p { letter-spacing : 5px }
    /*ગѱ*/
    /*ևѱ*/

    View Slide

  47. ೯р ઑ੺
    p { line-height : 20px }
    উ֞ೞࣁਃ
    য়ט զॿ
    ଵ જ֎ਃ
    ગѱ ևѱ
    p { line-height : 40px }
    /*ગѱ*/
    /*ևѱ*/
    উ֞ೞࣁਃ
    য়ט զॿ
    ଵ જ֎ਃ

    View Slide

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

    View Slide

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

    View Slide

  50. ߓ҃࢝ ߄Բӝ

    View Slide

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

    View Slide

  52. ݂௼ झఋੌ ૑੿

    View Slide

  53. ݂௼ झఋੌ ૑੿
    a { font-color : orange }
    ௿ܼ ੹ ݂௼
    홈으로
    ௿ܼ റ ݂௼
    홈으로
    ௿ܼ ੹ ݂௼
    홈으로
    ௿ܼ റ ݂௼
    홈으로

    View Slide

  54. ݂௼࢝ ߄Լࠁӝ
    <br/>body { background-color : yellow;}<br/>a { font-color : orange; }<br/>

    View Slide

  55. ୶о ݂௼

    View Slide

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

    View Slide

  57. [email protected]
    рױ൤ ֍ਸ ࣻ ੓ח ࢚ٜ࢝ ੉ܴਸ
    ঌҊरਵदݶ

    View Slide