HTML Π΄Π»Ρ Π½Π°ΡΠΈΠ½Π°ΡΡΠΈΡ : Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΡΠΉ ΠΎΠ½Π»Π°ΠΉΠ½ ΠΊΡΡΡ
Π§Π΅ΠΌΡ ΠΡ Π½Π°ΡΡΠΈΡΠ΅ΡΡ ΠΏΡΠΈ ΠΏΡΠΎΡ ΠΎΠΆΠ΄Π΅Π½ΠΈΠΈ ΠΊΡΡΡΠ° HTML Π΄Π»Ρ Π½Π°ΡΠΈΠ½Π°ΡΡΠΈΡ
ΠΠΎΡΠ»Π΅ ΠΏΡΠΎΡ ΠΎΠΆΠ΄Π΅Π½ΠΈΡ ΡΡΠΎΠ³ΠΎ ΠΊΡΡΡΠ° Π²Ρ ΠΏΠΎΠ»ΡΡΠΈΡΠ΅ Π·Π½Π°Π½ΠΈΡ, Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΊΠΎΡΠΎΡΡΡ ΡΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ°ΠΌΠΎΡΡΠΎΡΡΠ΅Π»ΡΠ½ΠΎ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ HTML-ΡΡΡΠ°Π½ΠΈΡΠΊΠΈ. ΠΠΎΠ»Π΅Π΅ ΡΠΎΠ³ΠΎ, ΠΊ ΠΊΠΎΠ½ΡΡ ΠΊΡΡΡΠ° ΠΌΡ Π΄Π°ΠΆΠ΅ ΡΠ΄Π΅Π»Π°Π΅ΠΌ ΡΠ°ΠΉΡ ΠΈ ΠΎΠΏΡΠ±Π»ΠΈΠΊΡΠ΅ΠΌ Π΅Π³ΠΎ Π² ΠΈΠ½ΡΠ΅ΡΠ½Π΅ΡΠ΅!
ΠΠ½Π»Π°ΠΉΠ½ ΠΊΡΡΡ ΠΏΠΎ HTML ΠΎΡ WebShake β ΡΡΠΎ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ ΡΠ°ΠΌΠΎΡΡΠΎΡΡΠ΅Π»ΡΠ½ΠΎ ΡΠ΄Π΅Π»Π°ΡΡ ΠΏΠ΅ΡΠ²ΡΠΉ ΡΠ°Π³ Π½Π° ΠΏΡΡΠΈ ΠΎΡΠ²ΠΎΠ΅Π½ΠΈΡ ΡΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΠΎΡΡΠΈ Π²Π΅Π±-ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°.
ΠΠ± Π°Π²ΡΠΎΡΠ΅ ΠΊΡΡΡΠ°
ΠΡΠΈΠ²Π΅Ρ! ΠΠ΅Π½Ρ Π·ΠΎΠ²ΡΡ ΠΡΡΡΠΌ ΠΠ²Π°ΡΠΊΠ΅Π²ΠΈΡ. Π― ΡΠ°Π±ΠΎΡΠ°Ρ Π²Π΅Π±-ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠΌ Π±ΠΎΠ»Π΅Π΅ Π΄Π²ΡΡ Ρ ΠΏΠΎΠ»ΠΎΠ²ΠΈΠ½ΠΎΠΉ Π»Π΅Ρ. Π‘Π΅ΠΉΡΠ°Ρ Ρ ΡΠ°Π±ΠΎΡΠ°Ρ Π² ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ ΠΠ°ΡΠΏΠ»Π°ΡΠ°.ΡΡ — ΡΡΠΎ ΠΊΡΡΠΏΠ½ΡΠΉ ΠΏΡΠΎΠ΅ΠΊΡ, Π½Π°Π΄ ΠΊΠΎΡΠΎΡΡΠΌ ΡΡΡΠ΄ΡΡΡΡ Π±ΠΎΠ»Π΅Π΅ 50 ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ², Π΅Π³ΠΎ Π΅ΠΆΠ΅ΠΌΠ΅ΡΡΡΠ½Π°Ρ ΠΏΠΎΡΠ΅ΡΠ°Π΅ΠΌΠΎΡΡΡ Π±ΠΎΠ»Π΅Π΅ 4 ΠΌΠ»Π½ ΡΠ΅Π»ΠΎΠ²Π΅ΠΊ.
Π ΡΠ²ΠΎΠ±ΠΎΠ΄Π½ΠΎΠ΅ Π²ΡΠ΅ΠΌΡ Ρ ΠΎΠ±ΡΡΠ°Ρ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΡ Π΄ΡΡΠ³ΠΈΡ Π»ΡΠ΄Π΅ΠΉ, ΠΏΠΎΡΠΎΠΌΡ ΡΡΠΎ ΠΌΠ½Π΅ ΡΡΠΎ ΠΏΡΠΎΡΡΠΎ Π½ΡΠ°Π²ΠΈΡΡΡ. ΠΡΠ»ΠΈ ΠΠ°ΠΌ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΠΎ ΡΠ·Π½Π°ΡΡ, ΠΊΠ°ΠΊ Ρ ΠΊ ΡΡΠΎΠΌΡ ΠΏΡΠΈΡΡΠ», ΠΏΡΠΎΡΠΈΡΠ°ΠΉΡΠ΅ ΠΈΡΡΠΎΡΠΈΡ ΠΊΠ°ΠΊ Ρ ΡΡΠ°Π» ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΡΠΎΠΌ.
Π§ΡΠΎ ΠΌΡ ΠΏΡΠ΅Π΄Π»Π°Π³Π°Π΅ΠΌ
ΠΠ½Π»Π°ΠΉΠ½ ΠΊΡΡΡ ΠΏΠΎ HTML ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠΎΠ±ΠΎΠΉ ΡΠ΅ΡΠΈΡ ΡΡΠΎΠΊΠΎΠ², ΠΎΠ±ΡΠ΅Π΄ΠΈΠ½Π΅Π½Π½ΡΡ Π² Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ°Π·Π΄Π΅Π»ΠΎΠ² ΠΈ ΡΠΎΠΏΡΠΎΠ²ΠΎΠΆΠ΄Π°ΡΡΠΈΡ ΡΡ Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΠΌΠΈ ΠΈ Π²ΠΈΠ΄Π΅ΠΎΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»Π°ΠΌΠΈ. Π ΠΊΠΎΠ½ΡΠ΅ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΡΠ΅ΠΌΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΠΏΡΠ΅Π΄Π»Π°Π³Π°Π΅ΡΡΡ Π²ΡΠΏΠΎΠ»Π½ΠΈΡΡ Π΄ΠΎΠΌΠ°ΡΠ½Π΅Π΅ Π·Π°Π΄Π°Π½ΠΈΠ΅, ΠΊΠΎΡΠΎΡΠΎΠ΅ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ Π·Π°ΠΊΡΠ΅ΠΏΠΈΡΡ ΠΏΡΠΎΠΉΠ΄Π΅Π½Π½ΠΎΠ΅.
Π£ΡΠΎΠΊΠΈ ΡΠΎΠΏΡΠΎΠ²ΠΎΠΆΠ΄Π°ΡΡΡΡ Π΄ΠΎΠΌΠ°ΡΠ½ΠΈΠΌΠΈ Π·Π°Π΄Π°Π½ΠΈΡΠΌΠΈ. ΠΡ Π½Π°ΡΡΠΎΡΡΠ΅Π»ΡΠ½ΠΎ ΡΠΎΠ²Π΅ΡΡΠ΅ΠΌ ΠΈΡ Π²ΡΠΏΠΎΠ»Π½ΡΡΡ, ΠΏΠΎΡΠΊΠΎΠ»ΡΠΊΡ ΠΈΠΌΠ΅Π½Π½ΠΎ ΠΏΡΠ°ΠΊΡΠΈΠΊΠ° ΠΏΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΡ ΠΏΠΎΠ»ΡΡΠ΅Π½Π½ΡΡ Π·Π½Π°Π½ΠΈΠΉ ΡΠΏΠΎΡΠΎΠ±ΡΡΠ²ΡΠ΅Ρ ΠΈΡ ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡΠ½ΠΎΠΌΡ ΡΡΠ²ΠΎΠ΅Π½ΠΈΡ. ΠΡΠΎΠΌΠ΅ ΡΠΎΠ³ΠΎ, ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΡ ΠΈΠ·ΡΡΠ°ΡΡ ΡΠ΅ΠΌΡ ΠΈΠΌΠ΅Π½Π½ΠΎ Π² ΡΠΎΠΉ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΠΎΡΡΠΈ, Π² ΠΊΠΎΡΠΎΡΠΎΠΉ ΠΎΠ½ΠΈ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½Ρ Π½Π° ΡΠ°ΠΉΡΠ΅. Π’Π°ΠΊ ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠΈΠ²Π°Π΅ΡΡΡ ΡΠΎΠ±Π»ΡΠ΄Π΅Π½ΠΈΠ΅ ΠΏΠΎΠ΄Ρ ΠΎΠ΄Π° Β«ΠΎΡ ΠΏΡΠΎΡΡΠΎΠ³ΠΎ ΠΊ ΡΠ»ΠΎΠΆΠ½ΠΎΠΌΡΒ».
ΠΠ°Ρ ΠΎΠ½Π»Π°ΠΉΠ½ ΠΊΡΡΡ ΠΏΠΎ HTML ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡΠ²Π°ΠΈΠ²Π°ΡΡ Π² Π»ΡΠ±ΠΎΠ΅ ΡΠ΄ΠΎΠ±Π½ΠΎΠ΅ Π΄Π»Ρ Π²Π°Ρ Π²ΡΠ΅ΠΌΡ. ΠΠ΄Π½Π°ΠΊΠΎ Π½Π΅ ΡΡΠΎΠΈΡ Π΄Π΅Π»Π°ΡΡ ΡΠ»ΠΈΡΠΊΠΎΠΌ Π±ΠΎΠ»ΡΡΠΈΡ ΠΏΠ°ΡΠ· ΠΌΠ΅ΠΆΠ΄Ρ ΡΡΠΎΠΊΠ°ΠΌΠΈ. Π Π°ΡΠΏΡΠ΅Π΄Π΅Π»ΡΠΉΡΠ΅ ΡΠ²ΠΎΠΈ ΡΠ΅ΡΡΡΡΡ Π³ΡΠ°ΠΌΠΎΡΠ½ΠΎ ΠΈ Π½Π΅ Π² ΡΡΠ΅ΡΠ± ΠΏΡΠΎΡΠ΅ΡΡΡ ΠΎΠ±ΡΡΠ΅Π½ΠΈΡ.
ΠΡΠ΅ΠΈΠΌΡΡΠ΅ΡΡΠ²Π° ΠΈΠ·ΡΡΠ΅Π½ΠΈΡ HTML
HyperText Markup Language β Π±Π°Π·ΠΎΠ²ΡΠΉ ΡΠ·ΡΠΊ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΡ Π² web-ΡΡΠ΅ΡΠ΅. ΠΠ΅Π· Π·Π½Π°Π½ΠΈΡ ΠΎΡΠ½ΠΎΠ² HTML Π½Π΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠ΅ΡΠ΅ΠΉΡΠΈ ΠΊ ΠΈΠ·ΡΡΠ΅Π½ΠΈΡ Π±ΠΎΠ»Π΅Π΅ ΡΠ»ΠΎΠΆΠ½ΠΎΠ³ΠΎ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»Π°. ΠΠ΅ΡΠ»ΡΡΠ°ΠΉΠ½ΠΎ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΡΠΉ ΠΊΡΡΡ ΠΏΠΎ Π΅Π³ΠΎ ΠΎΡΠ²ΠΎΠ΅Π½ΠΈΡ ΡΡΠΎΠΈΡ ΠΏΠ΅ΡΠ²ΡΠΌ Π² ΡΠΈΡΠ»Π΅ ΡΡΠΎΠΊΠΎΠ² ΠΏΠΎ Π²Π΅Π±-ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ΅.
Π―Π·ΡΠΊ Π³ΠΈΠΏΠ΅ΡΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠΉ ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈ Π»Π΅Π³ΠΎΠΊ Π² ΠΎΡΠ²ΠΎΠ΅Π½ΠΈΠΈ, ΠΈΠ·ΡΡΠΈΡΡ Π΅Π³ΠΎ ΠΎΡΠ½ΠΎΠ²Ρ ΠΌΠΎΠΆΠ΅Ρ Π΄Π°ΠΆΠ΅ Π½ΠΎΠ²ΠΈΡΠΎΠΊ, ΡΠ°Π½Π΅Π΅ Π½Π΅ ΡΡΠ°Π»ΠΊΠΈΠ²Π°Π²ΡΠΈΠΉΡΡ Ρ Π²Π΅Π±-ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΎΠΉ. ΠΡ ΠΏΡΠ΅Π΄Π»Π°Π³Π°Π΅ΠΌ Π΄ΠΎΡΡΡΠΏΠ½ΡΠΉ ΠΈ ΠΏΠΎΠ½ΡΡΠ½ΡΠΉ ΠΎΠ½Π»Π°ΠΉΠ½ ΠΊΡΡΡ ΠΏΠΎ HTML, Π·Π½Π°ΠΊΠΎΠΌΠΈΡΡΡΡ Ρ ΠΊΠΎΡΠΎΡΡΠΌ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ· Π»ΡΠ±ΠΎΠ³ΠΎ ΠΌΠ΅ΡΡΠ°, Π³Π΄Π΅ Π΅ΡΡΡ Π΄ΠΎΡΡΡΠΏ ΠΊ ΠΈΠ½ΡΠ΅ΡΠ½Π΅ΡΡ. Π£ΡΠΎΠΊΠΈ Π½Π°ΠΏΠΈΡΠ°Π½Ρ ΠΏΡΠΎΡΡΡΠΌ ΡΠ·ΡΠΊΠΎΠΌ ΠΈ ΠΎΡΠΈΠ΅Π½ΡΠΈΡΠΎΠ²Π°Π½Ρ Π½Π° Π»ΡΠ΄Π΅ΠΉ, ΠΈΠΌΠ΅ΡΡΠΈΡ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠΉ ΡΡΠΎΠ²Π΅Π½Ρ Π·Π½Π°Π½ΠΈΠΉ Π² Π΄Π°Π½Π½ΠΎΠΉ ΡΡΠ΅ΡΠ΅.
ΠΠ΅ΡΠΎΠΌΠ½Π΅Π½Π½ΡΠΌ ΠΏΡΠ΅ΠΈΠΌΡΡΠ΅ΡΡΠ²ΠΎΠΌ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΠΎΠ³ΠΎ ΠΊΡΡΡΠ° ΠΏΠΎ HTML ΠΎΡ WebShake ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΈΠ½Π΄ΠΈΠ²ΠΈΠ΄ΡΠ°Π»ΡΠ½ΡΠΉ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ ΠΊ ΠΏΡΠΎΠ²Π΅Π΄Π΅Π½ΠΈΡ Π·Π°Π½ΡΡΠΈΠΉ. ΠΡ ΠΎΡΠ²Π°ΠΈΠ²Π°Π΅ΡΠ΅ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π» Π² Π»ΡΠ±ΠΎΠ΅ ΡΠ΄ΠΎΠ±Π½ΠΎΠ΅ Π²ΡΠ΅ΠΌΡ, ΠΏΡΠΈ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎΡΡΠΈ Π²ΠΎΠ·Π²ΡΠ°ΡΠ°ΡΡΡ ΠΊ ΡΠΆΠ΅ ΠΏΡΠΎΠΉΠ΄Π΅Π½Π½ΡΠΌ ΡΠ΅ΠΌΠ°ΠΌ. ΠΡΠΎ Π³Π°ΡΠ°Π½ΡΠΈΡΡΠ΅Ρ Π½Π΅ΠΏΡΠ΅ΡΡΠ²Π½ΠΎΡΡΡ ΠΏΡΠΎΡΠ΅ΡΡΠ° ΠΎΠ±ΡΡΠ΅Π½ΠΈΠ΅, ΠΎΡΡΡΡΡΡΠ²ΠΈΠ΅ Β«Π±Π΅Π»ΡΡ ΠΏΡΡΠ΅Π½Β» ΠΈ ΠΏΡΠΎΠ±Π΅Π»ΠΎΠ² Π² Π·Π½Π°Π½ΠΈΡΡ , ΠΊΠΎΡΠΎΡΡΠ΅ Π½Π΅ΠΈΠ·ΠΌΠ΅Π½Π½ΠΎ Π²ΠΎΠ·Π½ΠΈΠΊΠ»ΠΈ Π±Ρ Π² ΡΠ»ΡΡΠ°Π΅ ΠΏΡΠΎΠ²Π΅Π΄Π΅Π½ΠΈΡ Π³ΡΡΠΏΠΏΠΎΠ²ΡΡ Π·Π°Π½ΡΡΠΈΠΉ.
ΠΡΠ°ΡΠΈΠ²ΠΎ ΠΎΡΠΎΡΠΌΠ»Π΅Π½Π½ΡΠΉ ΡΠ°ΠΉΡ ΠΏΡΠΈΠ²Π»Π΅ΠΊΠ°Π΅Ρ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΡΠ΅Π»Π΅Π²ΠΎΠΉ Π°ΡΠ΄ΠΈΡΠΎΡΠΈΠΈ ΠΈ ΠΏΠΎΠ²ΡΡΠ°Π΅Ρ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΏΠΎΡΠ΅ΡΠΈΡΠ΅Π»Π΅ΠΉ. ΠΠΌΠ΅Π½Π½ΠΎ Π·Π½Π°Π½ΠΈΠ΅ HyperText Markup Language ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ ΠΏΡΠΈΠ΄Π°ΡΡ ΠΈΠ½ΡΠ΅ΡΠ½Π΅Ρ-ΡΠ΅ΡΡΡΡΡ ΡΡΡΡΠΊΡΡΡΠΈΡΠΎΠ²Π°Π½Π½ΠΎΡΡΠΈ ΠΈ Π»ΠΎΠ³ΠΈΡΠ½ΠΎΡΡΠΈ, ΡΠ΄Π΅Π»Π°ΡΡ Π΅Π³ΠΎ ΠΏΡΠΎΡΡΡΠΌ Π΄Π»Ρ Π²ΠΎΡΠΏΡΠΈΡΡΠΈΡ. ΠΠΎ ΠΎΠΊΠΎΠ½ΡΠ°Π½ΠΈΠΈ ΠΊΡΡΡΠ° Π²Ρ ΠΎΡΠ²ΠΎΠΈΡΠ΅ Π½Π°Π²ΡΠΊΠΈ Π²Π΅ΡΡΡΠΊΠΈ ΡΠ°ΠΉΡΠ° ΠΈ ΡΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ΅Π°Π»ΠΈΠ·ΠΎΠ²Π°ΡΡ ΠΈΡ Π½Π° ΠΏΡΠ°ΠΊΡΠΈΠΊΠ΅ ΠΈ Π½Π°ΡΠ°ΡΡ Π·Π°ΡΠ°Π±Π°ΡΡΠ²Π°ΡΡ ΡΠ²ΠΎΠΈ ΠΏΠ΅ΡΠ²ΡΠ΅ Π΄Π΅Π½ΡΠ³ΠΈ Π² ΡΡΠ΅ΡΠ΅ Π²Π΅Π±-ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ.
ΠΠ±ΡΡΠ΅Π½ΠΈΠ΅ HTML/CSS/JS / Sandbox / Habr
Π₯ΠΎΡΠ΅Π» Π±Ρ ΠΏΠΎΠ΄Π΅Π»ΠΈΡΡΡΡ ΡΠ²ΠΎΠΈΠΌ ΡΠ±ΠΎΡΠ½ΠΈΠΊΠΎΠΌ ΡΠ°Π·Π»ΠΈΡΠ½ΠΎΠΉ Π»ΠΈΡΠ΅ΡΠ°ΡΡΡΡ, ΠΏΡΠ΅Π΄Π½Π°Π·Π½Π°ΡΠ΅Π½Π½ΠΎΠΉ Π΄Π»Ρ ΡΠ°ΠΌΠΎΠΎΠ±ΡΡΠ΅Π½ΠΈΡ HTML/CSS/JS.Youtube
- www.youtube.com/user/agragregra β ΠΎΡΠ΅Π½Ρ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΡΠΉ ΠΊΠ°Π½Π°Π», ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ Π²Π°ΠΌ Π½Π°Π±ΠΈΡΡ ΡΡΠΊΡ ΠΏΠΎ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠ°ΠΉΡΠΎΠ² ΡΠ°Π·Π»ΠΈΡΠ½ΠΎΠΉ ΡΠ»ΠΎΠΆΠ½ΠΎΡΡΠΈ Ρ Π½ΡΠ»Ρ;
- www.youtube.com/user/ArtSorax β ΠΌΠ½ΠΎΠ³ΠΎ ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠ³ΠΎ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»Π° Π΄Π»Ρ Π½Π°ΡΠΈΠ½Π°ΡΡΠΈΡ .Π£ΠΏΠΎΡ Π΄Π΅Π»Π°Π΅ΡΡΡ Π½Π° CSS ΠΈ JS;
- www.youtube.com/user/WebMagistersRu β Ρ ΡΡΠΎΠ³ΠΎ ΠΊΠ°Π½Π°Π»Π° Π»ΠΈΡΠ½ΠΎ Ρ Π½Π°ΡΠ°Π»Π° Π·Π½Π°ΠΊΠΎΠΌΡΡΠ²ΠΎ ΡΠΎ ΡΡΠ΅Π΄ΠΎΠΉ Π²Π΅Π±-ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ. ΠΡΠ΅ ΡΠ°ΡΡΠΊΠ°Π·Π°Π½ΠΎ Π΄ΠΎΡΡΡΠΏΠ½ΡΠΌ ΠΈ ΠΏΠΎΠ½ΡΡΠ½ΡΠΌ ΡΠ·ΡΠΊΠΎΠΌ, ΠΎΡΠ½ΠΎΠ²Π° ΠΎΡΠ½ΠΎΠ², ΡΠ°ΠΊ ΡΠΊΠ°Π·Π°ΡΡ.
- www.youtube.com/user/loftblog β ΠΊΠΎΠΌΠ°Π½Π΄Π° LoftBlog Π±Π΅ΡΠ΅Ρ ΠΈΠ½ΡΠ΅ΡΠ²ΡΡ Ρ Π½Π°ΡΠΈΠ½Π°ΡΡΠΈΡ ΠΈ ΡΠΎΡΡΠΎΡΠ²ΡΠΈΡ ΡΡ IT-ΡΠΏΠ΅ΡΠΈΠ°Π»ΠΈΡΡΠΎΠ² ΠΈ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ², Π° ΡΠ°ΠΊ ΠΆΠ΅ ΠΏΡΠΎΠ²ΠΎΠ΄ΡΡ Π²ΠΈΠ΄Π΅ΠΎ ΠΎΠ±ΡΡΠ΅Π½ΠΈΠ΅;
- www.youtube.com/user/TheSWAT727 β Π²ΠΈΠ΄Π΅ΠΎΠΊΠ°Π½Π°Π» ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ Π² ΡΠ΅Π±Π΅ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ ΠΈ ΠΎΠ±ΡΡΠ°ΡΡΠΈΠ΅ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»Ρ ΠΏΠΎ Web-ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ΅ Π² ΡΠ΅Π»ΠΎΠΌ, ΠΎΡ Π²Π°ΡΡΠ²Π°Ρ Front-end, Back-end, ΠΎΠ±Π·ΠΎΡΡ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΡ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠΎΠ² ΠΈ ΠΏΡΠΎΡΡΡ ΠΏΠΎΠ»Π΅Π·Π½ΡΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ Π΄Π»Ρ Π½Π°ΡΠΈΠ½Π°ΡΡΠΈΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ² ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠΎΠ².
ΠΠ½ΡΠ΅ΡΠ½Π΅Ρ-ΡΠ΅ΡΡΡΡΡ
- htmlbook.ru β ΡΠ²ΡΡΡΠ½Ρ Π΄Π»Ρ Π½Π°ΡΠΈΠ½Π°ΡΡΠΈΡ ΡΠΏΠ΅ΡΠΈΠ°Π»ΠΈΡΡΠΎΠ². ΠΠ°Π½Π½ΡΠΉ ΡΠ΅ΡΡΡΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ ΠΎΠ³ΡΠΎΠΌΠ½ΠΎΠ΅ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ Π² Π΄ΠΎΡΡΡΠΏΠ½ΠΎΠΉ ΠΈ ΠΏΠΎΠ½ΡΡΠ½ΠΎΠΉ ΡΠΎΡΠΌΠ΅ + ΡΠΎΡΡΠΌ. ΠΠΌΠ΅Π½Π½ΠΎ Ρ ΡΡΠΎΠ³ΠΎ Ρ ΡΠΎΠ²Π΅ΡΡΡ Π½Π°ΡΠΈΠ½Π°ΡΡ Π·Π½Π°ΠΊΠΎΠΌΡΡΠ²ΠΎ Ρ HTML/CSS;
- webdesign-master.ru β ΠΏΠΎΠ·Π½Π°Π²Π°ΡΠ΅Π»ΡΠ½ΡΠΉ ΡΠ°ΠΉΡ Π΄Π»Ρ Π±ΠΎΠ»Π΅Π΅ Π³Π»ΡΠ±ΠΎΠΊΠΎΠ³ΠΎ ΠΎΠ·Π½Π°ΠΊΠΎΠΌΠ»Π΅Π½ΠΈΡ Ρ web-Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ ΠΈ Π²Π΅ΡΡΡΠΊΠΎΠΉ;
- learn.javascript.ru β Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΡΠ°ΠΉΡΠ° Π³ΠΎΠ²ΠΎΡΠΈΡ ΡΠ°ΠΌΠΎ Π·Π° ΡΠ΅Π±Ρ. Π‘ΠΎΠ²Π΅ΡΡΡ Π½Π°ΡΠ°ΡΡ ΠΎΠ±ΡΡΠ΅Π½ΠΈΠ΅ ΠΏΠΎΡΠ»Π΅ ΠΎΠ·Π½Π°ΠΊΠΎΠΌΠ»Π΅Π½ΠΈΡ Ρ ΠΎΡΠ½ΠΎΠ²Π°ΠΌΠΈ HTML5/CSS3.
Π‘Π΅ΡΠ²ΠΈΡΡ
- www.codecademy.com β Π°Π½Π³Π»ΠΎΡΠ·ΡΡΠ½ΡΠΉ ΡΠ΅ΡΠ²ΠΈΡ, Π³Π΄Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡΠΎΠ²Π΅ΡΠΈΡΡ ΡΠ²ΠΎΠΈ Π·Π½Π°Π½ΠΈΡ Π½Π° ΠΏΡΠ°ΠΊΡΠΈΠΊΠ΅. ΠΡΠ΅ ΠΈΠ½ΡΡΠΈΡΠΈΠ²Π½ΠΎ ΠΏΠΎΠ½ΡΡΠ½ΠΎ, Π³Π»ΡΠ±ΠΎΠΊΠΈΠ΅ ΠΏΠΎΠ·Π½Π°Π½ΠΈΡ Π°Π½Π³Π»ΠΈΠΉΡΠΊΠΎΠ³ΠΎ ΡΠ·ΡΠΊΠ° Π½Π΅ ΠΏΠΎΡΡΠ΅Π±ΡΡΡΡΡ;
- htmlacademy.ru β ΡΡΡΡΠΊΠΎΡΠ·ΡΡΠ½ΡΠΉ ΡΠ΅ΡΠ²ΠΈΡ, Π³Π΄Π΅ ΡΠΏΠΎΡ ΠΈΠ΄Π΅Ρ Π½Π° ΠΏΡΠ°ΠΊΡΠΈΠΊΡ + Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΡΠ΅ΠΎΡΠΈΠΈ. ΠΡΠ΅Π½Ρ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΡΠΉ ΡΠ΅ΡΡΡΡ, ΠΊΡΡΡΡ ΠΈ Π·Π°Π΄Π°Π½ΠΈΡ;
- jsfiddle.net β ΡΠ°ΠΊ ΡΠΊΠ°Π·Π°ΡΡ Β«ΠΏΠ΅ΡΠΎΡΠ½ΠΈΡΠ°Β» Π΄Π»Ρ web-ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ². ΠΠ΄Π΅ΡΡ Π² ΡΠ΅ΠΆΠΈΠΌΠ΅ ΠΎΠ½Π»Π°ΠΉΠ½ ΠΌΠΎΠΆΠ½ΠΎ ΠΊΠΎΠ΄ ΠΈ ΡΡΡ ΠΆΠ΅ ΡΠΌΠΎΡΡΠ΅ΡΡ ΡΠ΅Π·ΡΠ»ΡΡΠ°Ρ. Π‘Π΅ΡΠ²ΠΈΡ Π±ΡΠ΄Π΅Ρ Π²Π°ΠΌ ΠΏΠΎΠΌΠΎΡΠ½ΠΈΠΊΠΎΠΌ ΠΏΠΎ ΡΠΊΠ°Π·Π°Π½ΠΈΡ ΠΎΡΠΈΠ±ΠΎΠΊ;
- validator.w3.org β Π·Π΄Π΅ΡΡ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡΠΎΠ²Π΅ΡΠΈΡΡ ΡΠ²ΠΎΠΉ ΠΊΠΎΠ΄Π° Π½Π° Π²Π°Π»ΠΈΠ΄Π½ΠΎΡΡΡ, ΡΡΠΎ Π±Ρ ΠΈΡΠΏΡΠ°Π²ΠΈΡΡ ΡΠ²ΠΎΠΈ ΠΎΡΠΈΠ±ΠΊΠΈ ΠΈΠ»ΠΈ Π½Π΅Π΄ΠΎΡΠ΅ΡΡ ΠΊΠΎΠ΄Π° HTML;
- jigsaw.w3.org/css-validator β Π°Π½Π°Π»ΠΎΠ³ΠΈΡΠ½ΡΠΉ ΡΠ΅ΡΠ²ΠΈΡ, ΠΏΡΠ΅Π΄Π½Π°Π·Π½Π°ΡΠ΅Π½Π½ΡΠΉ Π΄Π»Ρ ΠΏΡΠΎΠ²Π΅ΡΠΊΠΈ Π½Π° Π²Π°Π»ΠΈΠ΄Π½ΠΎΡΡΡ CSS ΠΊΠΎΠ΄Π°.
ΠΡΠΎΠ³
Π ΠΈΠ½ΡΠ΅ΡΠ½Π΅ΡΠ΅ ΠΎΡΠ΅Π½Ρ ΠΌΠ½ΠΎΠ³ΠΎ ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠΉ, ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎΠΉ ΠΈ Π½ΡΠΆΠ½ΠΎΠΉ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ, Π½ΠΎ Π±Π΅ΡΠΏΠΎΠ»Π΅Π·Π½ΠΎΠΉ Π±ΠΎΠ»ΡΡΠ΅. Π£ΡΠΈΡΠ΅ΡΡ, ΠΏΡΠ°ΠΊΡΠΈΠΊΡΠΉΡΠ΅ΡΡ, ΠΏΠΈΡΠΈΡΠ΅ ΠΊΠΎΠ΄.
ΠΠ°ΠΊ Π²ΡΡΡΠΈΡΡ HTML ΠΈ CSS Ρ Π½ΡΠ»Ρ: ΡΠ°ΠΉΡΡ Ρ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΡΠΌΠΈ ΡΡΠΎΠΊΠ°ΠΌΠΈ Π΄Π»Ρ ΠΈΠ·ΡΡΠ΅Π½ΠΈΡ HTML
ΠΠ·ΡΡΠ΅Π½ΠΈΠ΅ HTML ΠΈ CSS β ΡΡΠΎ ΠΏΠ΅ΡΠ²ΡΠΉ ΡΠ°Π³, ΠΊΠΎΡΠΎΡΡΠΉ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ ΡΠ΄Π΅Π»Π°ΡΡ, Π΅ΡΠ»ΠΈ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ Π½Π°ΡΡΠΈΡΡΡΡ Π²Π΅ΡΡΡΠ°ΡΡ ΡΠ°ΠΉΡΡ ΠΈΠ»ΠΈ ΡΠ°Π±ΠΎΡΠ°ΡΡ ΠΊΠΎΠ½ΡΠ΅Π½Ρ-ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅ΡΠΎΠΌ. ΠΡΠΎ ΠΎΡΠ½ΠΎΡΠΈΡΠ΅Π»ΡΠ½ΠΎ ΠΏΡΠΎΡΡΡΠ΅ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΌΠΎΠΆΠ½ΠΎ Π²ΡΡΡΠΈΡΡ ΡΠ°ΠΌΠΎΡΡΠΎΡΡΠ΅Π»ΡΠ½ΠΎ, ΠΏΠΎΡΠ»Π΅ ΡΠ΅Π³ΠΎ Π½Π°ΡΠ°ΡΡ Π·Π°ΡΠ°Π±Π°ΡΡΠ²Π°ΡΡ Π² ΠΈΠ½ΡΠ΅ΡΠ½Π΅ΡΠ΅.
Π ΡΡΠΎΠΉ ΡΡΠ°ΡΡΠ΅ ΠΌΡ ΡΠ°ΡΡΠΊΠ°ΠΆΠ΅ΠΌ, Ρ ΡΠ΅Π³ΠΎ Π»ΡΡΡΠ΅ Π½Π°ΡΠ°ΡΡ ΠΈΠ·ΡΡΠ΅Π½ΠΈΠ΅ HTML ΠΈ CSS, ΡΡΠΎ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ ΠΎΡΠ²ΠΎΠΈΡΡ Π² ΠΏΠ΅ΡΠ²ΡΡ ΠΎΡΠ΅ΡΠ΅Π΄Ρ, Π½Π° ΠΊΠ°ΠΊΠΈΡ ΡΠ°ΠΉΡΠ°Ρ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΉΡΠΈ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΡΠ΅ ΡΠ°ΠΌΠΎΡΡΠΈΡΠ΅Π»ΠΈ ΠΈ ΡΠΏΡΠ°Π²ΠΎΡΠ½ΡΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ, ΠΏΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈΠ΅ Π·Π°Π΄Π°Π½ΠΈΡ ΠΈ ΡΠ΅ΡΡΡ Π΄Π»Ρ ΠΏΡΠΎΠ²Π΅ΡΠΊΠΈ Π·Π½Π°Π½ΠΈΠΉ.
Π§ΡΠΎ ΡΠ°ΠΊΠΎΠ΅ HTML ΠΈ CSS ΠΈ Π·Π°ΡΠ΅ΠΌ Π½ΡΠΆΠ½ΠΎ ΠΈΡ Π·Π½Π°ΡΡ?
HTML β ΡΡΠΎ ΡΠ·ΡΠΊ ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈ, ΠΊΠΎΡΠΎΡΡΠΉ ΡΠΊΠ°Π·ΡΠ²Π°Π΅Ρ Π±ΡΠ°ΡΠ·Π΅ΡΠ°ΠΌ (Google Chrome, Π―Π½Π΄Π΅ΠΊΡ.ΠΡΠ°ΡΠ·Π΅Ρ ΠΈ Π΄ΡΡΠ³ΠΈΠΌ ΠΏΠΎΠ΄ΠΎΠ±Π½ΡΠΌ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ°ΠΌ), Π³Π΄Π΅ ΠΈ ΠΊΠ°ΠΊΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Π²ΡΠ²ΠΎΠ΄ΠΈΡΡ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅ ΡΠ°ΠΉΡΠ°. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, Π³Π΄Π΅ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ, ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΉ ΡΠ΅ΠΊΡΡ, ΡΡΡΠ»ΠΊΠΈ Π½Π° Π΄ΡΡΠ³ΠΈΠ΅ ΡΡΡΠ°Π½ΠΈΡΡ, ΠΌΠ΅Π½Ρ, ΡΠΏΠΈΡΠΊΠΈ, ΡΠ°Π±Π»ΠΈΡΡ ΠΈ ΡΠ°ΠΊ Π΄Π°Π»Π΅Π΅.
CSS β ΡΡΠΎ ΠΊΠ°ΡΠΊΠ°Π΄Π½ΡΠ΅ ΡΠ°Π±Π»ΠΈΡΡ ΡΡΠΈΠ»Π΅ΠΉ. Π‘ ΠΈΡ ΠΏΠΎΠΌΠΎΡΡΡ Π·Π°Π΄Π°ΡΡ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΠ΅ ΡΠ°Π·Π»ΠΈΡΠ½ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ². ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΏΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ CSS ΠΌΠΎΠΆΠ½ΠΎ ΠΌΠ΅Π½ΡΡΡ ΡΠ²Π΅Ρ ΡΡΠΈΡΡΠ° Ρ ΡΠ΅ΠΊΡΡΠ°, Π·Π°Π΄Π°Π²Π°ΡΡ ΡΠΎΠ½ ΡΡΡΠ°Π½ΠΈΡΡ ΠΈΠ»ΠΈ ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ², ΠΊΡΠ°ΡΠΈΠ²ΠΎ ΠΎΡΠΎΡΠΌΠ»ΡΡΡ ΡΠΏΠΈΡΠΊΠΈ ΠΈ ΡΠ°Π±Π»ΠΈΡΡ ΠΈ Π΄Π°ΠΆΠ΅ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ (Π°Π½ΠΈΠΌΠ°ΡΠΈΡ).
Π‘ ΡΠ΅Π³ΠΎ Π½Π°ΡΠ°ΡΡ ΡΠ°ΠΌΠΎΡΡΠΎΡΡΠ΅Π»ΡΠ½ΠΎΠ΅ ΠΈΠ·ΡΡΠ΅Π½ΠΈΠ΅ HTML?
Π―Π·ΡΠΊ ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈ HTML ΡΠΎΡΡΠΎΠΈΡ ΠΈΠ· ΡΠ΅Π³ΠΎΠ². Π£ΡΠ»ΠΎΠ²Π½ΠΎ ΡΠ΅Π³ΠΈ β ΡΡΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ, ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠΊΠ°Π·ΡΠ²Π°ΡΡ Π±ΡΠ°ΡΠ·Π΅ΡΡ, ΡΡΠΎ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π²ΡΠ²ΠΎΠ΄ΠΈΡΡΡΡ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, Π΅ΡΡΡ ΡΠ΅Π³ΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΎΠ±ΠΎΠ·Π½Π°ΡΠ°ΡΡ Π²ΡΡΠ°Π²ΠΊΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ ΠΈΠ»ΠΈ ΡΠΎΡΠΎΠ³ΡΠ°ΡΠΈΠΈ, Π²ΠΈΠ΄Π΅ΠΎ, ΡΠ°Π±Π»ΠΈΡΡ. ΠΡΡΡ ΡΠ΅Π³ΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΎΠ±ΠΎΠ·Π½Π°ΡΠ°ΡΡ Π½Π°ΡΠ°Π»ΠΎ ΠΈ Π·Π°Π²Π΅ΡΡΠ΅Π½ΠΈΠ΅ Π°Π±Π·Π°ΡΠ°.
ΠΠ½ΡΡΡΠΈ ΡΠ΅Π³ΠΎΠ² ΠΌΠΎΠ³ΡΡ ΠΏΡΠΎΠΏΠΈΡΡΠ²Π°ΡΡΡΡ Π°ΡΡΠΈΠ±ΡΡΡ, Π² ΠΊΠΎΡΠΎΡΡΡ ΡΠΊΠ°Π·ΡΠ²Π°ΡΡΡΡ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠ΅ Ρ Π°ΡΠ°ΠΊΡΠ΅ΡΠΈΡΡΠΈΠΊΠΈ. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, Π²Π½ΡΡΡΠΈ ΡΠ΅Π³Π°, ΠΎΠ±ΠΎΠ·Π½Π°ΡΠ°ΡΡΠ΅Π³ΠΎ ΡΡΡΠ»ΠΊΡ, ΡΠΊΠ°Π·ΡΠ²Π°Π΅ΡΡΡ Π°ΡΡΠΈΠ±ΡΡ Ρ Π°Π΄ΡΠ΅ΡΠΎΠΌ ΡΡΡΠ°Π½ΠΈΡΡ ΠΈΠ»ΠΈ ΡΠ°ΠΉΡΠ°, ΠΊΡΠ΄Π° ΡΡΠ° ΡΡΡΠ»ΠΊΠ° Π²Π΅Π΄Π΅Ρ.
Π§ΡΠΎΠ±Ρ ΡΠ°ΠΌΠΎΡΡΠΎΡΡΠ΅Π»ΡΠ½ΠΎ Π²ΡΡΡΠΈΡΡ ΡΠ·ΡΠΊ HTML, Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ:
- ΠΠ·ΡΡΠΈΡΡ ΠΎΡΠ½ΠΎΠ²Π½ΡΠ΅ ΡΠ΅Π³ΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠ°Π·ΠΌΠ΅ΡΠ°ΡΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ (h2-h6), ΡΠ΅ΠΊΡΡ ΠΈ Π΅Π³ΠΎ Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Π½Π° Π°Π±Π·Π°ΡΡ, ΡΠΎΡΠΌΠΈΡΡΡΡ Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΡΠ΅ ΠΈ Π½Π΅Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΡΠ΅ ΡΠΏΠΈΡΠΊΠΈ (p, br, ul, ol, li), Π²ΡΡΡΠ°Π²Π»ΡΡΡ ΡΡΡΠ»ΠΊΠΈ (a), ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΈ Π΄ΡΡΠ³ΠΈΠ΅ ΠΎΠ±ΡΠ΅ΠΊΡΡ (img, object), Π²ΡΠ΄Π΅Π»ΡΡΡ ΡΡΠ°Π³ΠΌΠ΅Π½ΡΡ ΠΆΠΈΡΠ½ΡΠΌ ΠΈΠ»ΠΈ ΠΊΡΡΡΠΈΠ²ΠΎΠΌ (strong, b, i), ΡΠ°Π·ΠΌΠ΅ΡΠ°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ (table, tr, td), Π²ΡΡΠ°Π²Π»ΡΡΡ ΡΠΎΡΠΌΡ (form, input, textarea, select, option), ΡΡΡΡΠΊΡΡΡΠ½ΡΠ΅ ΡΠ΅Π³ΠΈ (div, span), Π° ΡΠ°ΠΊΠΆΠ΅ β ΠΎΡΠ½ΠΎΠ²Π½ΡΠ΅ ΡΠ΅Π³ΠΈ (html, head, title, body). ΠΠ°ΠΆΠ΅ΡΡΡ, ΡΡΠΎ ΠΊΠΎΠΌΠ°Π½Π΄ ΠΎΡΠ΅Π½Ρ ΠΌΠ½ΠΎΠ³ΠΎ, Π½ΠΎ Π½Π° ΡΠ°ΠΌΠΎΠΌ Π΄Π΅Π»Π΅ ΠΈΡ ΠΌΠΎΠΆΠ½ΠΎ Π²ΡΡΡΠΈΡΡ ΡΠ°ΠΌΠΎΡΡΠΎΡΡΠ΅Π»ΡΠ½ΠΎ Π·Π° 2-3 Π΄Π½Ρ.
- ΠΡΡΡΠΈΡΡ Π°ΡΡΠΈΠ±ΡΡΡ Π΄Π»Ρ ΠΏΠΎΠΏΡΠ»ΡΡΠ½ΡΡ ΡΠ΅Π³ΠΎΠ². ΠΠ΅ ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ Π·Π½Π°ΡΡ Π²ΡΠ΅ Π°ΡΡΠΈΠ±ΡΡΡ Π½Π°ΠΈΠ·ΡΡΡΡ. ΠΡΡΡ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΡΠ΅ ΡΠΏΡΠ°Π²ΠΎΡΠ½ΠΈΠΊΠΈ, Π² ΠΊΠΎΡΠΎΡΡΡ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΊΠ°ΡΡ ΡΡΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ Π²ΠΎ Π²ΡΠ΅ΠΌΡ ΡΠ°Π±ΠΎΡΡ.
- ΠΠ·ΡΡΠΈΡΡ ΡΡΡΡΠΊΡΡΡΡ HTML-ΠΊΠΎΠ΄Π°, ΡΡΠΎΠ±Ρ ΠΏΠΎΠ½ΡΡΡ, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°ΡΡΡΡ ΡΡΡΠ°Π½ΠΈΡΡ ΡΠ°ΠΉΡΠΎΠ².
- ΠΡΠΎΡΠΈΡΠ°ΡΡ ΠΎ ΡΠ°Π±Π»ΠΈΡΠ½ΠΎΠΉ Π²Π΅ΡΡΡΠΊΠ΅ β ΡΡΠΎ ΡΡΡΠ°ΡΠ΅Π²ΡΠΈΠΉ Π²ΠΈΠ΄ Π²Π΅ΡΡΡΠΊΠΈ, ΠΊΠΎΡΠΎΡΡΠΉ Π½Π° ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΡ ΡΠ°ΠΉΡΠ°Ρ Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ. ΠΠ΄Π½Π°ΠΊΠΎ Π²Π°ΠΌ Π½ΡΠΆΠ½ΠΎ Π·Π½Π°ΡΡ, ΡΡΠΎ ΡΡΠΎ ΡΠ°ΠΊΠΎΠ΅, ΡΡΠΎΠ±Ρ Π½Π΅ ΡΠ΅ΡΡΡΡΡΡ, Π΅ΡΠ»ΠΈ ΠΏΡΠΈΠ΄Π΅ΡΡΡ ΡΠ°Π±ΠΎΡΠ°ΡΡ Ρ Π²Π΅ΡΡΡΠΊΠΎΠΉ ΡΡΠ°ΡΠΎΠ³ΠΎ ΡΠ°ΠΉΡΠ°.
- ΠΠ°ΡΡΠΈΡΡΡΡ Π±Π»ΠΎΡΠ½ΠΎΠΉ Π²Π΅ΡΡΡΠΊΠ΅ ΠΏΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ Π΄ΠΈΠ²ΠΎΠ² (div). ΠΡΠΎ ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΠΉ ΡΠΈΠΏ Π²Π΅ΡΡΡΠΊΠΈ, ΠΊΠΎΡΠΎΡΡΠΉ Π½ΡΠΆΠ½ΠΎ Ρ ΠΎΡΠΎΡΠΎ Π·Π½Π°ΡΡ.
- ΠΡΠΎΡΠΈΡΠ°ΡΡ ΠΏΡΠΎ Π²Π°Π»ΠΈΠ΄Π½ΡΡ Π²Π΅ΡΡΡΠΊΡ. ΠΡΡΡ ΠΎΡΠ³Π°Π½ΠΈΠ·Π°ΡΠΈΡ, ΠΊΠΎΡΠΎΡΠ°Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ ΡΡΠ°Π½Π΄Π°ΡΡΡ HTML. ΠΠ½Π° Π½Π°Π·ΡΠ²Π°Π΅ΡΡΡ W3C. ΠΠ°Π»ΠΈΠ΄Π½ΠΎΠΉ Π½Π°Π·ΡΠ²Π°Π΅ΡΡΡ Π²Π΅ΡΡΡΠΊΠ°, ΠΊΠΎΡΠΎΡΠ°Ρ ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ ΠΎΡΠ²Π΅ΡΠ°Π΅Ρ ΡΡΠ°Π½Π΄Π°ΡΡΠ°ΠΌ W3C. ΠΠ° ΠΏΡΠ°ΠΊΡΠΈΠΊΠ΅ ΠΈΡ ΡΠ°ΡΡΠΎ Π½Π°ΡΡΡΠ°ΡΡ ΠΈ Π½Π΅ ΠΊΠ°ΠΆΠ΄Π°Ρ Π²Π΅ΡΡΡΠΊΠ° ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ Π²Π°Π»ΠΈΠ΄Π½ΠΎΠΉ. ΠΠΎ Π² Π»ΡΠ±ΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ ΠΏΡΠΎ ΡΡΠΎΡ ΡΡΠ°Π½Π΄Π°ΡΡ Π½ΡΠΆΠ½ΠΎ Π·Π½Π°ΡΡ.
Π Π°Π·Π½ΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ ΠΏΠΎ-ΡΠ°Π·Π½ΠΎΠΌΡ ΠΎΠ±ΡΠ°Π±Π°ΡΡΠ²Π°ΡΡ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠ΅Π³ΠΈ ΠΈ ΠΈΠ½ΡΠ΅ ΠΊΠΎΠΌΠ°Π½Π΄Ρ. ΠΡΠ»ΠΈ Π²Ρ ΡΠ΅ΡΠΈΠ»ΠΈ ΡΠ°ΠΌΠΎΡΡΠΎΡΡΠ΅Π»ΡΠ½ΠΎ ΠΈΠ·ΡΡΠ°ΡΡ HTML, ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ ΠΏΡΠΎΡΠΈΡΠ°ΠΉΡΠ΅, ΡΡΠΎ ΡΠ°ΠΊΠΎΠ΅ ΠΊΡΠΎΡΡΠ±ΡΠ°ΡΠ·Π΅ΡΠ½Π°Ρ Π²Π΅ΡΡΡΠΊΠ° ΠΈ ΠΊΠ°ΠΊ Π΅Π΅ Π΄Π΅Π»Π°ΡΡ.
ΠΠ°ΠΊ Π²ΠΈΠ΄ΠΈΡΠ΅, Π²ΡΡΡΠΈΡΡ HTML Ρ Π½ΡΠ»Ρ ΠΌΠΎΠΆΠ½ΠΎ ΠΈ ΡΠ°ΠΌΠΎΡΡΠΎΡΡΠ΅Π»ΡΠ½ΠΎ. ΠΡΠΈΠΌΠ΅ΡΠ½ΠΎ Π·Π° Π½Π΅Π΄Π΅Π»Ρ Π²Ρ ΡΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΠ·ΡΡΠΈΡΡ Π°Π·Ρ ΡΠ·ΡΠΊΠ° ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈ ΠΈ Π½Π°ΡΡΠΈΡΡΡΡ ΠΈΠΌ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ Π½Π° ΡΡΠΎΠ²Π½Π΅, Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎΠΌ Π΄Π»Ρ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠΎΠ² Π½Π° ΡΠ°ΠΉΡΡ, ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈ ΡΠ°Π±Π»ΠΈΡ, ΡΠΏΠΈΡΠΊΠΎΠ², Π²ΡΡΠ°Π²ΠΊΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ.
ΠΠ°ΠΊ Π²ΡΡΡΠΈΡΡ CSS Ρ Π½ΡΠ»Ρ?
ΠΡΠ²Π°ΠΈΠ²Π°ΡΡ CSS ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΠ΅ΡΡΡ ΠΏΠΎΡΠ»Π΅ ΡΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π²Ρ ΠΈΠ·ΡΡΠΈΠ»ΠΈ ΠΎΡΠ½ΠΎΠ²Ρ ΡΠ·ΡΠΊΠ° HTML. ΠΠΎΡ ΡΡΠΎ Π½ΡΠΆΠ½ΠΎ ΡΠ·Π½Π°ΡΡ ΠΎ ΠΊΠ°ΡΠΊΠ°Π΄Π½ΡΡ ΡΠ°Π±Π»ΠΈΡΠ°Ρ ΡΡΠΈΠ»Π΅ΠΉ:
- ΠΡΠ½ΠΎΠ²Ρ ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡΠ°: ΠΎΡΠ½ΠΎΠ²Π½ΡΠ΅ ΡΠ΅Π»Π΅ΠΊΡΠΎΡΡ, ΠΈΡ ΡΠ²ΠΎΠΉΡΡΠ²Π° ΠΈ Π·Π½Π°ΡΠ΅Π½ΠΈΡ. ΠΠ° ΡΠ»ΠΎΠ²Π°Ρ ΠΊΠ°ΠΆΠ΅ΡΡΡ ΡΠ»ΠΎΠΆΠ½ΠΎ, Π½ΠΎ Π½Π° Π΄Π΅Π»Π΅ β ΠΏΡΠΎΡΡΠΎ. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, Π² CSS Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π·Π°Π΄Π°ΡΡ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΠ΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°, ΡΠΊΠ°Π·Π°Π², ΠΊΠ°ΠΊΠΎΠΉ Ρ Π½Π΅Π³ΠΎ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±ΡΡΡ ΡΡΠΈΡΡ, ΡΠ°Π·ΠΌΠ΅Ρ ΡΡΠΈΡΡΠ°, ΠΎΡΡΡΡΠΏΡ ΠΎΡ Π΄ΡΡΠ³ΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅, ΡΠ²Π΅Ρ ΠΈ Π΄ΡΡΠ³ΠΈΠ΅ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ. Π§ΡΠΎΠ±Ρ Π·Π½Π°ΡΡ CSS, Π²Π°ΠΌ Π½ΡΠΆΠ½ΠΎ ΠΈΠ·ΡΡΠΈΡΡ, ΠΊΠ°ΠΊΠΈΠ΅ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π·Π°Π΄Π°Π²Π°ΡΡ Ρ ΡΠ°Π·Π½ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ°Ρ .
- ΠΠ·ΡΡΠΈΡΡ, ΠΊΠ°ΠΊ ΠΏΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ CSS Π·Π°Π΄Π°Π²Π°ΡΡ ΠΏΠΎΠ·ΠΈΡΠΈΠΎΠ½ΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ°Π·Π½ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅.
- Π£Π·Π½Π°ΡΡ, ΡΡΠΎ ΡΠ°ΠΊΠΎΠ΅ ΠΏΡΠ΅Π²Π΄ΠΎΠΊΠ»Π°ΡΡΡ ΠΈ ΠΊΠΎΠΌΠ±ΠΈΠ½Π°ΡΠΎΡΡ.
ΠΠ·ΡΡΠΈΡΡ Π°Π΄Π°ΠΏΡΠΈΠ²Π½ΡΡ Π²Π΅ΡΡΡΠΊΡ, ΠΊΠΎΠ³Π΄Π° ΠΌΠ°ΠΊΠ΅Ρ ΡΡΡΠ°Π½ΠΈΡΡ ΠΏΠΎΠ΄ΡΡΡΠ°ΠΈΠ²Π°Π΅ΡΡΡ ΠΏΠΎΠ΄ ΡΠ°Π·ΠΌΠ΅ΡΡ ΡΠΊΡΠ°Π½Π° ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ.
ΠΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΠΎ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΠ΅ΡΡΡ Π²ΡΡΡΠΈΡΡ:
- ΠΡΠ΅ΠΏΡΠΎΡΠ΅ΡΡΠΎΡΡ.
- Π€ΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠΈ, ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎ Bootstrap. Π€ΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊ β ΡΡΠΎ Π³ΠΎΡΠΎΠ²ΠΎΠ΅ ΡΠ΅ΡΠ΅Π½ΠΈΠ΅, Π½Π° Π±Π°Π·Π΅ ΠΊΠΎΡΠΎΡΠΎΠ³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π±ΡΡΡΡΠΎ ΡΠΎΠ·Π΄Π°ΡΡ Π²Π΅ΡΡΡΠΊΡ Π½ΠΎΠ²ΠΎΠ³ΠΎ ΡΠ°ΠΉΡΠ°.
- Π£ΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ, ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄Π°ΠΌΠΈ ΠΈ Π°Π½ΠΈΠΌΠ°ΡΠΈΠ΅ΠΉ.
ΠΠ°ΠΊ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΡΡΡΡΠΊΡΡΡΡ ΠΊΠΎΠ΄Π°, ΡΡΠΎΠ±Ρ Π΅Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π±ΡΠ»ΠΎ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°ΡΡ.
ΠΠ° ΠΊΠ°ΠΊΠΈΡ ΡΠ°ΠΉΡΠ°Ρ ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡΠ²ΠΎΠΈΡΡ HTML ΠΈ CSS?
ΠΠΈΠΆΠ΅ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½Ρ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΡΠ΅ ΡΠ°ΠΉΡΡ ΠΈ ΡΠΏΡΠ°Π²ΠΎΡΠ½ΠΈΠΊΠΈ, ΠΊΠΎΡΠΎΡΡΠΌΠΈ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ ΠΏΡΠΈ ΡΠ°ΠΌΠΎΡΡΠΎΡΡΠ΅Π»ΡΠ½ΠΎΠΌ ΠΈΠ·ΡΡΠ΅Π½ΠΈΠΈ HTML ΠΈ CSS Ρ Π½ΡΠ»Ρ.
ΠΠ΄ΡΠ΅Ρ ΡΠ°ΠΉΡΠ° | ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΡΠ°ΠΉΡΠ° |
htmlbase.ru | ΠΠΎΠ·ΠΈΡΠΈΠΎΠ½ΠΈΡΡΠ΅ΡΡΡ, ΠΊΠ°ΠΊ ΡΠ°ΠΌΡΠΉ ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΠΉ ΡΠΏΡΠ°Π²ΠΎΡΠ½ΠΈΠΊ ΠΏΠΎ HTML ΠΈ CSS. ΠΠ° ΡΠ°ΠΉΡΠ΅ ΡΠΎΠ±ΡΠ°Π½ΠΎ ΠΎΠΏΠΈΡΠ°Π½ΠΈΠ΅ Π²ΡΠ΅Ρ ΡΠ΅Π³ΠΎΠ² ΠΈ Π°ΡΡΠΈΠ±ΡΡΠΎΠ², ΡΠ²ΠΎΠΉΡΡΠ² ΡΠ°Π±Π»ΠΈΡ ΡΡΠΈΠ»Π΅ΠΉ, Π° ΡΠ°ΠΊΠΆΠ΅ ΠΏΡΠΈΠΌΠ΅ΡΠΎΠ² ΠΊΠΎΠ΄Π° ΠΈ ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠΎΠ² ΠΈΡ Π²ΡΠΏΠΎΠ»Π½Π΅Π½ΠΈΡ (ΡΡΠΎ Π±ΡΠ΄Π΅Ρ Π²ΡΠ²ΠΎΠ΄ΠΈΡΡΡΡ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅). |
CSS-live.ru | ΠΠ° ΡΠ°ΠΉΡΠ΅ ΡΠΎΠ±ΡΠ°Π½Π° ΡΠ΅ΠΎΡΠΈΡ ΠΈ ΠΏΡΠ°ΠΊΡΠΈΠΊΠ° ΠΏΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ CSS, ΡΡΡΠΊΠΈ, Ρ ΠΈΡΡΠΎΡΡΠΈ ΠΈ Π³ΠΎΡΠΎΠ²ΡΠ΅ ΡΠ΅ΡΠ΅Π½ΠΈΡ. Π‘Π°ΠΉΡ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΠΎΠ²Π°ΡΡ ΠΊΠ°ΠΊ Π½ΠΎΠ²ΠΈΡΠΊΠ°ΠΌ, ΡΠ°ΠΊ ΠΈ Π²Π΅ΡΡΡΠ°Π»ΡΡΠΈΠΊΠ°ΠΌ Ρ ΠΎΠΏΡΡΠΎΠΌ. |
ΠΠ΅ΡΠΏΠ»Π°ΡΠ½ΡΠΉ ΠΊΡΡΡ ΠΏΠΎ ΠΎΡΠ½ΠΎΠ²Π°ΠΌ HTML | ΠΠ° ΠΊΡΡΡΠ΅ ΠΈΠ·ΡΡΠ°ΡΡΡΡ ΠΎΡΠ½ΠΎΠ²Π½ΡΠ΅ ΡΠ΅Π³ΠΈ. ΠΠΎΠΌΠΎΠ³Π°Π΅Ρ ΠΏΠΎΠ»ΡΡΠΈΡΡ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ ΠΎ Π²Π΅ΡΡΡΠΊΠ΅ ΠΈ Π·Π½Π°ΡΠΈΡΠ΅Π»ΡΠ½ΠΎ ΡΠΏΡΠΎΡΠ°Π΅Ρ ΠΎΠ±ΡΡΠ΅Π½ΠΈΠ΅ HTML Π½Π° ΡΡΠ°ΡΡΠ΅. ΠΡΠΎΡ ΠΎΠ΄ΠΈΡ ΠΎΠ½Π»Π°ΠΉΠ½, ΠΌΠΎΠΆΠ½ΠΎ Π·Π°ΠΏΠΈΡΡΠ²Π°ΡΡΡΡ ΠΈΠ· Π»ΡΠ±ΠΎΠ³ΠΎ Π³ΠΎΡΠΎΠ΄Π°. |
html5book | ΠΠ° ΡΠ°ΠΉΡΠ΅ Π½Π°Ρ ΠΎΠ΄ΡΡΡΡ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΡΠ΅ ΡΡΠΎΠΊΠΈ ΠΏΠΎ HTML5 ΠΈ CSS, Π° ΡΠ°ΠΊΠΆΠ΅ ΡΠΏΡΠ°Π²ΠΎΡΠ½ΠΈΠΊ CSS. Π£ΡΠΎΠΊΠΈ Ρ ΠΎΡΠΎΡΠΎ ΡΡΡΡΠΊΡΡΡΠΈΡΠΎΠ²Π°Π½Ρ ΠΈ ΡΠΎΠΏΡΠΎΠ²ΠΎΠΆΠ΄Π°ΡΡΡΡ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠΎΠ². |
html5css.ru | ΠΠ° ΡΠ°ΠΉΡΠ΅ Π΅ΡΡΡ ΡΠΏΡΠ°Π²ΠΎΡΠ½ΠΈΠΊ ΡΠ΅Π³ΠΎΠ², Π° ΡΠ°ΠΊΠΆΠ΅ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΡΠ΅ ΡΡΠΎΠΊΠΈ ΠΏΠΎ Π²Π΅ΡΡΡΠΊΠ΅ ΡΡΡΠ°Π½ΠΈΡ. ΠΠΌΠ΅Π΅ΡΡΡ Π΄Π΅ΠΌΠΎ-ΡΠ΅Π΄Π°ΠΊΡΠΎΡ, Π² ΠΊΠΎΡΠΎΡΠΎΠΌ ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠ΅ ΠΊΠΎΠΌΠ°Π½Π΄Ρ ΠΈ ΡΠΌΠΎΡΡΠ΅ΡΡ, ΠΊΠ°ΠΊ Π±ΡΠ°ΡΠ·Π΅Ρ ΠΈΡ Π²ΠΎΡΠΏΡΠΈΠ½ΠΈΠΌΠ°Π΅Ρ ΠΈ ΡΡΠΎ ΠΏΠΎΠΌΠ΅Π½ΡΠ΅ΡΡΡ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ. |
htmlbook.ru | ΠΠ΄ΠΈΠ½ ΠΈΠ· ΡΠ°ΠΌΡΡ ΠΏΠΎΠΏΡΠ»ΡΡΠ½ΡΡ ΡΠΏΡΠ°Π²ΠΎΡΠ½ΠΈΠΊΠΎΠ² ΠΏΠΎ HTML ΠΈ CSS. ΠΠ° ΡΠ°ΠΉΡΠ΅ Π΅ΡΡΡ Π‘Π°ΠΌΠΎΡΡΠΈΡΠ΅Π»Ρ, Π° ΡΠ°ΠΊΠΆΠ΅ ΠΡΠ°ΠΊΡΠΈΠΊΡΠΌ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΠΎΠΌΠΎΠ³Π°ΡΡ ΡΡΠΊΠΎΡΠΈΡΡ ΠΎΠ±ΡΡΠ΅Π½ΠΈΠ΅ ΠΈ ΡΠ΄Π΅Π»Π°ΡΡ Π΅Π³ΠΎ ΠΏΡΠΎΡΠ΅. |
ΠΠ’ Π¨Π΅Ρ | ΠΠ΄Π΅ΡΡ ΡΠΎΠ±ΡΠ°Π½Π° ΠΊΠΎΠ»Π»Π΅ΠΊΡΠΈΡ ΡΡΠ°ΡΠ΅ΠΉ, ΡΡΠΎΠΊΠΎΠ² ΠΈ ΠΏΡΠΈΠΌΠ΅ΡΠΎΠ² ΠΏΠΎ Π²Π΅ΡΡΡΠΊΠ΅. Π’Π°ΠΊΠΆΠ΅ Π΅ΡΡΡ ΡΡΠΎΠΊΠΈ ΠΏΠΎ Bootstrap. |
Π‘Π°ΠΌΠΎΡΡΠΈΡΠ΅Π»Ρ ΠΏΠΎ HTML ΠΈ CSS | ΠΡΠΎΡΡΠΎΠΉ ΠΈ ΠΏΠΎΠ½ΡΡΠ½ΡΠΉ ΡΠ°ΠΌΠΎΡΡΠΈΡΠ΅Π»Ρ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΠΎΠ΄ΠΎΠΉΠ΄Π΅Ρ Π΄Π»Ρ ΡΠ°ΠΌΠΎΡΡΠΎΡΡΠ΅Π»ΡΠ½ΠΎΠ³ΠΎ ΠΈΠ·ΡΡΠ΅Π½ΠΈΡ HTML 5 ΠΈ CSS Ρ Π½ΡΠ»Ρ. |
Code.mu | ΠΠ΅ΡΠΏΠ»Π°ΡΠ½ΡΠΉ ΠΎΠ½Π»Π°ΠΉΠ½-ΡΠΏΡΠ°Π²ΠΎΡΠ½ΠΈΠΊ. ΠΡΠ΄Π΅Ρ ΠΏΠΎΠ»Π΅Π·Π΅Π½ Π½ΠΎΠ²ΠΈΡΠΊΠ°ΠΌ, ΠΊΠΎΡΠΎΡΡΠ΅ Ρ ΠΎΡΡΡ ΠΈΠ·ΡΡΠΈΡΡ ΠΎΡΠ½ΠΎΠ²Ρ Π²Π΅ΡΡΡΠΊΠΈ. |
Coding-space.ru | ΠΠ½Π»Π°ΠΉΠ½-ΡΡΠ΅Π±Π½ΠΈΠΊ ΠΏΠΎ HTML ΠΈ CSS. ΠΠ½ΠΎΠ³ΠΎ ΠΏΡΠΈΠΌΠ΅ΡΠΎΠ². ΠΠΎΠ΄Ρ ΠΎΠ΄ΠΈΡ Π½ΠΎΠ²ΠΈΡΠΊΠ°ΠΌ. |
Π’Π΅ΡΡΡ Π½Π° Webreference | ΠΠΎΠΌΠΎΠ³Π°ΡΡ ΠΏΡΠΎΠ²Π΅ΡΠΈΡΡ ΡΠ²ΠΎΠΈ Π·Π½Π°Π½ΠΈΡ ΠΏΠΎ Π²Π΅ΡΡΡΠΊΠ΅ ΠΈ Π²ΡΡΠ²ΠΈΡΡ ΠΏΡΠΎΠ±Π΅Π»Ρ. ΠΠ° ΡΠ°ΠΉΡΠ΅ Π΅ΡΡΡ ΡΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ²Π° ΠΈ ΡΠΏΡΠ°Π²ΠΎΡΠ½ΠΈΠΊΠΈ ΠΏΠΎ HTML ΠΈ CSS Π΄Π»Ρ ΡΠ°ΠΌΠΎΡΡΠΎΡΡΠ΅Π»ΡΠ½ΠΎΠ³ΠΎ ΠΈΠ·ΡΡΠ΅Π½ΠΈΡ. |
Ruseller.com | ΠΠ° ΡΠ°ΠΉΡΠ΅ ΡΠΎΠ±ΡΠ°Π½ΠΎ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΠΎΠ² Π΄Π»Ρ ΡΠ°ΠΉΡΠΎΡΡΡΠΎΠΈΡΠ΅Π»Π΅ΠΉ ΠΈ Π²Π΅ΡΡΡΠ°Π»ΡΡΠΈΠΊΠΎΠ². ΠΠΎΠΆΠ½ΠΎ Π½Π°ΠΉΡΠΈ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΡΠ΅ ΡΠ΅ΡΠ΅Π½ΠΈΡ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠ°Π·Π½ΡΡ ΡΡΡΠ΅ΠΊΡΠΎΠ², Π³ΠΎΡΠΎΠ²ΡΠ΅ ΡΠΊΡΠΈΠΏΡΡ ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄ΡΡΠ³ΠΎΠ΅. |
W3.org | Π‘Π°ΠΉΡ ΠΊΠΎΠ½ΡΠΎΡΡΠΈΡΠΌΠ° W3C, Π½Π° ΠΊΠΎΡΠΎΡΠΎΠΌ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΡΠΌΠΎΡΡΠ΅ΡΡ Π°ΠΊΡΡΠ°Π»ΡΠ½ΡΠ΅ ΡΡΠ°Π½Π΄Π°ΡΡΡ ΡΠ·ΡΠΊΠ° ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈ, Π° ΡΠ°ΠΊΠΆΠ΅ ΠΏΡΠΎΠ²Π΅ΡΠΈΡΡ Π²Π°Π»ΠΈΠ΄Π½ΠΎΡΡΡ ΡΠ²ΠΎΠ΅Π³ΠΎ ΠΊΠΎΠ΄Π° Π² ΡΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΠΎΠΌ ΠΠ°Π»ΠΈΠ΄Π°ΡΠΎΡΠ΅. |
ΠΠ°ΠΊ Π±ΡΡΡΡΠΎ Π²ΡΡΡΠΈΡΡ HTML ΠΈ CSS Ρ Π½ΡΠ»Ρ?
- ΠΠΎΠ»ΡΡΠ΅ ΠΏΡΠ°ΠΊΡΠΈΠΊΠΈ. ΠΠ·ΡΡΠΈΠ»ΠΈ Π½ΠΎΠ²ΡΠ΅ ΡΠ΅Π³ΠΈ β ΡΡΠ°Π·Ρ ΠΏΠΎΠΏΡΠΎΠ±ΡΠΉΡΠ΅ ΡΠ²Π΅ΡΡΡΠ°ΡΡ ΡΠ΅ΠΊΡΡ Ρ Π½ΠΈΠΌΠΈ. ΠΡΠΎ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ Π²Π°ΠΌ ΠΎΡΠ²ΠΎΠΈΡΡ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π» Π±ΡΡΡΡΠ΅Π΅. ΠΠ»Ρ Π²Π΅ΡΡΡΠΊΠΈ ΡΡΡΠ°Π½ΠΈΡ Π½Π΅ Π½ΡΠΆΠ½ΠΎ ΡΠΊΠ°ΡΠΈΠ²Π°ΡΡ ΡΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΠ΅ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ ΠΈΠ»ΠΈ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΡ. ΠΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ ΡΠΎΡ ΡΠ°Π½ΠΈΡΡ ΡΡΡΠ°Π½ΠΈΡΡ ΠΈΠ· Π±ΡΠ°ΡΠ·Π΅ΡΠ° Π½Π° ΠΊΠΎΠΌΠΏΡΡΡΠ΅ΡΠ΅ ΠΈ ΠΌΠ΅Π½ΡΡΡ Ρ Π½Π΅Π΅ ΠΊΠΎΠ΄, ΠΏΡΠΎΡΠΌΠ°ΡΡΠΈΠ²Π°Ρ, ΡΡΠΎ Π²Ρ ΠΏΠΎΠ»ΡΡΠΈΠ»ΠΈ ΠΏΠΎΡΠ»Π΅ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΡ Π½ΠΎΠ²ΡΡ ΡΠ΅Π³ΠΎΠ².
- ΠΡΡΡΡΠΎ Π²ΡΡΡΠΈΡΡ ΡΠ·ΡΠΊ HTML ΠΈ CSS ΡΠ°ΠΌΠΎΡΡΠΎΡΡΠ΅Π»ΡΠ½ΠΎ ΠΏΠΎΠΌΠΎΠ³Π°ΡΡ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΡΠ΅ ΠΎΠ½Π»Π°ΠΉΠ½-Π·Π°Π΄Π°ΡΠ½ΠΈΠΊΠΈ. Π Π½ΠΈΡ ΡΠΎΠ±ΡΠ°Π½Ρ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠ΅ Π·Π°Π΄Π°ΡΠΈ ΠΏΠΎ Π²Π΅ΡΡΡΠΊΠ΅ ΡΠ°Π·Π½ΠΎΠ³ΠΎ ΡΡΠΎΠ²Π½Ρ ΡΠ»ΠΎΠΆΠ½ΠΎΡΡΠΈ. ΠΡΠΏΠΎΠ»Π½ΡΠΉΡΠ΅ ΠΏΡΠ°ΠΊΡΠΈΠΊΡ ΠΈ Π±ΡΡΡΡΠ΅Π΅ ΠΎΡΠ²Π°ΠΈΠ²Π°ΠΉΡΠ΅ Π½ΠΎΠ²ΡΠ΅ ΡΠ΅Π³ΠΈ. ΠΡΠΈΠΌΠ΅ΡΡ Π·Π°Π΄Π°ΡΠ½ΠΈΠΊΠΎΠ²: ΠΡΠ°ΠΊΡΠΈΠΊΠ° Π½Π° WebReference (ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΡΠ΅ΡΠ°ΡΡ Π·Π°Π΄Π°ΡΠΈ ΠΎΠ½Π»Π°ΠΉΠ½ ΠΈ ΡΡΠ°Π·Ρ ΠΏΡΠΎΠ²Π΅ΡΡΡΡ ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΡ), ΠΡΠ°ΠΊΡΠΈΠΊΡΠΌ Π½Π° Htmlbook.
- ΠΡΠΎΠΉΡΠΈ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΡΠΉ ΠΊΡΡΡ ΠΏΠΎ ΠΎΡΠ½ΠΎΠ²Π°ΠΌ HTML Π² ΠΠ΅ΡΠΎΠ»ΠΎΠ³ΠΈΠΈ. ΠΡΡΡ ΡΠΎΡΡΠΎΠΈΡ ΠΈΠ· Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ ΠΎΠ½Π»Π°ΠΉΠ½-ΡΡΠΎΠΊΠΎΠ², ΠΊΠΎΡΠΎΡΡΠ΅ Π²Π΅Π΄Π΅Ρ ΠΏΡΠ΅ΠΏΠΎΠ΄Π°Π²Π°ΡΠ΅Π»Ρ. ΠΠ° Π½ΠΈΡ Π²Ρ ΠΎΡΠ²ΠΎΠΈΡΠ΅ Π±Π°Π·ΠΎΠ²ΡΠ΅ ΡΠ΅Π³ΠΈ ΠΈ ΡΠΌΠΎΠΆΠ΅ΡΠ΅ Π΄Π°Π»ΡΡΠ΅ Π΄Π²ΠΈΠ³Π°ΡΡΡΡ ΡΠ°ΠΌΠΎΡΡΠΎΡΡΠ΅Π»ΡΠ½ΠΎ. ΠΡΠΎ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎ Π°ΠΊΡΡΠ°Π»ΡΠ½ΠΎ Π΄Π»Ρ Π»ΡΠ΄Π΅ΠΉ, ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠ°Π½ΡΡΠ΅ Π½Π΅ ΡΡΠ°Π»ΠΊΠΈΠ²Π°Π»ΠΈΡΡ Ρ Π²Π΅ΡΡΡΠΊΠΎΠΉ ΠΈ ΡΠ°ΠΉΡΠ°ΠΌΠΈ.
- ΠΠ΅ ΡΠ΄Π°Π²Π°ΠΉΡΠ΅ΡΡ, Π΅ΡΠ»ΠΈ ΡΡΠΎ-ΡΠΎ ΠΊΠ°ΠΆΠ΅ΡΡΡ Π²Π°ΠΌ ΡΠ»ΠΎΠΆΠ½ΡΠΌ. ΠΡΠΈΡΠ΅ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ Π² ΡΠ°Π·Π½ΡΡ ΠΈΡΡΠΎΡΠ½ΠΈΠΊΠ°Ρ . ΠΡΠ²Π°Π΅Ρ, ΡΡΠΎ Π½Π° ΠΎΠ΄Π½ΠΎΠΌ ΡΠ°ΠΉΡΠ΅ ΡΡΠΎ-ΡΠΎ Π½Π°ΠΏΠΈΡΠ°Π½ΠΎ Π½Π΅ΠΏΠΎΠ½ΡΡΠ½ΠΎ, Π° Π½Π° Π΄ΡΡΠ³ΠΎΠΌ β Π²ΡΠ΅ ΡΡΠ½ΠΎ ΠΈ ΠΏΡΠΎΡΡΠΎ.
ΠΠ΅ ΠΏΠ΅ΡΠ΅ΠΆΠΈΠ²Π°ΠΉΡΠ΅, Π΅ΡΠ»ΠΈ ΡΡΠΎ-ΡΠΎ Π½Π΅ ΠΏΠΎΠ»ΡΡΠ°Π΅ΡΡΡ. ΠΠ»Π°Π²Π½ΠΎΠ΅ β Π½Π΅ Π±ΡΠΎΡΠ°ΡΡ Π½Π°ΡΠ°ΡΠΎΠ΅, ΡΠΎΠ³Π΄Π° Π²ΡΠ΅ ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ ΠΏΠΎΠ»ΡΡΠΈΡΡΡ.
Π§ΡΠΎ Π΄Π΅Π»Π°ΡΡ Π΄Π°Π»ΡΡΠ΅, ΠΎΡΠ²ΠΎΠΈΠ² HTML ΠΈ CSS?
ΠΠΎΠ³Π΄Π° Π²Ρ ΠΈΠ·ΡΡΠΈΡΠ΅ ΡΠ·ΡΠΊ ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈ ΠΈ ΡΠ°Π±Π»ΠΈΡΡ ΡΡΠΈΠ»Π΅ΠΉ, ΡΠΎΠ²Π΅ΡΡΡ ΡΡΠΈΡΡ JavaScript. ΠΡΠΎ ΡΠ·ΡΠΊ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΡ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠ΅ ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅, Π° ΡΠ°ΠΊΠΆΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΡ AJAX. Π‘ Π΅Π΅ ΠΏΠΎΠΌΠΎΡΡΡ ΠΌΠΎΠΆΠ½ΠΎ ΠΎΠ±Π½ΠΎΠ²Π»ΡΡΡ ΡΠ°ΡΡΠΈ ΡΡΡΠ°Π½ΠΈΡ Π±Π΅Π· ΠΏΠ΅ΡΠ΅Π·Π°Π³ΡΡΠ·ΠΊΠΈ, ΡΡΠΎ Π·Π½Π°ΡΠΈΡΠ΅Π»ΡΠ½ΠΎ ΡΡΠΊΠΎΡΡΠ΅Ρ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΠ΅ Ρ ΡΠ°ΠΉΡΠΎΠΌ. ΠΡΠΈΠΌΠ΅Ρ ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΠΈ AJAX β Π±Π΅ΡΠΊΠΎΠ½Π΅ΡΠ½Π°Ρ Π·Π°Π³ΡΡΠ·ΠΊΠ° Π½ΠΎΠ²ΠΎΠΉ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ Π² Π»Π΅Π½ΡΠ΅ Π½ΠΎΠ²ΠΎΡΡΠ΅ΠΉ.
ΠΠ½Π°Ρ ΡΠ°Π·ΠΌΠ΅ΡΠΊΡ ΠΈ JavaScript, Π²Ρ ΡΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΡΠ°ΡΡ Π½Π°ΡΠΈΠ½Π°ΡΡΠΈΠΌ Frontend-ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠΌ ΠΈ ΠΏΠΎΠ»ΡΡΠΈΡΡ Π²ΡΡΠΎΠΊΠΎΠΎΠΏΠ»Π°ΡΠΈΠ²Π°Π΅ΠΌΡΡ ΡΠ°Π±ΠΎΡΡ Π² Π²Π΅Π±-ΡΡΡΠ΄ΠΈΠΈ ΠΈΠ»ΠΈ Π²ΡΠΏΠΎΠ»Π½ΡΡΡ Π·Π°ΠΊΠ°Π·Ρ Π½Π° ΡΡΠΈΠ»Π°Π½ΡΠ΅.
ΠΠ°ΠΊ Π±ΡΡΡΡΠΎ ΠΎΡΠ²ΠΎΠΈΡΡ JavaScript, ΠΌΡ ΠΏΠΎΡΡΠ°ΡΠ°Π΅ΠΌΡΡ ΡΠ°ΡΡΠΊΠ°Π·Π°ΡΡ Π² ΡΠ»Π΅Π΄ΡΡΡΠΈΡ ΡΡΠ°ΡΡΡΡ .
Π§ΠΈΡΠ°ΠΉΡΠ΅ ΡΠ°ΠΊΠΆΠ΅:
Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΠ΅ΠΌ
ΠΠΈΠΆΠ΅ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ ΡΠΏΠΈΡΠΎΠΊ ΠΈΠ·Π΄Π°ΡΠ΅Π»ΡΡΡΠ², ΠΏΡΠ΅Π΄Π»Π°Π³Π°ΡΡΠΈΡ ΡΠΎΡΡΡΠ΄Π½ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΌΠΎΠ»ΠΎΠ΄ΡΠΌ ΠΈ Π½Π°ΡΠΈΠ½Π°ΡΡΠΈΠΌ Π°Π²ΡΠΎΡΠ°ΠΌ. Π‘ΡΠ΅Π΄ΠΈ Π½ΠΈΡ Π΅ΡΡΡ ΠΈΠ·Π΄Π°ΡΠ΅Π»ΡΡΡΠ²Π° Ρ ΡΠ΄ΠΎΠΆΠ΅ΡΡΠ²Π΅Π½Π½ΠΎΠΉ ΠΈ …
ΠΠΎΡΠΎΠΉ ΠΎΡΠ΅Π½Ρ ΡΡΡΠ΄Π½ΠΎ ΡΠ΅ΡΠΊΠΎ ΡΠ°Π·Π³ΡΠ°Π½ΠΈΡΠΈΡΡ ΡΠ°ΠΉΡΡ ΠΎ ΡΡΠΈΠ»Π°Π½ΡΠ΅ ΠΈ ΡΡΠΈΠ»Π°Π½ΡΠ΅ΡΠ°Ρ . ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, ΡΡΠΎ Π±ΠΈΡΠΆΠ° ΡΠ΅Π»Π΅ΡΠ°Π±ΠΎΡΡ ΠΈΠ»ΠΈ ΡΠΎΡΡΠΌ? ΠΠ»ΠΈ, ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ, ΡΠ°ΠΉΡ Π²Π°ΠΊΠ°Π½ΡΠΈΠΉ? …
ΠΡΠΎΠ³ΡΠ°ΠΌΠΌΠ° ΠΎΠ±ΡΡΠ΅Π½ΠΈΡ Π² HTML Academy
ΠΠΏΠΈΡΠ½ΡΠΉ ΠΊΡΡΡ
ΠΡΠΈΠΌΠ΅Π½ΡΠΉΡΠ΅ ΠΏΠΎΠ»ΡΡΠ΅Π½Π½ΡΠ΅ Π·Π½Π°Π½ΠΈΡ Π½Π°Β ΠΏΡΠ°ΠΊΡΠΈΠΊΠ΅!
ΠΡΒ ΡΒ Π½ΡΠ»Ρ ΡΠ²Π΅ΡΡΡΠ°Π΅ΡΠ΅ Π½Π°ΡΡΠΎΡΡΠΈΠΉ ΡΠ°ΠΉΡ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΠΉ ΠΌΠ°ΠΊΠ΅Ρ. ΠΡΡ, ΠΊΠ°ΠΊ ΡΒ Π½Π°ΡΡΠΎΡΡΠΈΡ ΠΏΡΠΎΡΠ΅ΡΡΠΈΠΎΠ½Π°Π»ΠΎΠ².
ΠΠΏΠΈΡΠ½ΡΠΉ ΠΊΡΡΡ ΠΎΡΠΊΡΡΠ²Π°Π΅ΡΡΡ ΠΏΠΎΡΡΠ΅ΠΏΠ΅Π½Π½ΠΎ, ΠΏΠΎΒ ΠΌΠ΅ΡΠ΅ ΠΏΡΠΎΡ ΠΎΠΆΠ΄Π΅Π½ΠΈΡ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ ΠΎΠ±ΡΡΠ΅Π½ΠΈΡ.
ΠΠ΅Π»ΠΈΠΊΠΈΠΉ ΠΠ΅ΠΊΡΠ±ΠΈΠΠΎΠΌΠΎΠ³Π°Π΅ΠΌ ΠΠ΅ΠΊΡΡ Π·Π°ΠΏΡΡΡΠΈΡΡ ΠΌΠ°Π³Π°Π·ΠΈΠ½ ΠΊΠΎΡΠ°ΡΡΠΈΡ Π°ΠΊΡΠ΅ΡΡΡΠ°ΡΠΎΠ² ΠΈ ΡΡΡΠ΅Π½Π°.
ΠΒ ΡΡΠΎΠΉ Π³Π»Π°Π²Π΅ ΠΌΡΒ ΠΏΠΎΠ΄ ΡΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ²ΠΎΠΌ ΠΈΠ½ΡΡΡΡΠΊΡΠΎΡΠ° ΠΠ΅ΠΊΡΠ° ΠΏΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΠΌΡΡ ΡΒ ΠΎΡΠ½ΠΎΠ²Π°ΠΌΠΈ Π²ΡΡΡΡΠΊΠΈ Π½Π°Β ΠΏΡΠΈΠΌΠ΅ΡΠ΅ Π½Π΅Π±ΠΎΠ»ΡΡΠΎΠ³ΠΎ Π»Π΅Π½Π΄ΠΈΠ½Π³Π°.
ΠΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΠΌΡΡ ΡΒ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ°ΠΌΠΈ ΠΠΊΠ°Π΄Π΅ΠΌΠΈΠΈ. ΠΒ Π·Π°ΠΎΠ΄Π½ΠΎ ΡΠ°ΡΡΠΌΠΎΡΡΠΈΠΌ Π±Π°Π·ΠΎΠ²ΡΠ΅ ΠΏΠΎΠ½ΡΡΠΈΡ Π²ΡΡΡΡΠΊΠΈ. ΠΡΠΎ Π°ΡΡ ΠΈΠ²Π½Π°Ρ Π³Π»Π°Π²Π°. Π§ΡΠΎΠ±Ρ ΠΏΡΠΎΠΉΡΠΈ Π°ΠΊΡΡΠ°Π»ΡΠ½ΡΡ Π³Π»Π°Π²Ρ, ΠΏΠ΅ΡΠ΅ΠΉΠ΄ΠΈΡΠ΅ ΠΏΠΎΒ ΡΡΠΎΠΉ ΡΡΡΠ»ΠΊΠ΅
ΠΠ°ΡΠΈΠ½Π°Π΅ΠΌ Π³ΠΎΡΠΎΠ²ΠΈΡΡ ΡΠ°Π·ΠΌΠ΅ΡΠΊΡ ΡΡΡΠ°Π½ΠΈΡΡ Π±Π»ΠΎΠ³Π°, ΡΠ°Π·Π±ΠΈΡΠ°Π΅ΠΌΡΡ ΠΈΠ·Β ΠΊΠ°ΠΊΠΈΡ ΡΠ΅Π³ΠΎΠ² ΠΎΠ½Π° ΡΠΎΡΡΠΎΠΈΡ ΠΈΒ Π·Π°Β ΡΡΠΎ ΡΡΠΈ ΡΠ΅Π³ΠΈ ΠΎΡΠ²Π΅ΡΠ°ΡΡ.
Π‘ΠΎΠ·Π΄Π°ΡΠΌ ΠΏΡΠΎΡΡΠ΅ΠΉΡΡΡ HTML-ΡΡΡΠ°Π½ΠΈΡΡ, ΡΠ°Π·Π±ΠΈΡΠ°Π΅ΠΌΡΡ ΠΈΠ·Β ΠΊΠ°ΠΊΠΈΡ ΡΠ΅Π³ΠΎΠ² ΠΎΠ½Π° ΡΠΎΡΡΠΎΠΈΡ ΠΈΒ Π·Π°Β ΡΡΠΎ ΡΡΠΈ ΡΠ΅Π³ΠΈ ΠΎΡΠ²Π΅ΡΠ°ΡΡ. ΠΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌ ΠΊΒ ΡΡΡΠ°Π½ΠΈΡΠ΅ CSS ΠΈΒ JavaScript. ΠΡΠΎ Π°ΡΡ ΠΈΠ²Π½Π°Ρ Π³Π»Π°Π²Π°. Π§ΡΠΎΠ±Ρ ΠΏΡΠΎΠΉΡΠΈ Π°ΠΊΡΡΠ°Π»ΡΠ½ΡΡ Π³Π»Π°Π²Ρ, ΠΏΠ΅ΡΠ΅ΠΉΠ΄ΠΈΡΠ΅ ΠΏΠΎΒ ΡΡΠΎΠΉ ΡΡΡΠ»ΠΊΠ΅
ΠΡΠΎΠ΄ΠΎΠ»ΠΆΠ°Π΅ΠΌ Π²Π΅ΡΡΡΠ°ΡΡ ΡΡΡΠ°Π½ΠΈΡΡ Π±Π»ΠΎΠ³Π°, ΠΈΠ·ΡΡΠ°Π΅ΠΌ, ΠΊΠ°ΠΊ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠ°ΡΡ ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠ°Π½ΠΈΠ΅: Π°Π±Π·Π°ΡΡ, Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ, ΠΏΠΎΠ΄Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ, ΡΠΏΠΈΡΠΊΠΈ ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄ΡΡΠ³ΠΎΠ΅.
ΠΠ°ΡΡΠΈΠΌΡΡ Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ Π½Π°Β ΠΏΡΠΎΡΡΠ΅ΠΉΡΡΡ HTML-ΡΡΡΠ°Π½ΠΈΡΡ ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠ°Π½ΠΈΠ΅ ΠΈΒ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠ°ΡΡ Π΅Π³ΠΎ: Π°Π±Π·Π°ΡΡ, Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ, ΠΏΠΎΠ΄Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ, ΡΠΏΠΈΡΠΊΠΈ ΠΈΒ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄ΡΡΠ³ΠΎΠ΅. ΠΡΠΎ Π°ΡΡ ΠΈΠ²Π½Π°Ρ Π³Π»Π°Π²Π°. Π§ΡΠΎΠ±Ρ ΠΏΡΠΎΠΉΡΠΈ Π°ΠΊΡΡΠ°Π»ΡΠ½ΡΡ Π³Π»Π°Π²Ρ, ΠΏΠ΅ΡΠ΅ΠΉΠ΄ΠΈΡΠ΅ ΠΏΠΎΒ ΡΡΠΎΠΉ ΡΡΡΠ»ΠΊΠ΅
ΠΠ°Π²Π΅ΡΡΠ°Π΅ΠΌ ΡΠ°Π·ΠΌΠ΅ΡΠΊΡ ΡΡΡΠ°Π½ΠΈΡΡ Π±Π»ΠΎΠ³Π°, Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΎΠ½Π½ΡΠ΅ ΡΡΡΠ»ΠΊΠΈ, Π°Β ΡΠ°ΠΊΠΆΠ΅ ΡΠ°Π·Π±ΠΈΡΠ°Π΅ΠΌΡΡ ΡΒ ΡΠΎΡΠΌΠ°ΡΠ°ΠΌΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ.
ΠΠ°ΡΡΠΈΠΌΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΡΡΠ»ΠΊΠΈ, Π²ΡΡΠ°Π²Π»ΡΡΡ Π½Π°Β ΡΡΡΠ°Π½ΠΈΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ. ΠΒ Π²Β ΠΊΠΎΠ½ΡΠ΅ ΠΊΡΡΡΠ° Π½Π΅Π±ΠΎΠ»ΡΡΠΎΠΉ ΡΡΡΠΏΡΠΈΠ·. ΠΡΠΎ Π°ΡΡ ΠΈΠ²Π½Π°Ρ Π³Π»Π°Π²Π°. Π§ΡΠΎΠ±Ρ ΠΏΡΠΎΠΉΡΠΈ Π°ΠΊΡΡΠ°Π»ΡΠ½ΡΡ Π³Π»Π°Π²Ρ, ΠΏΠ΅ΡΠ΅ΠΉΠ΄ΠΈΡΠ΅ ΠΏΠΎΒ ΡΡΠΎΠΉ ΡΡΡΠ»ΠΊΠ΅
Π£Π·Π½Π°Π΅ΠΌ, ΠΈΠ·Β ΠΊΠ°ΠΊΠΈΡ ΡΠ΅Π³ΠΎΠ² ΡΠΎΡΡΠΎΠΈΡ ΡΠ°Π±Π»ΠΈΡΠ° ΠΈΒ ΠΊΠ°ΠΊ ΡΠΏΡΠ°Π²Π»ΡΡΡ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎΠΌ ΡΡΡΠΎΠΊ ΠΈΒ ΡΡΠΎΠ»Π±ΡΠΎΠ². ΠΠ°ΡΡΠΈΠΌΡΡ ΠΎΡΠΎΡΠΌΠ»ΡΡΡ ΡΠ°Π±Π»ΠΈΡΡ: Π·Π°Π΄Π°Π²Π°ΡΡ ΡΠ°ΠΌΠΊΠΈ, ΡΠΎΠ½ ΡΡΡΠΎΠΊ, ΡΠ°Π·ΠΌΠ΅ΡΡ ΡΡΠΎΠ»Π±ΡΠΎΠ², Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°ΡΡ ΡΠ΅ΠΊΡΡ Π²Π½ΡΡΡΠΈ ΡΡΠ΅Π΅ΠΊ. ΠΒ ΡΠ°ΠΌΠΎΠ΅ Π³Π»Π°Π²Π½ΠΎΠ΅Β β ΡΠ°Π·Π±Π΅ΡΡΠΌΡΡ, ΠΊΠ°ΠΊ ΠΎΠ±ΡΠ΅Π΄ΠΈΠ½ΡΡΡ ΡΡΠ΅ΠΉΠΊΠΈ.
ΠΠ΅ΠΊΡΠ±ΠΈ. Π’Π°Π±Π»ΠΈΡΡ0/9
Π‘ΠΎΠ·Π΄Π°ΡΠΌ ΡΠ°Π±Π»ΠΈΡΡ ΠΏΡΠ°ΠΉΡ-Π»ΠΈΡΡΠ° ΠΈ Π·Π°Π΄Π°ΡΠΌ Π΅ΠΉ Π±Π°Π·ΠΎΠ²ΠΎΠ΅ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΠ΅.
Π Π°Π·Π±Π΅ΡΡΠΌΡΡ ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΠΏΡΠΎΡΡΠ΅ΠΉΡΠΈΠ΅ ΡΠΎΡΠΌΡ, ΠΏΠΎΠΏΡΠ°ΠΊΡΠΈΠΊΡΠ΅ΠΌΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠ΅ ΠΏΠΎΠ»Ρ, Π²ΡΠΏΠ°Π΄Π°ΡΡΠΈΠ΅ ΡΠΏΠΈΡΠΊΠΈ, ΠΏΠΎΠ»Ρ-Π³Π°Π»ΠΎΡΠΊΠΈ, ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΈΒ Π΄ΡΡΠ³ΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠΎΡΠΌ.
ΠΠ°ΡΠΈΠ½Π°Π΅ΠΌ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΠ΅ ΡΡΡΠ°Π½ΠΈΡ Π±Π»ΠΎΠ³Π° ΠΈ Π·Π°ΠΎΠ΄Π½ΠΎ ΡΠ°Π·Π±ΠΈΡΠ°Π΅ΠΌ Π±Π°Π·ΠΎΠ²ΡΠ΅ ΠΏΠΎΠ½ΡΡΠΈΡ CSS: ΠΏΡΠ°Π²ΠΈΠ»Π°, ΡΠ΅Π»Π΅ΠΊΡΠΎΡΡ, ΡΠ²ΠΎΠΉΡΡΠ²Π°, Π·Π½Π°ΡΠ΅Π½ΠΈΡ, Π½Π°ΡΠ»Π΅Π΄ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈ ΠΊΠ°ΡΠΊΠ°Π΄ΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅.
ΠΠΎΡΠΌΠΎΡΡΠΈΠΌ Π½Π°Β Π±Π°Π·ΠΎΠ²ΡΠ΅ ΠΏΠΎΠ½ΡΡΠΈΡ CSS: ΡΠ΅Π»Π΅ΠΊΡΠΎΡΡ, ΠΊΠ°ΡΠΊΠ°Π΄Π½ΠΎΡΡΡ, Π½Π°ΡΠ»Π΅Π΄ΠΎΠ²Π°Π½ΠΈΠ΅, ΠΏΡΠΈΠΎΡΠΈΡΠ΅ΡΡ. ΠΠ·Π³Π»ΡΠ½Π΅ΠΌ Π½Π°Β Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ CSS-ΡΠ²ΠΎΠΉΡΡΠ²Π° Π΄Π»Ρ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°, ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠ΅ΡΠΊΠΈ ΡΡΡΠ°Π½ΠΈΡΡ ΠΈΒ ΠΏΠΎΠ·ΠΈΡΠΈΠΎΠ½ΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ². ΠΡΠΎ Π°ΡΡ ΠΈΠ²Π½Π°Ρ Π³Π»Π°Π²Π°. Π§ΡΠΎΠ±Ρ ΠΏΡΠΎΠΉΡΠΈ Π°ΠΊΡΡΠ°Π»ΡΠ½ΡΡ Π³Π»Π°Π²Ρ, ΠΏΠ΅ΡΠ΅ΠΉΠ΄ΠΈΡΠ΅ ΠΏΠΎΒ ΡΡΠΎΠΉ ΡΡΡΠ»ΠΊΠ΅
ΠΠΏΡΠΎΠ±ΡΠ΅ΠΌ ΠΎΠ΄ΠΈΠ½ ΠΈΠ·Β ΡΠ°ΠΌΡΡ Π²Π°ΠΆΠ½Π΅ΠΉΡΠΈΡ ΠΌΠ΅Ρ Π°Π½ΠΈΠ·ΠΌΠΎΠ² CSSΒ β ΡΠ΅Π»Π΅ΠΊΡΠΎΡΡ. ΠΠ°ΡΡΠΈΠΌΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ ΠΏΡΠΎΡΡΡΠΌΠΈ ΠΈΒ ΠΏΡΠΎΠ΄Π²ΠΈΠ½ΡΡΡΠΌΠΈ ΡΠ΅Π»Π΅ΠΊΡΠΎΡΠ°ΠΌΠΈ, ΠΏΡΠ΅Π²Π΄ΠΎΠΊΠ»Π°ΡΡΠ°ΠΌΠΈ, Π°Β ΡΠ°ΠΊΠΆΠ΅ ΠΊΠΎΠΌΠ±ΠΈΠ½ΠΈΡΠΎΠ²Π°ΡΡΒ ΠΈΡ .
ΠΠ°ΡΠ»Π΅Π΄ΠΎΠ²Π°Π½ΠΈΠ΅, ΠΊΠ°ΡΠΊΠ°Π΄ΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅, ΡΠΏΠ΅ΡΠΈΡΠΈΡΠ½ΠΎΡΡΡ: ΡΡΠΎ ΡΡΠΎ ΠΈΒ ΠΊΠ°ΠΊ ΠΈΡ Β ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ?
ΠΠ°Π²Π΅ΡΡΠ°Π΅ΠΌ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΠ΅ ΡΡΡΠ°Π½ΠΈΡ Π±Π»ΠΎΠ³Π°, ΡΡΠΈΠΌΡΡ ΠΎΡΠΎΡΠΌΠ»ΡΡΡ ΡΠ΅ΠΊΡΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ CSS: Π·Π°Π΄Π°ΡΠΌ ΡΡΠΈΡΡΡ, ΡΠ²Π΅ΡΠ°, ΠΎΡΡΡΡΠΏΡ, ΡΠ°Π·ΠΌΠ΅ΡΡ.
Π Π°Π·Π±Π΅ΡΡΠΌΡΡ ΡΒ ΡΠ°ΠΌΡΠΌΠΈ ΡΠ°ΡΠΏΡΠΎΡΡΡΠ°Π½ΡΠ½Π½ΡΠΌΠΈ CSS-ΡΠ²ΠΎΠΉΡΡΠ²Π°ΠΌΠΈ Π΄Π»Ρ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°: ΠΆΠΈΡΠ½ΠΎΡΡΡ, ΠΊΡΡΡΠΈΠ², ΡΠ°Π·ΠΌΠ΅Ρ, ΡΠ²Π΅Ρ ΠΈΒ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄ΡΡΠ³ΠΎΠ΅. ΠΡΠΎ Π°ΡΡ ΠΈΠ²Π½Π°Ρ Π³Π»Π°Π²Π°. Π§ΡΠΎΠ±Ρ ΠΏΡΠΎΠΉΡΠΈ Π°ΠΊΡΡΠ°Π»ΡΠ½ΡΡ Π³Π»Π°Π²Ρ, ΠΏΠ΅ΡΠ΅ΠΉΠ΄ΠΈΡΠ΅ ΠΏΠΎΒ ΡΡΠΎΠΉ ΡΡΡΠ»ΠΊΠ΅
ΠΠ°ΡΡΠΈΠΌΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠΎΠ½ΠΎΠ²ΡΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΈΒ Π·Π°Π΄Π°Π²Π°ΡΡ ΡΠ²Π΅ΡΠ° ΡΠΎΠ½Π°. Π Π°Π·Π±Π΅ΡΡΠΌΡΡ ΡΒ ΠΏΠΎΠΏΡΠ»ΡΡΠ½ΡΠΌΠΈ ΡΠΎΡΠΌΠ°ΡΠ°ΠΌΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ ΠΈΒ Π²Π·Π³Π»ΡΠ½Π΅ΠΌ Π½Π°Β Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΡΠΈΡΠΌΡ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠ²Π½ΡΡ ΡΡΡΠ΅ΠΊΡΠΎΠ².
ΠΠ°ΡΡΠΈΠΌΡΡ ΡΠΏΡΠ°Π²Π»ΡΡΡ ΡΠ°Π·ΠΌΠ΅ΡΠ°ΠΌΠΈ ΠΈΒ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ², Π·Π°Π΄Π°Π²Π°ΡΡ ΠΎΡΡΡΡΠΏΡ ΠΈΒ ΡΠ°ΠΌΠΊΠΈ, Π°Β ΡΠ°ΠΊΠΆΠ΅ ΡΠ°ΡΡΠΌΠΎΡΡΠΈΠΌ ΡΠΈΠΏΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΠΈΒ ΠΈΡ Β ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΠΈ. ΠΡΠΎ ΠΏΠ΅ΡΠ²ΡΠΉ ΠΈΒ ΡΠ°ΠΌΡΠΉ Π²Π°ΠΆΠ½ΡΠΉ ΡΠ°Π³ ΠΊΒ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΡΡΠ°Π½ΠΈΡ ΡΠΎΒ ΡΠ»ΠΎΠΆΠ½ΠΎΠΉ ΡΠ΅ΡΠΊΠΎΠΉ ΠΈΒ ΡΠ»ΠΎΠΆΠ½ΡΡ Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠ²Π½ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ².
ΠΠΎΠΏΡΠΎΠ±ΡΠ΅ΠΌ ΠΏΠΎΠΉΠΌΠ°ΡΡ ΠΏΠΎΡΠΎΠΊ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ° ΠΈΒ ΡΠ°Π·ΠΎΠ±ΡΠ°ΡΡΡΡ ΡΡΠΎ ΡΡΠΎ ΡΠ°ΠΊΠΎΠ΅. ΠΠ·Π³Π»ΡΠ½Π΅ΠΌ Π½Π°Β ΡΠΎΠ½ΠΊΠΎΡΡΠΈ ΡΠ²ΠΎΠΉΡΡΠ²Π° float ΠΈΒ Π±Π»ΠΎΡΠ½ΠΎ-ΡΡΡΠΎΡΠ½ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ². ΠΡΡΠ°Π±ΠΎΡΠ°Π΅ΠΌ ΠΎΡΠ½ΠΎΠ²Π½ΡΠ΅ ΠΏΡΠΈΡΠΌΡ ΠΏΠΎΡΡΡΠΎΠ΅Π½ΠΈΡ ΡΠ΅ΡΠΎΠΊ.
ΠΠ·Π³Π»ΡΠ½Π΅ΠΌ Π½Π°Β Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ΅ΠΆΠΈΠΌΠΎΠ² ΠΏΠΎΠ·ΠΈΡΠΈΠΎΠ½ΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ²: ΠΎΡΠ½ΠΎΡΠΈΡΠ΅Π»ΡΠ½ΡΠΉ, Π°Π±ΡΠΎΠ»ΡΡΠ½ΡΠΉ ΠΈΒ ΡΠΈΠΊΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ. ΠΒ ΡΠ°ΠΊΠΆΠ΅ ΠΏΠΎΠΏΡΠ°ΠΊΡΠΈΠΊΡΠ΅ΠΌΡΡ ΠΈΠ·ΠΌΠ΅Π½ΡΡΡ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² Π½Π°Β ΡΡΡΠ°Π½ΠΈΡΠ΅ ΡΒ ΠΏΠΎΠΌΠΎΡΡΡ CSS-ΡΠ²ΠΎΠΉΡΡΠ² Π΄Π»Ρ ΠΏΠΎΠ·ΠΈΡΠΈΠΎΠ½ΠΈΡΠΎΠ²Π°Π½ΠΈΡ.
Π‘ΠΎΠ·Π΄Π°Π΄ΠΈΠΌ ΡΒ Π½ΡΠ»Ρ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠΈΠΏΠΎΠ²ΡΡ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΎΠ½Π½ΡΡ ΠΌΠ΅Π½Ρ: Π²Π΅ΡΡΠΈΠΊΠ°Π»ΡΠ½ΠΎΠ΅, Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΠΎΠ΅, ΠΌΠ½ΠΎΠ³ΠΎΡΡΠΎΠ²Π½Π΅Π²ΠΎΠ΅ ΠΈΒ ΡΒ Π²ΡΠΏΠ°Π΄Π°ΡΡΠΈΠΌ ΠΏΠΎΠ΄ΠΌΠ΅Π½Ρ. ΠΡΠΎ ΠΏΡΠΈΠΊΠ»Π°Π΄Π½ΠΎΠΉ ΠΊΡΡΡ, Π²Β ΠΊΠΎΡΠΎΡΠΎΠΌ Π²ΡΒ Π±ΡΠ΄Π΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π·Π½Π°Π½ΠΈΡ ΠΈΒ Π½Π°Π²ΡΠΊΠΈ, ΠΏΠΎΠ»ΡΡΠ΅Π½Π½ΡΠ΅ Π²Β ΠΏΡΠ΅Π΄ΡΠ΄ΡΡΠΈΡ ΠΊΡΡΡΠ°Ρ .
Π‘ΠΎΠ·Π΄Π°Π΄ΠΈΠΌ ΡΒ Π½ΡΠ»Ρ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠ΅ Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠ²Π½ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ: ΡΠΎΡΠΈΠ°Π»ΡΠ½ΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ, ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°ΡΠ΅Π»ΠΈ ΡΡΡΠ°Π½ΠΈΡ, Π±Π»ΠΎΠΊΠΈ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠ΅Π² ΠΈΒ ΡΠ°ΠΊ Π΄Π°Π»Π΅Π΅. ΠΡΠΎ ΠΏΡΠΈΠΊΠ»Π°Π΄Π½ΠΎΠΉ ΠΊΡΡΡ, Π²Β ΠΊΠΎΡΠΎΡΠΎΠΌ Π²ΡΒ Π±ΡΠ΄Π΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π·Π½Π°Π½ΠΈΡ ΠΈΒ Π½Π°Π²ΡΠΊΠΈ, ΠΏΠΎΠ»ΡΡΠ΅Π½Π½ΡΠ΅ Π²Β ΠΏΡΠ΅Π΄ΡΠ΅ΡΡΠ²ΡΡΡΠΈΡ ΠΊΡΡΡΠ°Ρ .
ΠΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΠΌΡΡ ΡΒ Π½ΠΎΠ²ΡΠΌΠΈ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡΠΌΠΈ HTML5. Π£Π·Π½Π°Π΅ΠΌ ΠΊΠ°ΠΊΠΈΠ΅ Π½ΠΎΠ²ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΠΏΠΎΡΠ²ΠΈΠ»ΠΈΡΡ Π²Β ΡΡΠ°Π½Π΄Π°ΡΡΠ΅ ΠΈΒ ΠΊΠ°ΠΊ ΠΈΡ Β ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ. ΠΠΎΡΡΠ΅Π½ΠΈΡΡΠ΅ΠΌΡΡ Π²ΡΡΠ°Π²Π»ΡΡΡ Π½Π°Β ΡΡΡΠ°Π½ΠΈΡΡ Π°ΡΠ΄ΠΈΠΎ ΠΈΒ Π²ΠΈΠ΄Π΅ΠΎ, ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°ΡΡ ΠΈΒ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π½Π΅ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΡΠ΅ ΡΡΠΈΡΡΡ ΠΈΒ Π²Π΅ΠΊΡΠΎΡΠ½ΡΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ.
ΠΠ°ΡΡΠΈΠΌΡΡ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΠΏΡΠΎΠ΄Π²ΠΈΠ½ΡΡΡΠ΅ ΡΠΎΡΠΌΡ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ Π½ΠΎΠ²ΡΠ΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ HTML5. ΠΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΠΌΡΡ ΡΒ Π½ΠΎΠ²ΡΠΌΠΈ ΡΠΈΠΏΠ°ΠΌΠΈ ΠΏΠΎΠ»Π΅ΠΉ Π΄Π»Ρ Π²Π²ΠΎΠ΄Π° Π΄Π°Ρ, ΡΠ²Π΅ΡΠΎΠ², ΡΠΈΡΠ΅Π» ΠΈΒ Π°Π΄ΡΠ΅ΡΠΎΠ² ΡΠ°ΠΉΡΠΎΠ². Π’Π°ΠΊΠΆΠ΅ ΡΠ°ΡΡΠΌΠΎΡΡΠΈΠΌ ΡΠ°ΠΊΠΈΠ΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ ΠΊΠ°ΠΊ Π°Π²ΡΠΎΡΠΎΠΊΡΡ, ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠΈ, ΡΡΠ΅Π΄ΡΡΠ²Π° Π²Π°Π»ΠΈΠ΄Π°ΡΠΈΠΈ ΠΈΒ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ Π΄ΡΡΠ³ΠΈΠ΅.
Π Π°ΡΡΠΌΠΎΡΡΠΈΠΌ ΠΏΡΠΎΠ΄Π²ΠΈΠ½ΡΡΡΠ΅ ΡΠ΅Π»Π΅ΠΊΡΠΎΡΡ, ΡΠ°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ :nth-last-of-type ΠΈΠ»ΠΈ :only-child. Π’Π°ΠΊΠΆΠ΅ Π½Π°ΡΡΠΈΠΌΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΏΡΠ΅Π²Π΄ΠΎΡΠ»Π΅ΠΌΠ΅Π½ΡΡ, ΡΠ°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ ::before ΠΈΒ ::after.
Π Π°ΡΡΠΌΠΎΡΡΠΈΠΌ ΠΏΡΠΎΠ΄Π²ΠΈΠ½ΡΡΡΠ΅ ΡΠ΅Π»Π΅ΠΊΡΠΎΡΡ, ΡΠΌΠ΅ΡΡΠΈΠ΅ ΠΈΡΠΊΠ°ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΠΏΠΎΒ ΠΏΠΎΠ΄ΡΡΡΠΎΠΊΠ°ΠΌ Π²Β Π°ΡΡΠΈΠ±ΡΡΠ°Ρ , Π°Β ΡΠ°ΠΊΠΆΠ΅ ΠΎΠ³ΡΠΎΠΌΠ½ΠΎΠ΅ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΡΠ΅Π»Π΅ΠΊΡΠΎΡΠΎΠ² Π΄Π»Ρ ΡΡΠΈΠ»ΠΈΠ·Π°ΡΠΈΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΡΠΎΡΠΌ, ΡΠ°ΠΊΠΈΡ ΠΊΠ°ΠΊ :required, :optional ΠΈΒ :checked.
ΠΠ°ΡΡΠΈΠΌΡΡ ΠΌΠ°ΡΡΠ΅ΡΡΠΊΠΈ ΡΠΏΡΠ°Π²Π»ΡΡΡΡΡ ΡΒ ΡΠ°ΠΌΠΊΠ°ΠΌΠΈ ΠΈΒ ΡΠΎΠ½Π°ΠΌΠΈ Π»ΡΠ±ΡΡ ΡΠΎΡΠΌ ΠΈΒ ΡΠ°Π·ΠΌΠ΅ΡΠΎΠ², ΠΎΡΠΊΡΠΎΠ΅ΠΌ Π΄Π»Ρ ΡΠ΅Π±Ρ ΡΠ΅ΠΊΡΠ΅ΡΡ Π΄Π°Π²Π½ΠΎ Π·Π½Π°ΠΊΠΎΠΌΡΡ ΡΠ²ΠΎΠΉΡΡΠ² ΠΈΒ ΠΏΡΠΈΠΌΠ΅Π½ΠΈΠΌ ΠΈΡ Π½Π°Β ΠΏΡΠ°ΠΊΡΠΈΠΊΠ΅.
ΠΠ·Π³Π»ΡΠ½Π΅ΠΌ Π½Π°Β ΠΏΡΠΎΡΠ΅ΡΡ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠ΅Π½Π΅ΠΉ ΡΒ ΠΏΠΎΠΌΠΎΡΡΡ CSS. ΠΡ ΠΏΠΎΒ ΠΊΠΎΡΡΠΎΡΠΊΠ°ΠΌ ΡΠ°Π·Π±Π΅ΡΡΠΌ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ box-shadow, Π½Π°ΡΡΠΈΠΌΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²Π΅Π½Π½ΡΠ΅ ΡΠ΅Π½ΠΈ, Π°Β ΡΠ°ΠΊΠΆΠ΅ ΠΈΠ·ΡΡΠΈΠΌ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΡΠΎΠ΄Π²ΠΈΠ½ΡΡΡΠ΅ ΠΏΡΠΈΡΠΌΡ ΡΠ°Π±ΠΎΡΡ ΡΒ ΡΠ΅Π½ΡΠΌΠΈ.
Π£Π·Π½Π°Π΅ΠΌ, ΡΡΠΎ ΡΠ°ΠΊΠΎΠ΅ Π»ΠΈΠ½Π΅ΠΉΠ½ΡΠ΅ Π³ΡΠ°Π΄ΠΈΠ΅Π½ΡΡ ΠΈΒ ΠΊΠ°ΠΊ ΠΈΡ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΡΡ Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠ²Π½ΡΡ ΡΡΡΠ΅ΠΊΡΠΎΠ². Π Π°Π·Π±Π΅ΡΡΠΌ ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡ ΡΡΠ½ΠΊΡΠΈΠΈ linear-gradient, Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΡΠ΅ ΠΏΡΠΈΡΠΌΡ, ΠΏΠΎΠΏΡΠ°ΠΊΡΠΈΠΊΡΠ΅ΠΌΡΡ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΡΠ»ΠΎΠΆΠ½ΡΠ΅ ΠΎΡΠ½Π°ΠΌΠ΅Π½ΡΡ ΡΒ ΠΏΠΎΠΌΠΎΡΡΡ Π³ΡΠ°Π΄ΠΈΠ΅Π½ΡΠΎΠ².
ΠΡΠ΄Π΅ΠΌ ΠΊΡΡΡΠΈΡΡ, Π½Π°ΠΊΠ»ΠΎΠ½ΡΡΡ, ΠΏΠ΅ΡΠ΅ΠΌΠ΅ΡΠ°ΡΡ, ΡΠΌΠ΅Π½ΡΡΠ°ΡΡ ΠΈΒ ΡΠ²Π΅Π»ΠΈΡΠΈΠ²Π°ΡΡ ΠΎΠ±ΡΠ΅ΠΊΡΡ, Π°Β ΡΠ°ΠΊΠΆΠ΅ Π²Π·ΡΡΠ²Π°ΡΡ ΠΈΡ ΡΠ°Π΅ΡΠ±ΠΎΠ»Π°ΠΌΠΈ, ΡΠ΅Π»Π΅ΠΏΠΎΡΡΠΈΡΠΎΠ²Π°ΡΡΡΡ ΠΈΒ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ΅Π»Π΅ΠΊΠΈΠ½Π΅Π·. ΠΡ ΠΈ, ΠΊΠΎΠ½Π΅ΡΠ½ΠΎ, ΡΠ°Π·Π±Π΅ΡΡΠΌ ΠΊΡΡΡΡΠ΅ ΠΏΡΠΈΡΠΌΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΡΡΠ°Π½ΡΡΠΎΡΠΌΠ°ΡΠΈΠΉ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠ²Π½ΡΡ ΡΡΡΠ΅ΠΊΡΠΎΠ².
ΠΡ Π²Β ΠΏΡΡΠΌΠΎΠΌ ΡΠΌΡΡΠ»Π΅ Β«Π½Π°ΠΈΠ³ΡΠ°Π΅ΠΌΡΡ ΡΠΎΒ ΡΡΠΈΡΡΠ°ΠΌΠΈΒ», Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠ²Π½ΡΠΌΠΈ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠΌΠΈ ΡΡΡΠ΅ΠΊΡΠ°ΠΌΠΈ ΠΈΒ ΡΠ΅Π½ΡΠΌΠΈ, Π°Β Π΅ΡΡ ΡΠ·Π½Π°Π΅ΠΌ, ΠΊΠ°ΠΊ ΠΏΠΎΠ²ΡΡΠΈΡΡ ΡΠΈΡΠ°Π±Π΅Π»ΡΠ½ΠΎΡΡΡ ΡΠ΅ΠΊΡΡΠΎΠ² ΡΒ ΠΏΠΎΠΌΠΎΡΡΡ Π½ΠΎΠ²ΡΡ CSS-ΡΠ²ΠΎΠΉΡΡΠ².
Π Π°ΡΡΠΌΠΎΡΡΠΈΠΌ ΠΎΡΠ½ΠΎΠ²Ρ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ Π½Π°Β CSS. ΠΠ°ΠΌ ΠΏΡΠ΅Π΄ΡΡΠΎΠΈΡ ΠΏΡΠΎΠΉΡΠΈ ΠΏΡΡΡ ΡΠ°Π·Π²ΠΈΡΠΈΡ ΡΠΈΠ²ΠΈΠ»ΠΈΠ·Π°ΡΠΈΠΈ ΠΈΒ ΠΏΠΎΠΊΠΎΡΠΈΡΡ ΠΊΠΎΡΠΌΠΈΡΠ΅ΡΠΊΠΈΠΉ ΠΏΡΠΎΡΡΠΎΡ. ΠΡΒ Π±ΡΠ΄Π΅ΠΌ Π΄Π²ΠΈΠ³Π°ΡΡ, ΠΏΠΎΠ²ΠΎΡΠ°ΡΠΈΠ²Π°ΡΡ ΠΈΒ Π²ΠΈΠ΄ΠΎΠΈΠ·ΠΌΠ΅Π½ΡΡΡ ΠΎΠ±ΡΠ΅ΠΊΡΡ, ΠΏΠΎΠΏΡΡΠ½ΠΎ ΠΎΡΠ²Π°ΠΈΠ²Π°Ρ ΠΏΡΠΈΡΠΌΡ ΡΠ°Π±ΠΎΡΡ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ Π²Β CSS.
ΠΠ°ΡΡΠΈΠΌΡΡ ΠΏΠ»Π°Π²Π½ΠΎ ΠΌΠ΅Π½ΡΡΡ CSS-ΡΠ²ΠΎΠΉΡΡΠ²Π°, Π±ΡΠ΄Π΅ΠΌ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΠΊΡΠ°ΡΠΈΠ²ΡΠ΅ ΠΈΒ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠΎΡΠΌ Π²Β ΡΡΠΈΠ»Π΅ Material Design ΠΈΒ ΠΏΠΎΡΡΡΠΎΠΈΠΌ ΠΌΠΈΠ½ΠΈ-Π²ΠΈΠΊΡΠΎΡΠΈΠ½Ρ ΠΎΠ±Β HTML ΠΈΒ CSS.
ΠΡΠΎ ΠΏΡΠΈΠΊΠ»Π°Π΄Π½ΠΎΠΉ ΠΊΡΡΡ, Π²Β ΠΊΠΎΡΠΎΡΠΎΠΌ Π²Ρ Π±ΡΠ΄Π΅ΡΠ΅ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΡΠ»ΠΎΠΆΠ½ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ° ΠΈΒ ΠΊΡΡΡΡΠ΅ ΡΡΡΠ΅ΠΊΡΡ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ Π½ΠΎΠ²ΡΠ΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ HTML5 ΠΈΒ CSS3. ΠΡ ΠΏΠΎΡΡΡΠΎΠΈΡΠ΅ ΡΠ»ΠΎΠΆΠ½ΡΠ΅ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΎΠ½Π½ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ, ΠΏΠΎΡΠΊΡΠΏΠ΅ΡΠΈΠΌΠ΅Π½ΡΠΈΡΡΠ΅ΡΠ΅ ΡΒ ΠΌΠ°ΡΠΊΠ°ΠΌΠΈ, ΡΡΡΠ΅ΠΊΡΠ°ΠΌΠΈ ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΈΒ Π΄Π°ΠΆΠ΅ ΡΠΎΠ·Π΄Π°Π΄ΠΈΡΠ΅ ΡΠ»Π°ΠΉΠ΄Π΅Ρ Π½Π°Β ΡΠΈΡΡΠΎΠΌ CSS.
ΠΠ·Π³Π»ΡΠ½Π΅ΠΌ Π½Π°Β ΡΠ°Π±Π»ΠΈΡΡ ΡΒ Π΄ΡΡΠ³ΠΎΠΉ ΡΡΠΎΡΠΎΠ½Ρ: Π½Π°ΡΡΠΈΠΌΡΡ ΡΡΡΠΎΠΈΡΡ ΠΈΡ ΡΒ ΠΏΠΎΠΌΠΎΡΡΡ CSS, ΠΈΡΡΠ»Π΅Π΄ΡΠ΅ΠΌ ΠΈΒ ΠΎΠΏΡΠΎΠ±ΡΠ΅ΠΌ Π½Π°Β ΠΏΡΠ°ΠΊΡΠΈΠΊΠ΅ ΡΠ΅Π΄ΠΊΠΈΠ΅ ΡΠ°Π±Π»ΠΈΡΠ½ΡΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²Π°. Π°Β ΡΠ°ΠΊΠΆΠ΅ Π½Π°Ρ ΠΆΠ΄ΡΡ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΠΎΠ΅ ΠΈΒ Π½Π΅ΠΏΡΠΎΡΡΠΎΠ΅ ΠΏΡΡΠ΅ΡΠ΅ΡΡΠ²ΠΈΠ΅ Π·Π°Β Π‘Π²ΡΡΡΠΌ ΠΡΠ°Π°Π»Π΅ΠΌ.
ΠΠΌΠ΅ΡΡΠ΅ ΡΡΠ°Π½Π΅ΠΌ ΠΌΠ°ΡΡΠ΅ΡΠ°ΠΌΠΈ ΡΠΈΠ»ΡΡΡΠΎΠ² Π²Β CSS: ΡΠ°Π·Π±Π΅ΡΡΠΌΡΡ, ΠΊΠ°ΠΊ ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡ ΡΠΈΠ»ΡΡΡΡ ΠΊΒ ΡΠ°Π·Π½ΡΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌ, Π°Β ΡΠ°ΠΊΠΆΠ΅ ΠΊΠΎΠΌΠ±ΠΈΠ½ΠΈΡΠΎΠ²Π°ΡΡ ΠΈΒ Π°Π½ΠΈΠΌΠΈΡΠΎΠ²Π°ΡΡ ΠΈΡ .
Π ΡΠΈΠΊΠ²Π΅Π»Π΅ ΠΊΡΡΡΠ° Β«ΠΠ΅ΠΊΡΡΠ°Π³ΡΠ°ΠΌΒ» Π½Π°ΠΌ ΠΏΡΠ΅Π΄ΡΡΠΎΠΈΡ Π·Π°ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°ΡΡ Π½Π΅Π±ΠΎΠ»ΡΡΠΎΠ΅ ΡΠΎΡΠΎΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Ρ ΡΠΈΠ»ΡΡΡΠ°ΠΌΠΈ Π½Π° JavaScript.
Π Π°ΡΡΠΌΠΎΡΡΠΈΠΌ ΠΎΡΠ½ΠΎΠ²Ρ Π½ΠΎΠ²ΠΎΠ³ΠΎ ΠΌΠ΅Ρ Π°Π½ΠΈΠ·ΠΌΠ° Β«Π³ΠΈΠ±ΠΊΠΎΠΉΒ» ΡΠ°ΡΠΊΠ»Π°Π΄ΠΊΠΈ β ΡΠ»Π΅ΠΊΡΠ±ΠΎΠΊΡ. Π‘Π½Π°ΡΠ°Π»Π° ΠΏΠΎΡΡΠ΅Π½ΠΈΡΡΠ΅ΠΌΡΡ Β«Π½Π° ΠΊΠΎΡΠΈΠΊΠ°Ρ Β» Π½Π°ΠΏΡΠ°Π²Π»ΡΡΡ ΠΎΡΠΈ ΡΠ»Π΅ΠΊΡ-ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ°, Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°ΡΡ ΠΈ ΠΏΠ΅ΡΠ΅Π½ΠΎΡΠΈΡΡ ΡΠ»Π΅ΠΊΡ-ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ, Π° Π·Π°ΡΠ΅ΠΌ Π½Π°ΡΡΠΈΠΌΡΡ ΠΏΡΠΎΡΡΠΎΠΌΡ ΠΏΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΡ ΡΠ»Π΅ΠΊΡΠ±ΠΎΠΊΡΠ° Π² ΡΠ΅Π°Π»ΡΠ½ΡΡ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ°Ρ .
Π£Π·Π½Π°Π΅ΠΌ ΠΊΠ°ΠΊ ΡΠΏΡΠ°Π²Π»ΡΡΡ ΡΠ°Π·ΠΌΠ΅ΡΠ°ΠΌΠΈ ΠΈ ΠΎΡΡΡΡΠΏΠ°ΠΌΠΈ ΡΠ»Π΅ΠΊΡ-ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΠΈ ΠΊΠ°ΠΊ ΡΠ°Π±ΠΎΡΠ°ΡΡ ΠΊΠΎΡΡΡΠΈΡΠΈΠ΅Π½ΡΡ ΡΠ°ΡΡΡΠΆΠ΅Π½ΠΈΡ ΠΈ ΡΠΆΠ°ΡΠΈΡ, Π° ΡΠ°ΠΊΠΆΠ΅ ΠΏΠΎΡΡΠ΅Π½ΠΈΡΡΠ΅ΠΌΡΡ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ Β«Π³ΠΈΠ±ΠΊΠΈΠ΅Β» ΡΠ°ΡΠΊΠ»Π°Π΄ΠΊΠΈ ΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ°.
ΠΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΠΌΡΡ Ρ ΠΎΡΠ½ΠΎΠ²Π°ΠΌΠΈ ΠΏΡΠ΅ΠΏΡΠΎΡΠ΅ΡΡΠΎΡΠ° LESS ΠΈ Π½Π°ΡΠ½ΡΠΌ ΡΠ°Π·ΡΠ°Π±Π°ΡΡΠ²Π°ΡΡ ΡΠ²ΠΎΡ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΡ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ². ΠΠΌΠ΅ΡΡΠ΅ Π½Π°ΡΡΠΈΠΌΡΡ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΡΠ²Π΅ΡΠΎΠ²ΡΡ ΡΡ Π΅ΠΌΡ Π΄Π»Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ°.
ΠΡΠΎΠ΄ΠΎΠ»ΠΆΠΈΠΌ ΠΈΠ·ΡΡΠ°ΡΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ ΠΏΡΠ΅ΠΏΡΠΎΡΠ΅ΡΡΠΎΡΠ° LESS: ΠΏΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΠΌΡΡ Ρ ΠΏΡΠΈΠΌΠ΅ΡΡΠΌΠΈ, Π½Π°ΡΡΠΈΠΌΡΡ ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡ ΠΏΡΠΈΠΌΠ΅ΡΠΈ Ρ ΡΡΠ»ΠΎΠ²ΠΈΡΠΌΠΈ, ΡΠ°Π·Π±Π΅ΡΡΠΌΡΡ, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠΈΠΊΠ»Ρ. Π’Π°ΠΊΠΆΠ΅ ΠΌΡ ΡΠ°ΡΡΠΌΠΎΡΡΠΈΠΌ ΠΏΡΠΈΠΌΠ΅ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΠΏΡΠΈΠΌΠ΅ΡΠ΅ΠΉ Π΄Π»Ρ ΡΠ΅ΡΠ΅Π½ΠΈΡ ΡΠΈΠΏΠΎΠ²ΡΡ Π·Π°Π΄Π°Ρ Π²ΡΡΡΡΠΊΠΈ.
ΠΡΒ ΠΏΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΠΌΡΡ ΡΒ SVGΒ β ΡΠΎΡΠΌΠ°ΡΠΎΠΌ Π²Π΅ΠΊΡΠΎΡΠ½ΠΎΠΉ Π³ΡΠ°ΡΠΈΠΊΠΈ. Π Π°Π·Π±Π΅ΡΡΠΌ Π±Π°Π·ΠΎΠ²ΡΠ΅ ΠΏΡΠΈΠΌΠΈΡΠΈΠ²Ρ: Π»ΠΈΠ½ΠΈΠΈ, ΠΏΡΡΠΌΠΎΡΠ³ΠΎΠ»ΡΠ½ΠΈΠΊΠΈ, ΠΎΠΊΡΡΠΆΠ½ΠΎΡΡΠΈ. ΠΠ°ΡΡΠΈΠΌΡΡ ΠΏΠΎΠ·ΠΈΡΠΈΠΎΠ½ΠΈΡΠΎΠ²Π°ΡΡΒ ΠΈΡ , ΡΠΏΡΠ°Π²Π»ΡΡΡ ΡΠ²Π΅ΡΠΎΠΌ ΠΈΒ ΡΠ°Π·ΠΌΠ΅ΡΠ°ΠΌΠΈ, ΡΠΎΠ±ΠΈΡΠ°ΡΡ ΠΈΠ·Β Π½ΠΈΡ ΡΠ°Π·Π½ΡΠ΅ ΡΠΈΡΡΠ½ΠΊΠΈ.
ΠΠ°Π·ΠΎΠ²ΡΠ΅ ΠΏΠΎΠ½ΡΡΠΈΡ ΠΎΠ±Β ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΠΈ SVG-ΡΠΈΠ³ΡΡ. ΠΠ°Π»ΠΈΠ²ΠΊΠΈ ΠΈΒ ΠΎΠ±Π²ΠΎΠ΄ΠΊΠΈ.
Π Π°Π·Π±Π΅ΡΡΠΌΡΡ ΡΒ ΠΌΠ°ΡΡΡΠ°Π±ΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ SVG ΠΈΒ Π½Π°ΡΡΠΈΠΌΡΡ ΡΠ°Π±ΠΎΡΠ°ΡΡ ΡΒ Π°ΡΡΠΈΠ±ΡΡΠ°ΠΌΠΈ viewBox
ΠΈΒ preserveAspectRatio
.
ΠΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΠΌΡΡ Ρ JavaScript, ΡΒ Π΅Π³ΠΎ ΠΏΠΎΠΌΠΎΡΡΡ ΠΈΠ·ΠΌΠ΅Π½ΠΈΠΌ Π²ΡΡΡΡΠΊΡ Π½Π°Β ΡΡΡΠ°Π½ΠΈΡΠ΅, Π½Π°ΠΏΠΈΡΠ΅ΠΌ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°ΡΠ΅Π»Ρ ΡΠ΅ΠΌ, ΡΠ΄Π΅Π»Π°Π΅ΠΌ ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΡΡ ΡΠΎΡΠΌΡ ΠΏΠΎΠ΄ΠΏΠΈΡΠΊΠΈ ΠΈΒ Π½Π°ΡΡΠΈΠΌΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ ΠΊΠΎΠ½ΡΠΎΠ»ΡΡ.
Π Π°Π·Π±Π΅ΡΡΠΌΡΡ ΡΒ ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΡΠΌΠΈ, ΠΎΠΏΠ΅ΡΠ°ΡΠΈΡΠΌΠΈ ΠΈΒ ΡΠΈΠΏΠ°ΠΌΠΈ Π΄Π°Π½Π½ΡΡ .
ΠΠ°ΡΡΠΈΠΌΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΡΠ»ΠΎΠ²ΠΈΡ Π½Π°Β ΠΏΠΎΠ»Π½ΡΡ. Π Π°Π·Π±Π΅ΡΡΠΌΡΡ ΡΒ Π»ΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠΌΠΈ ΠΎΠΏΠ΅ΡΠ°ΡΠΈΡΠΌΠΈ ΠΈΒ ΡΡΠ°Π²Π½Π΅Π½ΠΈΡΠΌΠΈ. ΠΠΎΠΏΡΠΎΠ±ΡΠ΅ΠΌ ΠΊΠΎΠΌΠ±ΠΈΠ½ΠΈΡΠΎΠ²Π°ΡΡ ΠΎΠΏΠ΅ΡΠ°ΡΠΎΡΡ.
Π‘ΠΎΠ·Π΄Π°Π΄ΠΈΠΌ Π΄ΡΠ°ΠΉΠ²Π΅Ρ Π΄Π»Ρ ΠΏΠ΅ΡΠ°ΡΠΈ ΡΡΡΠ°Π½ΠΈΡ ΡΠΎ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎΠΌ ΡΠ΅ΠΆΠΈΠΌΠΎΠ². Π ΡΡΠΎΠΌ Π½Π°ΠΌ ΠΏΠΎΠΌΠΎΠ³ΡΡ ΡΠΈΠΊΠ»Ρ, Ρ ΠΊΠΎΡΠΎΡΡΠΌΠΈ ΠΌΡ ΠΏΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΠΌΡΡ Π² ΡΡΠΎΠΉ Π³Π»Π°Π²Π΅.
ΠΠ°ΡΡΠΈΠΌΡΡ ΡΠ°Π±ΠΎΡΠ°ΡΡ ΡΒ Π΄Π΅ΠΉΡΡΠ²ΠΈΡΠ΅Π»ΡΠ½ΠΎ ΠΌΠ°ΡΡΠΈΠ²Π½ΡΠΌΠΈ Π΄Π°Π½Π½ΡΠΌΠΈ ΠΈΒ ΠΏΡΠΎΠ²Π΅Π΄ΡΠΌ Π½Π°ΡΡΠΎΡΡΠ΅Π΅ Π°Π½Π°Π»ΠΈΡΠΈΡΠ΅ΡΠΊΠΎΠ΅ ΡΠ°ΡΡΠ»Π΅Π΄ΠΎΠ²Π°Π½ΠΈΠ΅. ΠΒ Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ ΠΈΠ·ΡΡΠΈΠΌ ΡΠ°Π±ΠΎΡΡ ΡΒ ΠΌΠ°ΡΡΠΈΠ²Π°ΠΌΠΈ.
ΠΡΠΏΡΠ°Π²ΠΈΠΌ ΠΠ΅ΠΊΡΠ° Π²Β ΠΏΡΡΠ΅ΡΠ΅ΡΡΠ²ΠΈΠ΅, ΠΏΠΎΡΡΠΈΡΠ°Π΅ΠΌ Π·Π°ΡΠΏΠ»Π°ΡΡ ΠΈΒ Π΄ΠΎΡ ΠΎΠ΄Ρ, Π½Π°ΡΡΠΈΠΌΡΡ ΡΠ°Π·Π΄Π΅Π»ΡΡΡ ΠΊΠΎΠ΄ Π½Π°Β ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΠ΅ ΡΠΌΡΡΠ»ΠΎΠ²ΡΠ΅ Π±Π»ΠΎΠΊΠΈ. ΠΒ Π²Β ΠΊΠΎΠ½ΡΠ΅ ΠΊΠΎΠ½ΡΠΎΠ² Π½Π°ΡΡΠΈΠΌΡΡ ΡΠ°Π±ΠΎΡΠ°ΡΡ ΡΒ ΡΡΠ½ΠΊΡΠΈΡΠΌΠΈ.
ΠΡΠ΄Π΅ΠΌ ΡΠΈΡΠ°ΡΡ ΠΈΠ·Β ΠΎΠ±ΡΠ΅ΠΊΡΠΎΠ², ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π²ΡΡΡΠΎΠ΅Π½Π½ΡΠ΅ ΠΈΒ ΠΊΠ°ΡΡΠΎΠΌΠ½ΡΠ΅ ΠΌΠ΅ΡΠΎΠ΄Ρ, ΡΠ·Π½Π°Π΅ΠΌ, ΡΡΠΎ ΡΠ°ΠΊΠΎΠ΅ ΡΠ»ΠΎΠ²Π°ΡΠΈ ΠΈΒ ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡ Π²ΡΠ·ΠΎΠ²Π°, ΠΎΡΠΏΡΠ°Π²ΠΈΠΌ ΠΊΠΎΡΠΎΠ² ΠΈΠ³ΡΠ°ΡΡ Π²Β ΠΊΠΎΡΡΠΈ, Π½Π°ΠΏΠΈΡΠ΅ΠΌ ΠΊΠΎΠ½ΡΠΈΠ³ΡΡΠ°ΡΠΎΡ ΠΊΠΎΠΌΠΏΡΡΡΠ΅ΡΠ°. ΠΒ ΡΡΠΎ Π΅ΡΡ Π½Π΅Β Π²ΡΡ!
Π£Π³Π»ΡΠ±ΠΈΠΌΡΡ Π² ΡΠ°Π±ΠΎΡΡ JavaScript Ρ Π²ΡΡΡΡΠΊΠΎΠΉ. ΠΠ°ΡΡΠΈΠΌΡΡ ΠΌΠ΅Π½ΡΡΡ ΡΠ°Π·ΠΌΠ΅ΡΠΊΡ ΠΈ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ Π΅Ρ Ρ Π½ΡΠ»Ρ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠΊΡΠΈΠΏΡΠΎΠ².
Π ΡΡΠΎΠΉ Π³Π»Π°Π²Π΅ ΠΌΡ Π½Π°ΡΠ½ΡΠΌ ΠΈΠ·ΡΡΠ°ΡΡ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΡ Π³ΡΠΈΠ΄ΠΎΠ²: ΡΠ°Π·Π±Π΅ΡΡΠΌ, ΠΊΠ°ΠΊ ΡΠ°Π·Π½ΡΠΌΠΈ ΡΠΏΠΎΡΠΎΠ±Π°ΠΌΠΈ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ Π³ΡΠΈΠ΄-ΡΠ°ΡΠΊΠ»Π°Π΄ΠΊΠΈ, ΠΊΠ°ΠΊ ΡΠΏΡΠ°Π²Π»ΡΡΡ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ΠΌ Π³ΡΠΈΠ΄-ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² Π²Β Π³ΡΠΈΠ΄-ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ΅. ΠΠ°ΡΠ΅ΠΌ ΠΌΡ ΠΏΡΠΈΠΌΠ΅Π½ΠΈΠΌ ΠΏΠΎΠ»ΡΡΠ΅Π½Π½ΡΠ΅ Π·Π½Π°Π½ΠΈΡ Π½Π°Β ΠΏΡΠ°ΠΊΡΠΈΠΊΠ΅ ΠΈΒ ΡΠ²Π΅ΡΡΡΠ°Π΅ΠΌ ΡΒ ΠΏΠΎΠΌΠΎΡΡΡΒ Π³ΡΠΈΠ΄ΠΎΠ² ΠΏΠ°ΡΡ Π½Π΅Π±ΠΎΠ»ΡΡΠΈΡ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠΎΠ².
ΠΠ°ΡΡΠΈΠΌΡΡ Β«ΠΎΠΆΠΈΠ²Π»ΡΡΡΒ» ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ ΠΈΒ ΠΎΠ±ΡΠ°Π±Π°ΡΡΠ²Π°ΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠ΅ ΡΠΎΠ±ΡΡΠΈΡ. Π£Π·Π½Π°Π΅ΠΌ, ΡΡΠΎ ΡΠ°ΠΊΠΎΠ΅ Π°ΡΠΈΠ½Ρ ΡΠΎΠ½Π½ΠΎΡΡΡ, ΠΎΠ±Π»Π°ΡΡΠΈ Π²ΠΈΠ΄ΠΈΠΌΠΎΡΡΠΈ, Π·Π°ΠΌΡΠΊΠ°Π½ΠΈΡ ΠΈΒ ΠΊΠ°ΠΊ ΠΎΠ½ΠΈ ΡΠ°Π±ΠΎΡΠ°ΡΡ. Π‘ΠΎΠ±Π΅ΡΡΠΌ ΠΎΠ±Π΅Π΄ Π²Β ΡΠΊΠΎΠ»Ρ, Π·Π°ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΡΠ΅ΠΌ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠ΅Π΅ ΠΎΠΊΠ½ΠΎ ΠΈΒ Π³Π°Π»Π΅ΡΠ΅Ρ.
Π£Π·Π½Π°Π΅ΠΌ, ΡΡΠΎ ΡΠ°ΠΊΠΎΠ΅ DOM API, ΠΏΠΎΡΠ°Π±ΠΎΡΠ°Π΅ΠΌ ΡΒ ΡΠ°Π±Π»ΠΎΠ½Π°ΠΌΠΈ, ΠΏΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΠΌΡΡ ΡΒ Π½ΠΎΠ²ΡΠΌΠΈ ΡΠΎΠ±ΡΡΠΈΡΠΌΠΈ ΠΈΒ ΠΌΠ΅ΡΠΎΠ΄Π°ΠΌΠΈ Π΄Π»Ρ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ DOM, Π·Π°ΠΉΠΌΡΠΌΡΡ ΠΊΠ»ΠΎΠ½ΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΠΈΒ Π·Π°ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΡΠ΅ΠΌ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΡΠΎΒ ΡΠΏΠΈΡΠΊΠΎΠΌ Π΄Π΅Π».
ΠΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΠΌΡΡ Ρ ΠΎΡΠ½ΠΎΠ²Π°ΠΌΠΈ PHP. ΠΠ°ΡΡΠΈΠΌΡΡ Π²Π½Π΅Π΄ΡΡΡΡ PHP Π² Π²ΡΡΡΡΠΊΡ, ΡΠ°Π±ΠΎΡΠ°ΡΡ Ρ Π²Π΅Π±-ΡΡΠ΅Π½Π°ΡΠΈΡΠΌΠΈ ΠΈ Π°Π΄ΡΠ΅ΡΠ½ΠΎΠΉ ΡΡΡΠΎΠΊΠΎΠΉ, Π·Π°ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΡΠ΅ΠΌ ΠΈΠ½ΡΠ΅ΡΠ½Π΅Ρ-ΠΌΠ°Π³Π°Π·ΠΈΠ½.
ΠΠ°ΡΡΠΈΠΌΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΡΠ»ΠΎΠ²ΠΈΡ Π² ΡΡΠ΅Π½Π°ΡΠΈΡΡ ΠΈ ΡΠ°Π±Π»ΠΎΠ½Π°Ρ . ΠΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΠΌΡΡ Ρ ΠΎΠΏΠ΅ΡΠ°ΡΠΈΡΠΌΠΈ ΡΡΠ°Π²Π½Π΅Π½ΠΈΡ ΠΈ Π»ΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠΌΠΈ ΠΎΠΏΠ΅ΡΠ°ΡΠΎΡΠ°ΠΌΠΈ. ΠΠΎΡΠ°Π±ΠΎΡΠ°Π΅ΠΌ ΡΡΡΠ°Π½ΠΈΡΡ ΠΈΠ½ΡΠ΅ΡΠ½Π΅Ρ-ΠΌΠ°Π³Π°Π·ΠΈΠ½Π°.
Π£Π·Π½Π°Π΅ΠΌ, ΡΡΠΎ ΡΠ°ΠΊΠΎΠ΅ ΠΌΠ°ΡΡΠΈΠ²Ρ ΠΈ ΡΠΈΠΊΠ»Ρ, ΠΈ ΠΏΠΎΡΠ΅ΠΌΡ ΠΎΠ½ΠΈ ΠΎΡΠ»ΠΈΡΠ½ΠΎ ΡΠ°Π±ΠΎΡΠ°ΡΡ Π²ΠΌΠ΅ΡΡΠ΅. ΠΠΎΡΠ°Π±ΠΎΡΠ°Π΅ΠΌ Ρ ΡΠ°Π·Π½ΡΠΌΠΈ ΠΌΠ°ΡΡΠΈΠ²Π°ΠΌΠΈ ΠΈ ΡΠΈΠΊΠ»Π°ΠΌΠΈ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ°Ρ ΠΈΠ½ΡΠ΅ΡΠ½Π΅Ρ-ΠΌΠ°Π³Π°Π·ΠΈΠ½Π°. ΠΠΎΠ±Π°Π²ΠΈΠΌ ΡΠΈΠ»ΡΡΡΠ°ΡΠΈΡ ΡΠΎΠ²Π°ΡΠΎΠ² ΠΈ ΡΠ΅ΡΠΈΠΌ Π΅ΡΡ ΠΏΠ°ΡΡ Π·Π°Π΄Π°Ρ.
HTML ΠΈ CSS. Π£ΡΠΎΠ²Π΅Π½Ρ 1. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΡΠ°ΠΉΡΠΎΠ² Π½Π° HTML 5 ΠΈ Π‘SS 3
HTML and CSS. Level 1. Creation of sites in HTML 5 and CSS 3
Π ΠΠΠ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΠ΅Ρ ΠΊΡΡΡΡ Β«Π‘ΠΏΠ΅ΡΠΈΠ°Π»ΠΈΡΡΒ»
ΠΠ»Π°Π½ΠΈΡΡΠ΅ΡΠ΅ ΡΠ΄Π΅Π»Π°ΡΡ Π²Π΅Π±-ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ ΡΠ²ΠΎΠ΅ΠΉ ΠΏΡΠΎΡΠ΅ΡΡΠΈΠ΅ΠΉ? Π₯ΠΎΡΠΈΡΠ΅ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΡΠ°ΠΉΡΡ? Π Π°Π±ΠΎΡΠ°ΡΡ Π²Π΅ΡΡΡΠ°Π»ΡΡΠΈΠΊΠΎΠΌ, web-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠΎΠΌ, Π° ΠΌΠΎΠΆΠ΅Ρ, ΠΈΠ½ΡΠ΅ΡΠ½Π΅Ρ-ΠΌΠ°ΡΠΊΠ΅ΡΠΎΠ»ΠΎΠ³ΠΎΠΌ? Π£ Π²Π°Ρ Π΅ΡΡΡ ΠΎΠ½Π»Π°ΠΉΠ½-ΠΏΡΠΎΠ΅ΠΊΡ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΡ ΠΏΡΠΎΠ΄Π²ΠΈΠ³Π°Π΅ΡΠ΅ ΡΠ°ΠΌΠΈ? Π Π»ΡΠ±ΠΎΠΌ ΡΠ»ΡΡΠ°Π΅, ΠΠ°ΠΌ Π½Π΅ ΠΎΠ±ΠΎΠΉΡΠΈΡΡ Π±Π΅Π· Π·Π½Π°Π½ΠΈΡ HTML ΠΈ CSS Β β ΡΠ·ΡΠΊΠΎΠ² ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡ ΠΈ ΠΈΡ Π²Π½Π΅ΡΠ½Π΅Π³ΠΎ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ.Β
Π―Π·ΡΠΊ Π³ΠΈΠΏΠ΅ΡΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠΉ ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈ HTML ΠΏΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ ΡΠ΅Π³ΠΎΠ² ΠΈ Π΄ΡΡΠ³ΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΠΏΠ΅ΡΠ΅Π΄Π°ΡΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ ΠΎ ΡΠΎΠΌ, ΠΊΠ°ΠΊ ΠΏΠΎΡΡΡΠΎΠ΅Π½ ΡΠ΅ΠΊΡΡ ΠΈ ΠΊΠ°ΠΊ ΠΎΠ½ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π²ΡΠ²ΠΎΠ΄ΠΈΡΡΡΡ Π½Π° ΡΠΊΡΠ°Π½. Π―Π·ΡΠΊ ΠΊΠ°ΡΠΊΠ°Π΄Π½ΡΡ ΡΠ°Π±Π»ΠΈΡ CSS ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΎΡΠΎΡΠΌΠΈΡΡ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ, Π·Π°Π΄Π°Π² Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΡΠ΅ ΡΠ²Π΅ΡΠ°, ΡΡΠΈΡΡΡ ΠΈ Π΄ΡΡΠ³ΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΡΠΈΠ»Ρ.
ΠΠΎ Π²ΡΠ΅ΠΌΡ ΠΎΠ±ΡΡΠ΅Π½ΠΈΡ ΠΡ ΠΏΠΎΠ»ΡΡΠΈΡΠ΅ Π½Π°ΡΠ°Π»ΡΠ½ΡΠ΅ Π½Π°Π²ΡΠΊΠΈ ΡΠ°Π±ΠΎΡΡ Π² HTML ΠΈ CSS, Π° ΡΠ°ΠΊΠΆΠ΅ Π½Π°ΡΡΠΈΡΠ΅ΡΡ ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡ ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΡΠ΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ ΠΏΠΎΡΠ»Π΅Π΄Π½ΠΈΡ Π²Π΅ΡΡΠΈΠΉ β HTML 5 ΠΈ CSS 3.
Π ΡΠ°ΠΌΠΊΠ°Ρ ΠΊΡΡΡΠ° Π²Π΅Π΄Π΅ΡΡΡ ΡΠ°Π±ΠΎΡΠ° Π½Π°Π΄ ΠΏΡΠΎΠ΅ΠΊΡΠΎΠΌ Β«Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π²Π΅Π±-ΡΠ°ΠΉΡΠ°. ΠΠ°ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΡΠ°ΠΉΡΠ° ΡΠ΅ΠΊΡΡΠΎΠΌ, ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡΠΌΠΈ ΠΈ Π²ΠΈΠ΄Π΅ΠΎΒ».
ΠΡ ΠΈΠ·ΡΡΠΈΡΠ΅ ΠΎΡΠ½ΠΎΠ²Ρ ΡΠ·ΡΠΊΠ° ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈ HTML, ΡΠΏΠΎΡΠΎΠ±Ρ ΠΏΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΡ CSS ΠΈ ΠΎΡΠ½ΠΎΠ²Ρ ΠΏΠΎΡΡΡΠΎΠ΅Π½ΠΈΡ ΡΠ°ΠΉΡΠΎΠ². ΠΡ ΡΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ°ΠΌΠΈ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΡΡΡΠ°Π½ΠΈΡΡ, ΠΏΡΠΎΠ΅ΠΊΡΠΈΡΠΎΠ²Π°ΡΡ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΎΠ½Π½ΠΎΠ΅ ΠΌΠ΅Π½Ρ ΠΈ Π΄ΡΡΠ³ΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠ°ΠΉΡΠ°. ΠΠ°ΡΡΠΈΡΠ΅ΡΡ Π³ΡΠ°ΠΌΠΎΡΠ½ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠ°ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΈ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠ΅ Π±Π»ΠΎΠΊΠΈ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅. Π‘ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ°ΠΌΠΎΡΡΠΎΡΡΠ΅Π»ΡΠ½ΠΎ ΡΠ°Π±ΠΎΡΠ°ΡΡ ΡΠΎ ΡΡΠΈΠ»ΡΠΌΠΈ Π² CSS, ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΡΠ΅ΠΉΠΌΡ ΠΈ ΠΌΠ΅ΡΠ°-ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ. Π ΡΠ°ΠΊΠΆΠ΅ ΠΏΠΎΠ»ΡΡΠΈΡΠ΅ ΠΏΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈΠ΅ ΡΠΎΠ²Π΅ΡΡ, ΠΊΠ°ΠΊ Π²ΡΠ±ΡΠ°ΡΡ Ρ ΠΎΡΡΠΈΠ½Π³ ΠΈ ΡΠ΅Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΡ ΡΠ°ΠΉΡΠ°.
Π Π΅ΡΠ΅ Π²ΠΎ Π²ΡΠ΅ΠΌΡ ΠΎΠ±ΡΡΠ΅Π½ΠΈΡ ΠΡ ΡΠ·Π½Π°Π΅ΡΠ΅, ΡΡΠΎ Π²Π°ΠΆΠ½Π΅Π΅ β Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΈΠ»ΠΈ ΡΡΡΠΊΠ°Ρ ΡΡΡΡΠΊΡΡΡΠ°? Π ΠΊΠ°ΠΊ ΡΠΏΡΠΎΠ΅ΠΊΡΠΈΡΠΎΠ²Π°ΡΡ ΡΠ°ΠΉΡ ΡΠ°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ, ΡΡΠΎΠ±Ρ ΠΎΠ½ ΡΡΠΏΠ΅ΡΠ½ΠΎ ΠΏΡΠΎΠ΄Π²ΠΈΠ³Π°Π»ΡΡ Π² Π΄Π°Π»ΡΠ½Π΅ΠΉΡΠ΅ΠΌ?
ΠΡΠΎΠ³ΡΠ°ΠΌΠΌΠ° ΠΊΡΡΡΠ° ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΠ΅Ρ ΡΡΠ΅Π±ΠΎΠ²Π°Π½ΠΈΡΠΌ ΠΏΡΠΎΡΠ΅ΡΡΠΈΠΎΠ½Π°Π»ΡΠ½ΠΎΠ³ΠΎ ΡΡΠ°Π½Π΄Π°ΡΡΠ°.
ΠΡΡΡ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΠΎΠ²Π°Π½ Π ΠΎΡΡΠΈΠΉΡΠΊΠΎΠΉ ΠΡΡΠΎΡΠΈΠ°ΡΠΈΠ΅ΠΉ ΡΠ»Π΅ΠΊΡΡΠΎΠ½Π½ΡΡ ΠΊΠΎΠΌΠΌΡΠ½ΠΈΠΊΠ°ΡΠΈΠΉ Β«Π ΠΠΠΒ». ΠΠ³ΠΎ ΡΡΠΏΠ΅ΡΠ½ΠΎΠ΅ ΠΏΡΠΎΡ ΠΎΠΆΠ΄Π΅Π½ΠΈΠ΅ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ ΠΠ°ΠΌ ΡΠΈΡΡΠ΅ΠΌΠ°ΡΠΈΠ·ΠΈΡΠΎΠ²Π°ΡΡ ΠΈ Π·Π°ΠΊΡΠ΅ΠΏΠΈΡΡ ΠΈΠΌΠ΅ΡΡΠΈΠ΅ΡΡ Π·Π½Π°Π½ΠΈΡ. ΠΡΠΎ ΠΌΠΎΡΠ½Π°Ρ Π±Π°Π·Π° Π΄Π»Ρ Π΄Π°Π»ΡΠ½Π΅ΠΉΡΠ΅Π³ΠΎ ΠΈΠ·ΡΡΠ΅Π½ΠΈΡ Π²Π΅Π±-ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ. ΠΡΡΡ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌ Π²ΡΠ΅ΠΌ, ΠΊΡΠΎ ΠΏΠ»Π°Π½ΠΈΡΡΠ΅Ρ ΠΎΠ²Π»Π°Π΄Π΅ΡΡ ΠΏΡΠ΅ΡΡΠΈΠΆΠ½ΠΎΠΉ ΠΏΡΠΎΡΠ΅ΡΡΠΈΠ΅ΠΉ ΠΈΠ½ΡΠ΅ΡΠ½Π΅Ρ-ΠΌΠ°ΡΠΊΠ΅ΡΠΎΠ»ΠΎΠ³Π°, Π²Π΅Π±-Π²Π΅ΡΡΡΠ°Π»ΡΡΠΈΠΊΠ°, ΠΊΠΎΠ½ΡΠ΅Π½Ρ-ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅ΡΠ°, Π²Π΅Π±-ΠΌΠ°ΡΡΠ΅ΡΠ° ΠΈΠ»ΠΈ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠ°.Β
Π‘Π΄Π΅Π»Π°ΠΉΡΠ΅ ΠΏΠ΅ΡΠ²ΡΠΉ ΡΠ°Π³ ΠΊ ΠΎΡΠ²ΠΎΠ΅Π½ΠΈΡ ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΡ Π²Π΅Π±-ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ! ΠΠ°ΠΏΠΈΡΠΈΡΠ΅ΡΡ Π½Π° ΠΎΠ±ΡΡΠ΅Π½ΠΈΠ΅!
Π£ΡΠΎΠΊΠΈ HTML Ρ Π½ΡΠ»Ρ Π΄Π»Ρ Π½Π°ΡΠΈΠ½Π°ΡΡΠΈΡ
ΠΠ΅Π± ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ Π½Π΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡΠ΅Π΄ΡΡΠ°Π²ΠΈΡΡ Π±Π΅Π· ΡΠ·ΡΠΊΠ° ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈ HTML. ΠΡΠΎΡ ΡΠ·ΡΠΊ ΡΠΏΠΎΡΠΎΠ±Π΅Π½ ΡΠ°ΡΡΠΊΠ°Π·Π°ΡΡ Π±ΡΠ°ΡΠ·Π΅ΡΡ ΡΡΠΎ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡΡ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅: ΠΊΠ°ΠΊΠΈΠ΅ Π΅ΡΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ, ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠ΅ ΠΏΠΎΠ»Ρ, ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΈ ΠΏΡΠΎΡΠΈΠ΅ Π²Π΅ΡΠΈ. Π ΡΡΠΈΡ Π²ΠΈΠ΄Π΅ΠΎ ΡΡΠΎΠΊΠ°Ρ ΠΌΡ Ρ Π²Π°ΠΌΠΈ ΠΈΠ·ΡΡΠΈΠΌ ΡΠ·ΡΠΊ ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈ HTML5.
ΠΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ ΠΏΡΠΎ HTML
ΠΠΎΠ»Π½ΠΎΠ΅ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ — HyperText Markup Language. ΠΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠΎΠ±ΠΎΠΉ ΡΠ·ΡΠΊ Π³ΠΈΠΏΠ΅ΡΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠΉ ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΠΎΠ²ΡΠ΅ΠΌΠ΅ΡΡΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π²ΠΎ Π²ΡΠ΅ΠΌΡ ΠΏΠΎΡΡΡΠΎΠ΅Π½ΠΈΡ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡ ΠΈ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠΎΠ². ΠΡΡΡ HTML Π½Π°ΡΠ°Π»ΡΡ Π΅ΡΡ Π² ΠΏΠ΅ΡΠ²ΠΎΠΉ ΠΏΠΎΠ»ΠΎΠ²ΠΈΠ½Π΅ 90-Ρ Π³ΠΎΠ΄ΠΎΠ². Π ΡΠΎ Π²ΡΠ΅ΠΌΡ ΠΎΠ½ Π±ΡΠ» ΠΊΡΠ°ΠΉΠ½Π΅ ΠΏΡΠΈΠΌΠΈΡΠΈΠ²Π½ΡΠΌ, Π½ΠΎ ΡΠΆΠ΅ ΠΏΠΎΠΌΠΎΠ³Π°Π» Π΄Π΅Π»Π°ΡΡ ΠΏΡΠΎΡΡΡΠ΅ ΡΡΡΠ°Π½ΠΈΡΡ Π΄Π»Ρ Π²Π΅Π±Π°. Π‘ ΡΠ΅Ρ ΠΏΠΎΡ ΡΠ·ΡΠΊ ΠΏΠΎΡΡΠΎΡΠ½Π½ΠΎ ΡΠ°Π·Π²ΠΈΠ²Π°Π΅ΡΡΡ, ΠΊ ΡΠ΅Π³ΠΎΠ΄Π½ΡΡΠ½Π΅ΠΌΡ Π΄Π½Ρ ΠΎΠ½ ΡΠΆΠ΅ Π½Π°ΡΡΠΈΠ»ΡΡ ΠΌΠ½ΠΎΠ³ΠΎΠΌΡ. ΠΠ΅Π· HTML, Π² ΡΠ°ΠΊΠΎΠΌ Π²ΠΈΠ΄Π΅ ΠΊΠ°ΠΊ ΠΌΡ ΠΏΡΠΈΠ²ΡΠΊΠ»ΠΈ, Π²Π΅Π±-ΡΠ°ΠΉΡΡ ΠΏΡΠΎΡΡΠΎ Π½Π΅ ΡΡΡΠ΅ΡΡΠ²ΠΎΠ²Π°Π»ΠΈ Π±Ρ. ΠΡΠ΅ ΡΠ°ΠΉΡΡ ΠΌΠΈΡΠ° ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡ HTML.
ΠΠ° ΡΠ΅Π³ΠΎΠ΄Π½Ρ Π°ΠΊΡΡΠ°Π»ΡΠ½ΡΠΉ ΡΡΠ°Π½Π΄Π°ΡΡ β HTML5, ΠΊΠΎΡΠΎΡΡΠΉ ΠΎΡΠΈΡΠΈΠ°Π»ΡΠ½ΠΎ Π±ΡΠ» Π²ΡΠΏΡΡΠ΅Π½ Π² 2014 Π³ΠΎΠ΄Ρ. ΠΡΠΎ ΡΠ΅Π²ΠΎΠ»ΡΡΠΈΠΎΠ½Π½ΡΠΉ ΡΡΠ°Π½Π΄Π°ΡΡ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΠ» ΡΠ·ΡΠΊΡ Π²ΡΠΉΡΠΈ Π½Π° Π½ΠΎΠ²ΡΠΉ ΡΡΠΎΠ²Π΅Π½Ρ.
ΠΠΎΠ²ΠΎΠ²Π²Π΅Π΄Π΅Π½ΠΈΡ Π² HTML5:
- ΠΠ·ΠΌΠ΅Π½ΠΈΠ»ΡΡ Π°Π»Π³ΠΎΡΠΈΡΠΌ ΠΏΠ°ΡΡΠΈΠ½Π³Π° Π²ΠΎ Π²ΡΠ΅ΠΌΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ DOM-ΡΡΡΡΠΊΡΡΡΡ;
- ΠΠΎΡΠ²ΠΈΠ»ΠΈΡΡ Π½ΠΎΠ²ΡΠ΅ ΡΠ΅Π³ΠΈ, Π²ΡΠΎΠ΄Π΅ audio, video ΠΈ ΠΏΡΠΎΡΠΈΡ . ΠΡΡΠ°ΡΠΈ, ΡΠ΅ΠΏΠ΅ΡΡ ΡΠΎΠ»ΡΠΊΠΎ ΡΠΈΠ»Π°ΠΌΠΈ HTML ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°ΡΡ Π²Π΅Π±-ΠΏΡΠΎΠΈΠ³ΡΡΠ²Π°ΡΠ΅Π»Ρ. Π Π°Π½ΡΡΠ΅ ΠΏΡΠΈΡ ΠΎΠ΄ΠΈΠ»ΠΎΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Adobe Flash Player;
- ΠΠ΅ΡΠ΅ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΡΠ°ΡΡΠΈ ΠΏΡΠ°Π²ΠΈΠ» ΠΈ ΡΠ΅ΠΌΠ°Π½ΡΠΈΠΊΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ HTML-ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ².
ΠΡΠ»ΠΈ ΠΏΠΎΡΠΌΠΎΡΡΠ΅ΡΡ Π³Π»ΠΎΠ±Π°Π»ΡΠ½ΠΎ, HTML5 ΡΡΠ°Π» Π±ΠΎΠ»ΡΡΠ΅, ΡΠ΅ΠΌ ΠΏΡΠΎΡΡΠΎ Π½ΠΎΠ²Π°Ρ Π²Π΅ΡΡΠΈΠ΅ΠΉ ΡΠ·ΡΠΊΠ°. Π HTML5 ΠΈΠ·ΠΌΠ΅Π½ΠΈΠ»ΡΡ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ ΠΊΠΎ ΠΌΠ½ΠΎΠ³ΠΈΠΌ Π²Π΅ΡΠ°ΠΌ ΠΈ ΡΠ·ΡΠΊ ΡΡΠ°Π» ΠΏΠΎΠ»Π½ΠΎΡΠ΅Π½Π½ΠΎΠΉ ΠΏΠ»Π°ΡΡΠΎΡΠΌΠΎΠΉ Π΄Π»Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ. Π Π°Π½ΡΡΠ΅ Π΅Π³ΠΎ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ ΠΎΠ³ΡΠ°Π½ΠΈΡΠΈΠ²Π°Π»ΠΈΡΡ ΠΏΠΎΡΡΡΠΎΠ΅Π½ΠΈΠ΅ΠΌ ΡΡΡΡΠΊΡΡΡΡ, ΡΠ΅Π³ΠΎΠ΄Π½Ρ ΠΎΠ½ Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ ΡΠΌΠ½Π΅Π΅. Π‘ Π²ΡΡ ΠΎΠ΄ΠΎΠΌ ΡΡΠ°Π½Π΄Π°ΡΡΠ° ΡΠΈΠ»ΡΠ½ΠΎ ΡΠ°ΡΡΠΈΡΠΈΠ»Π°ΡΡ ΡΡΠ΅ΡΠ° ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΡΠ·ΡΠΊΠ°.Β
ΠΡΡ ΠΏΡΠΈΡΠ»ΠΎ ΠΊ ΡΠΎΠΌΡ, ΡΡΠΎ HTML5 ΡΡΠ°Π» ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡΡΡ Π² Π΄Π²ΡΡ ΠΊΠ»ΡΡΠ΅Π²ΡΡ Π½Π°ΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡΡ :
- Π ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΠΎΠ±Π½ΠΎΠ²Π»ΡΠ½Π½ΠΎΠΉ Π²Π΅ΡΡΠΈΠΈ ΡΠ·ΡΠΊΠ° HTML;
- Π ΡΠΎΠ»ΠΈ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΠΎΠΉ ΠΏΠ»Π°ΡΡΠΎΡΠΌΡ, Π½Π° ΠΊΠΎΡΠΎΡΠΎΠΉ ΠΌΠΎΠΆΠ½ΠΎ ΡΡΡΠΎΠΈΡΡ Π²Π΅Π±-ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ ΡΠ°Π·Π»ΠΈΡΠ½ΠΎΠΉ ΡΠ»ΠΎΠΆΠ½ΠΎΡΡΠΈ. ΠΡΠ°Π²Π΄Π°, ΡΠΎΠ·Π΄Π°ΡΡ ΠΏΠΎΠ»Π½ΠΎΡΠ΅Π½Π½ΠΎΠ΅ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π½Π° ΡΠΈΡΡΠΎΠΌ HTML5 Π½Π΅ ΠΏΠΎΠ»ΡΡΠΈΡΡΡ. ΠΠ»Ρ ΡΡΠΎΠ³ΠΎ Π΅ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ JavaScript ΠΈ CSS3.
ΠΡΠΎ Π·Π°Π½ΠΈΠΌΠ°Π΅ΡΡΡ ΠΌΠΎΠ΄Π΅ΡΠ½ΠΈΠ·Π°ΡΠΈΠ΅ΠΉ HTML5? ΠΠ°Π΄ ΡΠ·ΡΠΊΠΎΠΌ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ W3C ΠΈΠ»ΠΈ ΠΏΠΎΠ»Π½ΠΎΠ΅ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ — World Wide Web Consortium β ΡΡΠΎ ΠΎΡΠ³Π°Π½ΠΈΠ·Π°ΡΠΈΡ ΠΌΠ΅ΠΆΠ΄ΡΠ½Π°ΡΠΎΠ΄Π½ΠΎΠ³ΠΎ ΡΡΠΎΠ²Π½Ρ, ΠΊΠΎΡΠΎΡΠ°Ρ ΡΠΎΡ ΡΠ°Π½ΡΠ΅Ρ Π½Π΅Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΡ ΠΎΡ ΠΊΠΎΠ½ΠΊΡΠ΅ΡΠ½ΡΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ². ΠΠ½Π° ΠΆΠ΅ Π²ΡΠΏΡΡΠΊΠ°Π΅Ρ ΡΠΏΠ΅ΡΠΈΡΠΈΠΊΠ°ΡΠΈΠΈ, ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΡ ΠΈ ΡΡΠ°Π½Π΄Π°ΡΡΡ ΠΊ HTML5. ΠΡΠΈΠ³ΠΈΠ½Π°Π»ΡΠ½Π°Ρ ΠΈ ΠΏΠΎΠ»Π½ΠΎΡΠ΅Π½Π½Π°Ρ ΡΠΏΠ΅ΡΠΈΡΠΈΠΊΠ°ΡΠΈΡ Π΄ΠΎΡΡΡΠΏΠ½Π° Π½Π° ΠΎΡΠΈΡΠΈΠ°Π»ΡΠ½ΠΎΠΌ ΡΠ°ΠΉΡΠ΅ ΠΏΠΎ ΡΡΡΠ»ΠΊΠ΅ (Π΄ΠΎΡΡΡΠΏΠ½Π° Π½Π° Π°Π½Π³Π»ΠΈΠΉΡΠΊΠΎΠΌ). ΠΡΠ³Π°Π½ΠΈΠ·Π°ΡΠΈΡ Π½Π΅ Π·Π°Π²Π΅ΡΡΠΈΠ»Π° ΡΠ°Π±ΠΎΡΡ Π½Π°Π΄ ΡΠ·ΡΠΊΠΎΠΌ, Π½Π°ΠΏΡΠΎΡΠΈΠ² — Π²ΡΡ Π΅ΡΡ ΠΏΡΠΎΠ΄ΠΎΠ»ΠΆΠ°Π΅Ρ Π΅Π³ΠΎ ΡΠ°Π·Π²ΠΈΠ²Π°ΡΡ.
ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° Π±ΡΠ°ΡΠ·Π΅ΡΠ°ΠΌΠΈ
ΠΠ°ΠΆΠ½ΠΎ ΠΏΠΎΠ½ΠΈΠΌΠ°ΡΡ, ΡΡΠΎ ΡΠΏΠ΅ΡΠΈΡΠΈΠΊΠ°ΡΠΈΡ HTML5 ΠΈ ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΡ Π΄Π°Π½Π½ΠΎΠΉ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ Π² ΠΊΠΎΠ½ΠΊΡΠ΅ΡΠ½ΡΡ Π±ΡΠ°ΡΠ·Π΅ΡΠ°Ρ β ΡΡΠΎ ΡΠ°Π·Π½ΡΠ΅ ΠΏΠΎΠ½ΡΡΠΈΡ. ΠΠ½ΠΎΠ³ΠΈΠ΅ Π°ΠΊΡΠΈΠ²Π½ΠΎ ΡΠ°Π·ΡΠ°Π±Π°ΡΡΠ²Π°Π΅ΠΌΡΠ΅ Π²Π΅Π±-ΠΎΠ±ΠΎΠ·ΡΠ΅Π²Π°ΡΠ΅Π»ΠΈ Π½Π°ΡΠ°Π»ΠΈ ΠΏΠΎΠ½Π΅ΠΌΠ½ΠΎΠ³Ρ Π²Π½Π΅Π΄ΡΡΡΡ ΡΡΠ½ΠΊΡΠΈΠΈ HTML5 Π΅ΡΡ Π΄ΠΎ ΡΠ΅Π»ΠΈΠ·Π° ΡΡΠΎΠΉ Π²Π΅ΡΡΠΈΠΈ. Π ΡΠ΅Π³ΠΎΠ΄Π½ΡΡΠ½Π΅ΠΌΡ Π΄Π½Ρ Π±ΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²ΠΎ ΡΠ²Π΅ΠΆΠΈΡ Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠ² ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°ΡΡ Π²ΡΠ΅ ΡΡΠ½ΠΊΡΠΈΠΈ HTML5. ΠΠΎΠ»Π½ΡΡ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΡ ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠΈΠ²Π°ΡΡ: Chrome, IE 11, Firefox, Edge, Safari, Opera. ΠΡΠ½ΠΎΡΠΈΡΠ΅Π»ΡΠ½ΠΎ ΡΡΠ°ΡΡΠ΅ Π²Π΅ΡΡΠΈΠΈ Π½Π΅ ΠΈΠΌΠ΅ΡΡ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΈ Π½ΠΎΠ²ΡΡ ΡΡΠ°Π½Π΄Π°ΡΡΠΎΠ², Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, IE 8 ΠΈ ΠΌΠ»Π°Π΄ΡΠ΅. Π Π²Π΅ΡΡΠΈΠΈ IE 9 ΠΈ 10 ΡΠΆΠ΅ ΡΠ΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½Ρ ΡΡΠ°Π½Π΄Π°ΡΡΡ, Π½ΠΎ ΡΠΎΠ»ΡΠΊΠΎ ΡΠ°ΡΡΠΈΡΠ½ΠΎ.
Π§Π°ΡΡΠΎ Π±ΡΠ°ΡΠ·Π΅ΡΡ ΠΌΠΎΠ³ΡΡ Π² ΡΠ΅Π»ΠΎΠΌ ΡΠ°Π±ΠΎΡΠ°ΡΡ Ρ Π½ΠΎΠ²ΡΠΌ ΡΡΠ°Π½Π΄Π°ΡΡΠΎΠΌ, Π½ΠΎ ΠΏΠΎ-ΡΠ°Π·Π½ΠΎΠΌΡ ΠΎΠ±ΡΠ°Π±Π°ΡΡΠ²Π°ΡΡ ΡΡΠ½ΠΊΡΠΈΠΈ ΠΈΠ»ΠΈ ΠΏΡΠΎΡΡΠΎ Π²ΡΠ΄Π°Π²Π°ΡΡ ΠΎΡΠΈΠ±ΠΊΡ. ΠΠΎΡΡΠΎΠΌΡ ΠΏΡΠΈ ΠΊΡΠΎΡΡΠ±Π°ΡΠ·Π΅ΡΠ½ΠΎΠΉ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ΅ Π½ΡΠΆΠ½ΠΎ ΡΡΠΈΡΡΠ²Π°ΡΡ Π²ΡΠ΅ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΠΈ Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠ². Π Π΄Π°Π½Π½ΠΎΠΌΡ ΠΌΠΎΠΌΠ΅Π½ΡΡ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° ΡΡΠ°Π½Π΄Π°ΡΡΠ° ΡΠΎ ΡΡΠΎΡΠΎΠ½Ρ Π²Π΅Π±-ΠΎΠ±ΠΎΠ·ΡΠ΅Π²Π°ΡΠ΅Π»Π΅ΠΉ ΡΠΆΠ΅ Π½Π° Π½Π΅ΠΏΠ»ΠΎΡ ΠΎΠΌ ΡΡΠΎΠ²Π½Π΅.
Π§ΡΠΎΠ±Ρ ΡΠ΄ΠΎΡΡΠΎΠ²Π΅ΡΠΈΡΡΡΡ, ΡΡΠΎ ΡΠ΅ΠΊΡΡΠ°Ρ Π²Π΅ΡΡΠΈΡ Π±ΡΠ°ΡΠ·Π΅ΡΠ° ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ HTML5, ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡΠΎΠΉΡΠΈ Π½Π΅Π±ΠΎΠ»ΡΡΠΎΠΉ ΡΠ΅ΡΡ.
Π§ΡΠΎ Π½ΡΠΆΠ½ΠΎ Π΄Π»Ρ ΡΠ°Π±ΠΎΡΡ?
Π§ΡΠΎ ΠΏΡΠΈΠ³ΠΎΠ΄ΠΈΡΡΡ Π²ΠΎ Π²ΡΠ΅ΠΌΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ ΠΏΠΎΠ΄ HTML5? ΠΠ»ΡΡΠ΅Π²ΠΎΠΉ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ β ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠΉ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ, Π² ΠΊΠΎΡΠΎΡΠΎΠΌ ΠΈ Π±ΡΠ΄Π΅Ρ Π½Π°Π±ΠΈΡΠ°ΡΡΡΡ ΠΊΠΎΠ΄ Π΄Π»Ρ Π±ΡΠ΄ΡΡΠ΅ΠΉ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ. ΠΠ΄Π½ΠΈΠΌ ΠΈΠ· ΠΏΠΎΠΏΡΠ»ΡΡΠ½Π΅ΠΉΡΠΈΡ ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΡΡ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠΎΠ² ΡΠ²Π»ΡΠ΅ΡΡΡ Notepad++. ΠΠ½ Π΄ΠΎΡΡΡΠΏΠ΅Π½ Π½Π° ΠΎΡΠΈΡΠΈΠ°Π»ΡΠ½ΠΎΠΌ ΡΠ°ΠΉΡΠ΅ Π°Π±ΡΠΎΠ»ΡΡΠ½ΠΎ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΠΎ. ΠΠΎΠΌΠΈΠΌΠΎ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΠΎΠ³ΠΎ ΡΠ°ΡΠΏΡΠΎΡΡΡΠ°Π½Π΅Π½ΠΈΡ, Π΅ΡΡ ΠΎΠ±Π»Π°Π΄Π°Π΅Ρ Π²ΡΠ΅ΠΌΠΈ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΡΠΌΠΈ ΡΡΠ½ΠΊΡΠΈΡΠΌΠΈ, ΠΈΠΌΠ΅Π΅Ρ ΠΌΠ°ΡΡΡ ΠΏΠΎΠ»Π΅Π·Π½ΡΡ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ², ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΈΠ²Π°Π΅Ρ ΠΎΡΠΊΡΡΡΠΈΠ΅ ΠΈ Π·Π°ΠΊΡΡΡΠΈΠ΅ ΡΠ΅Π³ΠΎΠ².
Π’Π°ΠΊΠΆΠ΅ Ρ ΠΎΡΠΎΡΠΈΠΌ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠΎΠΌ Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΎΠΉ Π±ΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²Π° ΠΎΠΏΠ΅ΡΠ°ΡΠΈΠΎΠ½Π½ΡΡ ΡΠΈΡΡΠ΅ΠΌ ΡΠ²Π»ΡΠ΅ΡΡΡ Visual Studio Code. ΠΠ½ ΡΠΏΠΎΡΠΎΠ±Π΅Π½ ΡΠ°Π±ΠΎΡΠ°ΡΡ Π² MacOS, Windows ΠΈ Linux. ΠΠΎ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡΠΌ ΡΡΠΎΡ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ½ΡΠΉ ΠΏΡΠΎΠ΄ΡΠΊΡ Π² ΡΠ°Π·Ρ ΠΏΡΠ΅Π²ΠΎΡΡ ΠΎΠ΄ΠΈΡ Notepad++.
Π’Π°ΠΊΠΆΠ΅ ΠΏΡΠΎΡΠΈΡΠ°ΠΉΡΠ΅ Π½Π°ΡΡ ΡΡΠ°ΡΡΡ Π½Π° ΡΠ΅ΠΌΡ «5 Π»ΡΡΡΠΈΡ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠΎΠ² ΠΊΠΎΠ΄Π° Π΄Π»Ρ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΡΠΎΠ²».
ΠΡΠΎΡΡΠΌ Π²Π°ΠΆΠ½ΡΠΌ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠΌ ΡΠ²Π»ΡΠ΅ΡΡΡ Π²Π΅Π±-ΠΎΠ±ΠΎΠ·ΡΠ΅Π²Π°ΡΠ΅Π»Ρ, ΠΎΠ½ ΠΏΡΠΈΠ³ΠΎΠ΄ΠΈΡΡΡ Π΄Π»Ρ ΡΠ΅ΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΠΊΠΎΠ΄Π°. ΠΠΎΠ΄ΠΎΠΉΠ΄ΡΡ Π»ΡΠ±ΠΎΠΉ ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΠΉ Π²Π΅Π± Π±ΡΠ°ΡΠ·Π΅Ρ. ΠΡΠ»ΠΈ Π½ΡΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°ΡΡ ΠΊΡΠΎΡΠΏΠ»Π°ΡΡΠΎΡΠΌΠ΅Π½Π½ΠΎΠ΅ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅, ΡΠΎ ΠΏΡΠΈΠ΄ΡΡΡΡ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ Π² ΡΠΈΡΡΠ΅ΠΌΡ Π²ΡΠ΅ ΠΏΠΎΠΏΡΠ»ΡΡΠ½ΡΠ΅ Π²Π΅Π±-ΠΎΠ±ΠΎΠ·ΡΠ΅Π²Π°ΡΠ΅Π»ΠΈ.
ΠΡΡΡ HTML ΠΈ CSS — Π²Π΅ΡΡΡΠΊΠ° ΡΠ°ΠΉΡΠΎΠ² Ρ Π½ΡΠ»Ρ Π΄Π»Ρ Π½Π°ΡΠΈΠ½Π°ΡΡΠΈΡ
ΠΠ°ΡΠ°Π»ΡΠ½ΡΠΉ ΠΏΡΡΡ ΠΎΠ±ΡΡΠ΅Π½ΠΈΡ Π±ΡΠ΄ΡΡΠΈΡ Π²Π΅Π±-ΠΌΠ°ΡΡΠ΅ΡΠΎΠ² Π΄ΠΎΠ»ΠΆΠ΅Π½ Π½Π°ΡΠΈΠ½Π°ΡΡΡΡ Ρ ΠΊΡΡΡΠ° ΠΏΠΎ ΠΈΠ·ΡΡΠ΅Π½ΠΈΡ HTML ΠΈ CSS, Π²Π΅Π΄Ρ ΡΡΠΎ ΠΈ Π΅ΡΡΡ ΡΠ΄ΡΠΎ ΠΈΠ½ΡΠ΅ΡΠ½Π΅Ρ ΡΠ°ΠΉΡΠ°. ΠΠ»Ρ ΠΎΡΠΊΡΡΡΠΈΡ ΡΠ°ΠΌΠΎΠΉ ΠΏΡΠΎΡΡΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΠΊΠΈ Π½Π΅ Π½ΡΠΆΠ΅Π½ Π±ΡΠ΄Π΅Ρ Π½ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½, Π½ΠΈ ΡΠ΅ΡΠ²Π΅Ρ, Π½ΠΈ ΡΠ·ΡΠΊ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΡ, Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ ΡΠΎΠ·Π΄Π°ΡΡ Π³ΡΠ°ΠΌΠΎΡΠ½ΡΡ HTML-ΡΠ°Π·ΠΌΠ΅ΡΠΊΡ ΡΠ΅ΠΊΡΡΠ° ΠΈ Π½Π°ΠΏΠΈΡΠ°ΡΡ ΡΠ°ΠΌ ΡΠ΅ΠΊΡΡ. ΠΡΡ ΠΎΡΡΠ°Π»ΡΠ½ΠΎΠ΅ ΡΠ»ΡΠΆΠΈΡ Π΄Π»Ρ ΡΠ»ΡΡΡΠ΅Π½ΠΈΡ ΡΡΡΠ΅ΠΊΡΠΈΠ²Π½ΠΎΡΡΠΈ ΡΠ°ΠΉΡΠ°, ΡΠΎ Π΅ΡΡΡ ΡΡΠΎΠ±Ρ ΡΠ°ΠΉΡ Π½ΡΠ°Π²ΠΈΠ»ΡΡ Π»ΡΠ΄ΡΠΌ, ΡΠΎ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ Π½Π°ΡΠΈΡΠΎΠ²Π°ΡΡ ΠΊΡΠ°ΡΠΈΠ²ΡΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½; ΡΡΠΎΠ±Ρ ΡΠ°ΠΉΡ Π±ΡΠ» ΠΌΠ½ΠΎΠ³ΠΎΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΡΠΌ ΠΈ Π΄ΠΈΠ½Π°ΠΌΠΈΡΠ½ΡΠΌ — Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ ΡΠ΅ΡΠ²Π΅Ρ ΠΈ Π½Π°ΠΏΠΈΡΠ°ΡΡ Π½Π° ΡΠ·ΡΠΊΠ΅ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΡ PHP ΠΊΠΎΠ΄; ΡΡΠΎΠ±Ρ ΡΠ°ΠΉΡ Π½Π°ΡΠ°Π»ΠΈ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡ Π² ΠΏΠΎΠΈΡΠΊΠΎΠ²ΠΈΠΊΠ°Ρ Google, Yandex ΠΈ Ρ.Π΄. — Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ Π³ΡΠ°ΠΌΠΎΡΠ½ΠΎ ΠΈ ΡΡΡΡΠΊΡΡΡΠΈΡΠΎΠ²Π°Π½ΠΎ ΡΠΎΡΡΠ°Π²ΠΈΡΡ ΡΠ΅ΠΊΡΡ. ΠΠΎΡΡΠΎΠΌΡ ΠΌΡ Π½Π°ΡΠΈΠ½Π°Π΅ΠΌ ΠΈΠ·ΡΡΠ°ΡΡ ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΡΠ°ΠΉΡΠΎΠ² Ρ Π²Π΅ΡΡΡΠΊΠΈ ΡΠ°ΠΉΡΠΎΠ², Π° ΠΈΠΌΠ΅Π½Π½ΠΎ Π½Π°ΠΏΠΈΡΠ°Π½ΠΈΡ HTML-ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈ.ΠΠ°Π½Π½ΡΠΉ ΠΊΡΡΡ ΡΠ°ΡΡΡΠΈΡΠ°Π½ ΠΊΠ°ΠΊ ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΡΠΉ Π΄Π»Ρ Π²ΡΠ΅Ρ . Π£ΡΠΎΠΊΠΈ ΠΏΠΎΠ΄ΠΎΠΉΠ΄ΡΡ Π°Π±ΡΠΎΠ»ΡΡΠ½ΠΎ Π²ΡΠ΅ΠΌ, ΡΠ°ΠΊ ΠΊΠ°ΠΊ ΡΠ»ΠΎΠΆΠ½ΠΎΡΡΡ Π±ΡΠ΄Π΅Ρ ΡΠ°ΡΡΠΈ ΠΏΠΎ ΠΌΠ΅ΡΠ΅ ΠΈΠ·ΡΡΠ΅Π½ΠΈΡ ΠΎΡΠ½ΠΎΠ²Ρ html, Π° ΡΠ΅ΡΠ°ΡΡ Π±ΡΠ΄Π΅ΠΌ ΡΠΈΠΏΠΎΠ²ΡΠ΅ Π·Π°Π΄Π°ΡΠΈ Π²Π΅ΡΡΡΠ°Π»ΡΡΠΈΠΊΠ° Π½Π° html ΠΏΡΠΈΠΌΠ΅ΡΠ°Ρ , ΠΈ Π΅ΡΠ»ΠΈ Π΄ΠΎ ΡΡΠΎΠ³ΠΎ ΠΌΠΎΠΌΠ΅Π½ΡΠ° Π²Ρ Π±ΡΠ»ΠΈ ΡΠ°ΠΉΠ½ΠΈΠΊΠΎΠΌ, ΡΠΎ ΠΏΠΎ ΠΎΠΊΠΎΠ½ΡΠ°Π½ΠΈΡ ΠΊΡΡΡΠ° Π²Ρ Π±Π΅Π· ΡΡΡΠ΄Π° ΡΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΎΡΠ²Π΅ΡΠΈΡΡ Π½Π° Π²ΠΎΠΏΡΠΎΡ «ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°ΡΡ ΡΠ°ΠΉΡ html». Π’Π°ΠΊ ΠΆΠ΅ Π² ΡΡΠΎΠΌ ΠΊΡΡΡΠ΅ ΠΌΡ ΠΏΠΎΠ²Π΅ΡΡ Π½ΠΎΡΡΠ½ΠΎ ΠΈΠ·ΡΡΠΈΠΌ Photoshop — ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ° Π΄Π»Ρ ΡΠ°Π±ΠΎΡΡ Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡΠΌΠΈ, ΡΡΠΎ Π±ΡΠ΄Π΅Ρ ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡΠ½ΡΠΉ ΠΏΠ°ΠΊΠ΅Ρ Π΄ΠΆΠ΅Π½ΡΠ»ΡΠΌΠ΅Π½Π°, Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΡΠΉ Π΄Π»Ρ Π»ΡΠ±ΠΎΠ³ΠΎ Π²Π΅ΡΡΡΠ°Π»ΡΡΠΈΠΊΠ°. ΠΠ° ΠΏΠΎΡΠ»Π΅Π΄Π½Π΅ΠΌ ΡΡΠΎΠΊΠ΅ ΠΌΡ ΡΠ²Π΅ΡΡΡΠ°Π΅ΠΌ Π³ΠΎΡΠΎΠ²ΡΠΉ HTML ΡΠ°Π±Π»ΠΎΠ½ (Π³ΠΎΡΠΎΠ²ΡΠΉ ΠΌΠ°ΠΊΠ΅Ρ/Π΄ΠΈΠ·Π°ΠΉΠ½ ΡΠ°ΠΉΡΠ°), Π° ΠΏΠΎΡΠ»Π΅Π΄Π½ΠΈΠΌ Π΄ΠΎΠΌΠ°ΡΠ½Π΅ΠΌ Π·Π°Π΄Π°Π½ΠΈΠ΅ΠΌ Π±ΡΠ΄Π΅Ρ ΡΠ°ΠΌΠΎΡΡΠΎΡΡΠ΅Π»ΡΠ½ΠΎ Π²ΡΠ±ΡΠ°ΡΡ ΠΈΠ· Π΄ΠΎΡΡΡΠΏΠ½ΡΡ ΡΠ°Π±Π»ΠΎΠ½ΠΎΠ² ΠΈ ΡΠ²Π΅ΡΡΡΠ°ΡΡ ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ Ρ Π½ΡΠ»Ρ Π΄ΠΎ ΠΊΠΎΠ½Π΅ΡΠ½ΠΎΠ³ΠΎ ΠΏΡΠΎΠ΄ΡΠΊΡΠ°!
Π§ΡΠΎ ΡΠ°ΠΊΠΎΠ΅ HTML ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅? Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΡΠ°ΠΉΡΠΎΠ² Π² ΠΈΠ½ΡΠ΅ΡΠ½Π΅ΡΠ΅ Π½Π°ΡΠΈΠ½Π°Π΅ΡΡΡ Ρ Π΄ΠΈΠ·Π°ΠΉΠ½Π°. ΠΠΈΠ·Π°ΠΉΠ½Π΅Ρ ΡΠΎΠ·Π΄Π°ΡΡ Π΄ΠΈΠ·Π°ΠΉΠ½, ΠΊΠΎΡΠΎΡΡΠΉ Π½Π΅ΠΎΠ±Ρ
ΠΎΠ΄ΠΈΠΌΠΎ ΠΏΠ΅ΡΠ΅Π²Π΅ΡΡΠΈ Π² ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ½ΡΠΉ ΠΊΠΎΠ΄: Π½Π°Π²ΠΈΠ³Π°ΡΠΈΡ, ΡΡΡΠ»ΠΊΠΈ ΠΈ ΠΊΠ½ΠΎΠΏΠΎΡΠΊΠΈ Π΄ΠΎΠ»ΠΆΠ½Ρ Π½Π°ΠΆΠΈΠΌΠ°ΡΡΡΡ, ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ Π΄ΠΎΠ»ΠΆΠ½Ρ Π±ΡΡΡ Π½Π΅Π·Π°Π²ΠΈΡΠΈΠΌΡΠΌΠΈ Ρ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡΡ ΡΠΎΡ
ΡΠ°Π½ΡΡΡ Π½Π° ΠΊΠΎΠΌΠΏΡΡΡΠ΅ΡΠ΅, ΡΠ΅ΠΊΡΡ ΡΠ΄ΠΎΠ±Π½ΡΠΉ ΠΈ Π³ΡΠ°ΠΌΠΎΡΠ½ΠΎ ΠΎΡΠΎΡΠΌΠ»Π΅Π½Π½ΡΠΉ, Π΅Π³ΠΎ ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ Π·Π°Ρ
ΠΎΡΡΡ Π²ΡΠ΄Π΅Π»ΠΈΡΡ ΠΈ ΡΠΎΡ
ΡΠ°Π½ΠΈΡΡ Π΄Π»Ρ ΡΠ΅Π±Ρ. ΠΡΠ΅ΠΌ ΡΡΠΈΠΌ ΠΈ Π·Π°Π½ΠΈΠΌΠ°Π΅ΡΡΡ Π²Π΅ΡΡΡΠ°Π»ΡΡΠΈΠΊ, Π° ΠΈΠΌΠ΅Π½Π½ΠΎ ΠΏΠΈΡΠ΅Ρ HTML ΡΠ°Π·ΠΌΠ΅ΡΠΊΡ ΠΊΠΎΠ΄Π° ΠΈ CSS ΡΡΠΈΠ»ΠΈ.