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

workshop4

Taeyoon Choi
August 28, 2016
540

 workshop4

Taeyoon Choi

August 28, 2016
Tweet

Transcript

  1. ࠛഛपೠ ೟Ү 4

    View full-size slide

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

    View full-size slide

  3. 1. HTML ಕ੉૑ ٜ݅ӝ

    View full-size slide

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

    View full-size slide


  5. ޙࢲ੄ ઙܨ Document Type

    View full-size slide

  6. ইޖ۠ ੿ࠁо হ਺

    View full-size slide


  7. ੉ ಕ੉૑ ઁݾ

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

    View full-size slide

  8. ೳ. ӵ઎׮!

    View full-size slide



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

    View full-size slide



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

    View full-size slide


  11. Ӗ ղਊ

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

    View full-size slide


  12. Ӗ ղਊ

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

    View full-size slide

  13. ա੄ ੘ಿ

    View full-size slide

  14. align="center"

    View full-size slide

  15. source
    ࣗझ
    image
    ੉޷૑

    View full-size slide

  16. ࠛഛपೠ ೟Ү

    View full-size slide




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

    View full-size slide




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

    View full-size slide

  19. CSS ҳઑ ࢸݺ

    View full-size slide

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

    View full-size slide

  21. h1੄ ࢝ӭ ߄Լࠁӝ



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

    View full-size slide

  22. h1੄ ࢝ӭ ߄Լࠁӝ



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

    View full-size slide

  23. ఫझ౟ झఋੌ ૑੿

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    ֞


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

    View full-size slide

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

    View full-size slide

  30. Ӗ੗ झఋੌ ߄Լࠁӝ
    <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 full-size slide

  31. ݂௼ झఋੌ ߄Լࠁӝ
    <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 full-size slide

  32. ߓ҃࢝ ߄Բӝ

    View full-size slide

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

    View full-size slide

  34. ݂௼ झఋੌ ૑੿

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide