workshop4

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. ೳ. ӵ઎׮!
12. <html> </html> html ޙࢲ੄ द੘ html ޙࢲ੄ ՘
13. <html lang="ko"> </html> html੄ ઱ ঱য ೠҴয ࢶ঱
14. <body> <p> Ӗ ղਊ </p> </body> ߄٣੄ द੘ ߄٣੄ ՘ paragraph ౵ۄӒۄ೐ ױۅ
17. ӡ׮!
18. <br>
19. <br>
20. <div style = "width:50%; margin:auto;"> <p> Ӗ ղਊ </p> </div> ٣࠳੄ द੘ ٣࠳੄ ՘ ઺ঔী ੿۳
21. </p> </p>
23. <h1>ա੄ ੘ಿ </h1>
24. `
25. align="center"
26. source ࣗझ image ੉޷૑
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 ҳઑ ࢸݺ
37. ੉ܴ
    ࠗܰӝ झఋੌ
    ݺ۸ೞӝ
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 рױ൤ ֍ਸ ࣻ ੓ח ࢚ٜ࢝ ੉ܴਸ ঌҊरਵदݶ