css — ΠΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΠΎΠ΅ ΠΌΠ΅Π½Ρ Π² Π΄Π²Π° ΡΡΠ΄Π°
ΠΠ°Π΄Π°ΡΡ Π²ΠΎΠΏΡΠΎΡ
ΠΠΎΠΏΡΠΎΡ Π·Π°Π΄Π°Π½
ΠΠ·ΠΌΠ΅Π½ΡΠ½ 2 Π³ΠΎΠ΄Π° 6 ΠΌΠ΅ΡΡΡΠ΅Π² Π½Π°Π·Π°Π΄
ΠΡΠΎΡΠΌΠΎΡΡΠ΅Π½ 228 ΡΠ°Π·
<nav> <ul> <li><a>ΠΠΎΠ»ΠΎΠ²Π½Π°</a></li> <li><a>Π ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ</a></li> <li><a>ΠΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ ΠΎ ΡΠΎΠΌ ΠΊΠ°ΠΊ Π΄ΠΎΠ΅Ρ Π°ΡΡ</a></li> <li><a>Π Π½Π°Ρ</a></li> <li><a>ΠΡΠΎΠ΄ΡΠΊΡΠΈΠΈ</a></li> <li><a>ΠΠ°ΡΠΈ ΡΡΠΏΠ΅Ρ ΠΈ</a></li> <li><a>ΠΠ°ΡΠΈ ΡΠ°Π±ΠΎΡΠ½ΠΈΠΊΠΈ</a></li> <li><a>ΠΠ°ΡΠΈ Π·Π°ΡΠΏΠ»Π°ΡΡ</a></li> </ul> </nav> .menu-8 ul { display: flex; background-color: #188bcc; border: 2px solid #0b00ff; list-style: none; justify-content: space-between; } .flex-item-h{ color: white; } .menu-8 ul a { text-transform: uppercase; text-decoration: none; font-weight: bold; } .flex-item-h:hover { background-color: white; color: #188bcc; /* Π¦Π²Π΅Ρ ΡΡΡΠ»ΠΊΠΈ */ }
ΠΠ°ΠΊ ΡΠ΄Π΅Π»Π°ΡΡ ΡΠ°ΠΊ ΠΊΠ°ΠΊ Π½Π° ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ΅
- css
- css3
- html5
- flexbox
*ΠΏΠΎΠ»Π½ΡΠΉ ΡΠΊΡΠ°Π½
* { margin: 0; padding: 0; box-sizing: border-box; } ul { list-style-type: none; } .nav { max-width: 850px; margin: 0 auto; background-color: blue; border: 2px solid black; } .nav__list { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; color: #fff; } .nav__item { font-size: 18px; padding: 15px; cursor: pointer; } .nav__item:hover { background-color: #fff; color: blue; }
<nav role="navigation"> <ul> <li>ΠΠ»Π°Π²Π½Π°Ρ</li> <li>Π ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ</li> <li>ΠΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ ΠΎ ΡΠΎΠΌ, ΠΊΠ°ΠΊ Π΄ΠΎΠ΅Ρ Π°ΡΡ</li> <li>Π Π½Π°Ρ</li> <li>ΠΡΠΎΠ΄ΡΠΊΡΠΈΡ</li> <li>ΠΠ°ΡΠΈ ΡΡΠΏΠ΅Ρ ΠΈ</li> <li>ΠΠ°ΡΠΈ ΡΠ°Π±ΠΎΡΠ½ΠΈΠΊΠΈ</li> <li>ΠΠ°ΡΠΈ Π·Π°ΡΠΏΠ»Π°ΡΡ</li> </ul> </nav>
1
ΠΠ°ΡΠ΅Π³ΠΈΡΡΡΠΈΡΡΠΉΡΠ΅ΡΡ ΠΈΠ»ΠΈ Π²ΠΎΠΉΠ΄ΠΈΡΠ΅
Π Π΅Π³ΠΈΡΡΡΠ°ΡΠΈΡ ΡΠ΅ΡΠ΅Π· Google
Π Π΅Π³ΠΈΡΡΡΠ°ΡΠΈΡ ΡΠ΅ΡΠ΅Π· Facebook
Π Π΅Π³ΠΈΡΡΡΠ°ΡΠΈΡ ΡΠ΅ΡΠ΅Π· ΠΏΠΎΡΡΡ
ΠΡΠΏΡΠ°Π²ΠΈΡΡ Π±Π΅Π· ΡΠ΅Π³ΠΈΡΡΡΠ°ΡΠΈΠΈ
ΠΠΎΡΡΠ°
ΠΠ΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠ°, Π½ΠΎ Π½ΠΈΠΊΠΎΠΌΡ Π½Π΅ ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°Π΅ΡΡΡ
ΠΡΠΏΡΠ°Π²ΠΈΡΡ Π±Π΅Π· ΡΠ΅Π³ΠΈΡΡΡΠ°ΡΠΈΠΈ
ΠΠΎΡΡΠ°
ΠΠ΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠ°, Π½ΠΎ Π½ΠΈΠΊΠΎΠΌΡ Π½Π΅ ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°Π΅ΡΡΡ
ΠΠ°ΠΆΠΈΠΌΠ°Ρ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡ Β«ΠΡΠΏΡΠ°Π²ΠΈΡΡ ΠΎΡΠ²Π΅ΡΒ», Π²Ρ ΡΠΎΠ³Π»Π°ΡΠ°Π΅ΡΠ΅ΡΡ Ρ Π½Π°ΡΠΈΠΌΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠΌ ΡΠΎΠ³Π»Π°ΡΠ΅Π½ΠΈΠ΅ΠΌ, ΠΏΠΎΠ»ΠΈΡΠΈΠΊΠΎΠΉ ΠΊΠΎΠ½ΡΠΈΠ΄Π΅Π½ΡΠΈΠ°Π»ΡΠ½ΠΎΡΡΠΈ ΠΈ ΠΏΠΎΠ»ΠΈΡΠΈΠΊΠΎΠΉ ΠΎ ΠΊΡΠΊΠΈ
ΠΠ°ΠΊ ΡΠ΄Π΅Π»Π°ΡΡ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΠΎΠ΅ ΠΌΠ΅Π½Ρ Π½Π° HTML?
Π₯ΠΎΡΠΎΡΠΈΠΉ Π²Π΅Π±-ΡΠ°ΠΉΡ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΈΠΌΠ΅ΡΡ ΡΠ΄ΠΎΠ±Π½ΡΡ ΡΠΈΡΡΠ΅ΠΌΡ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΈ. ΠΠ΅Π½Ρ ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΎΠ΄Π½ΠΈΠΌ ΠΈΠ· Π²Π°ΡΠΈΠ°Π½ΡΠΎΠ² Π²ΡΠ±ΠΎΡΠ° Π½ΡΠΆΠ½ΠΎΠ³ΠΎ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ. ΠΠ΅ ΡΡΠΎΠ»ΡΠΊΠΎ Π²Π°ΠΆΠ½Π° ΠΎΡΠΈΠ΅Π½ΡΠ°ΡΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΠΌΠ΅Π½Ρ Π² ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²Π΅, ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ΄ΠΎΠ±ΡΡΠ²ΠΎ ΠΈΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ. Π₯ΠΎΡΠΎΡΠΈΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ Π»ΠΎΠ³ΠΈΠΊΠΈ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ ΠΈ Π΅Π³ΠΎ ΠΏΡΠ΅Π΅ΠΌΡΡΠ²Π΅Π½Π½ΠΎΡΡΡ ΠΏΠΎ Π²ΡΠ΅ΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌ Π΄ΠΈΠ°Π»ΠΎΠ³Π° Π΄Π΅Π»Π°Π΅Ρ ΡΠ°ΠΉΡ ΠΊΠΎΠΌΠΏΠ°ΠΊΡΠ½ΠΎ-ΠΊΠΎΠΌΡΠΎΡΡΠ½ΡΠΌ ΠΏΠΎΡΡΠ°Π²ΡΠΈΠΊΠΎΠΌ Π½ΡΠΆΠ½ΠΎΠ³ΠΎ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»Π°.
ΠΠ΅Π½Ρ: ΠΏΡΠΈΠ²ΡΡΠ½ΠΎΠ΅ ΠΈ ΠΊΠΎΠΌΡΠΎΡΡΠ½ΠΎΠ΅
ΠΠ°ΠΊ Π²ΡΠΏΠΎΠ»Π½ΠΈΡΡ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΡ ΠΏΠΎ Π²Π΅Π±-ΡΠ΅ΡΡΡΡΡ — Π²ΠΎΠΏΡΠΎΡ ΡΠ΅ΠΎΡΠ΅ΡΠΈΡΠ΅ΡΠΊΠΈΠΉ. ΠΠ°ΠΊ ΡΠ΄Π΅Π»Π°ΡΡ ΠΌΠ΅Π½Ρ Π΄Π»Ρ ΡΠ°ΠΉΡΠ°? HTML Π² Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΠΎΠΌ ΠΈΠ»ΠΈ Π²Π΅ΡΡΠΈΠΊΠ°Π»ΡΠ½ΠΎΠΌ Π²Π°ΡΠΈΠ°Π½ΡΠ΅? ΠΠ°ΠΊ Π½Π° ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΠ΅ ΡΠΏΡΠ°Π²Π»ΡΡΡ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ΠΌ ΠΏΠΎΡΠ΅ΡΠΈΡΠ΅Π»Ρ ΠΈ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΡΡ Π΅ΠΌΡ ΡΠ΅Π°Π»ΡΠ½ΡΠΉ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»?
ΠΡΠΈΠ²ΡΡΠ½ΠΎΠ΅ ΠΈ ΠΊΠΎΠΌΡΠΎΡΡΠ½ΠΎΠ΅ ΠΌΠ΅Π½Ρ — ΡΡΠΎ Π°ΠΊΡΡΠ°Π»ΡΠ½ΠΎ ΠΈ Π²ΠΎΡΡΡΠ΅Π±ΠΎΠ²Π°Π½ΠΎ. ΠΠΎΡΠ΅ΡΠΈΡΠ΅Π»Ρ Π½Π΅ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΡΠ΅Ρ ΡΠ΅ΠΎΡΠΈΡ. ΠΠΎΡΠ΅ΡΠΈΡΠ΅Π»Ρ Π½ΡΠΆΠ½ΠΎ ΡΠ΅ΡΠ΅Π½ΠΈΠ΅ Π΅Π³ΠΎ ΡΠ΅Π°Π»ΡΠ½ΡΡ Π·Π°Π΄Π°Ρ.
ΠΠΎ ΠΎΠ±ΡΠΊΠ½ΠΎΠ²Π΅Π½ΠΈΡ, Π΄ΠΎΠΊΡΠΌΠ΅Π½Ρ HTML ΠΈ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΠΎΠ΅ ΠΌΠ΅Π½Ρ ΡΠ°ΡΠΏΠΎΠ»Π°Π³Π°ΡΡΡΡ Π½Π° ΠΏΠ΅ΡΠ²ΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΠ΅ ΡΠ°ΠΉΡΠ° ΠΈ ΠΎΡΠΈΠ΅Π½ΡΠΈΡΡΡΡ ΠΏΠΎΡΠ΅ΡΠΈΡΠ΅Π»Ρ Π² ΡΠΈΡΡΠ΅ΠΌΠ°ΡΠΈΠ·ΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠΌ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΠΈ ΠΎΠ± ΡΡΠ»ΡΠ³Π°Ρ , ΠΏΡΠΎΠ΄ΡΠΊΡΠ°Ρ ΠΈΠ»ΠΈ ΡΠ°Π·Π΄Π΅Π»Π°Ρ ΡΠ°ΠΉΡΠ°, Π²Π»Π°Π΄Π΅Π»ΡΡΠ΅, Π½ΠΎΠ²ΠΎΡΡΡΡ , ΠΊΠΎΠ½ΡΠ°ΠΊΡΠ°Ρ .
ΠΡΠΈΠ΅Π½ΡΠ°ΡΠΈΡ Π² ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²Π΅ — Π½Π΅ Π³Π»Π°Π²Π½ΠΎΠ΅, Π½ΠΎ ΠΏΡΠΈΠ²ΡΡΠ½Π΅Π΅ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½Π°Ρ ΡΠΈΡΡΠ΅ΠΌΠ°ΡΠΈΠ·Π°ΡΠΈΡ ΠΏΡΠ΅Π΄Π»Π°Π³Π°Π΅ΠΌΠΎΠ³ΠΎ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»Π°. Π§ΠΈΡΠ°ΡΡ ΡΠ»Π΅Π²Π° Π½Π°ΠΏΡΠ°Π²ΠΎ ΠΈ ΡΠ²Π΅ΡΡ Ρ Π²Π½ΠΈΠ· ΠΎΠ±ΡΠ΅ΠΏΡΠΈΠ½ΡΡΠΎ Π½Π΅ ΡΠΎΠ»ΡΠΊΠΎ Π½Π° ΡΡΡΡΠΊΠΎΡΠ·ΡΡΠ½ΡΡ ΡΠ°ΠΉΡΠ°Ρ .
ΠΠ΄Π½ΠΎΠ·Π½Π°ΡΠ½ΠΎ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΡΠ΅ ΡΠ°ΠΉΡΡ ΠΈ ΠΈΡ ΠΌΠ΅Π½Ρ
ΠΠ° ΡΠΈΡΡΠ½ΠΊΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½Ρ ΠΎΠ΄Π½ΠΎΠ·Π½Π°ΡΠ½ΠΎ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΡΠ΅ ΡΠ°ΠΉΡΡ. ΠΡ ΠΌΠ΅Π½Ρ ΠΌΠΎΠ³ΡΡ ΡΡΠΈΡΠ°ΡΡΡΡ ΠΎΠ±ΡΠ°Π·ΡΠ°ΠΌΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π°, Π»ΠΎΠ³ΠΈΠΊΠΈ ΠΈ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΠΎΡΡΠΈ. ΠΠ΄Π½Π°ΠΊΠΎ ΠΌΠ½Π΅Π½ΠΈΠ΅ Π»ΠΈΠ΄Π΅ΡΠΎΠ² Π½Π΅ ΡΡΠΎΠ»Ρ ΡΠΆ Π½Π΅Π·ΡΠ±Π»Π΅ΠΌΠΎ, ΠΏΠΎΡΠΎΠΉ Π±ΡΠ²Π°ΡΡ ΠΈ ΠΈΡΠΊΠ»ΡΡΠ΅Π½ΠΈΡ.
Π ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΠΎΠ±ΡΠ°Π·ΡΠ° ΠΌΠΎΠΆΠ½ΠΎ ΡΠ°ΡΡΠΌΠ°ΡΡΠΈΠ²Π°ΡΡ ΡΠ°ΠΉΡΡ:
- ΠΌΠ΅ΠΆΠ΄ΡΠ½Π°ΡΠΎΠ΄Π½ΠΎΠΉ Π±ΠΈΡΠΆΠΈ Forex;
- ΠΡΠ΅ΠΌΠΈΡΠ½ΠΎΠΉ ΠΎΡΠ³Π°Π½ΠΈΠ·Π°ΡΠΈΠΈ Π·Π΄ΡΠ°Π²ΠΎΠΎΡ ΡΠ°Π½Π΅Π½ΠΈΡ;
- ΡΠΈΠ½Π°Π½ΡΠΎΠ²ΠΎΠΉ ΡΠΈΡΡΠ΅ΠΌΡ Π ΠΎΡΡΠΈΠΈ;
- Π½Π΅ΡΡΠ΅Π³Π°Π·ΠΎΠ²ΠΎΠΉ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ.
ΠΠΎ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ Π΄Π΅Π½Π΅Π³ ΠΈΠ»ΠΈ ΡΠΎΡΠΈΠ°Π»ΡΠ½Π°Ρ Π·Π½Π°ΡΠΈΠΌΠΎΡΡΡ — Π½Π΅ ΠΊΡΠΈΡΠ΅ΡΠΈΠΈ ΠΊΠ°ΡΠ΅ΡΡΠ²Π° Π²Π΅Π±-ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ.
ΠΡΡΠΊΠΎΠ΅ ΠΌΠ΅Π½Ρ — Π΄Π΅Π»ΠΎ ΡΡΠΊ ΠΊΠΎΠ½ΠΊΡΠ΅ΡΠ½ΠΎΠ³ΠΎ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ° ΠΈ ΠΌΠ½Π΅Π½ΠΈΠ΅ ΠΊΠΎΠ»Π»Π΅ΠΊΡΠΈΠ²Π° ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ² ΠΏΠΎΠΏΡΠ»ΡΡΠ½ΠΎΠΉ ΡΠΈΡΡΠ΅ΠΌΡ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ ΡΠ°ΠΉΡΠ°ΠΌΠΈ (CMS), ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½Π½ΠΎΠΉ ΠΏΡΠΈ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ΅ Π²Π΅Π±-ΡΠ΅ΡΡΡΡΠ°.
Π ΡΠ°Π±Π»ΠΎΠ½Ρ ΡΠ°ΠΌΡΡ Π»ΡΡΡΠΈΡ CMS Π½ΠΈΠΊΠΎΠ³Π΄Π° Π½Π΅ Π·Π°Π³Π½Π°ΡΡ ΡΠ΅Π°Π»ΡΠ½ΡΡ ΠΆΠΈΠ·Π½Ρ. ΠΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΠΈΠ½ΡΠ΅ΡΠ½Π΅Ρ-ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ Π²ΡΠ΅Π³Π΄Π° ΠΎΠ±ΡΡΠ»Π°Π²Π»ΠΈΠ²Π°Π΅Ρ Π² ΠΊΠ°ΠΆΠ΄ΠΎΠΌ ΠΊΠΎΠ½ΠΊΡΠ΅ΡΠ½ΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎΡΡΡ Π²ΡΠΏΠΎΠ»Π½ΠΈΡΡ ΡΠ΅ΠΎΡΠ΅ΡΠΈΠΊΠΎ-ΠΏΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈΠ΅ ΡΠ°Π±ΠΎΡΡ ΠΏΠΎ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΊΠΎΠΌΡΠΎΡΡΠ½ΠΎΠ³ΠΎ ΠΌΠ΅Π½Ρ.
ΠΠ»Π°ΡΡΠΈΡΠ΅ΡΠΊΠΈΠΉ ΠΌΠ½ΠΎΠ³ΠΎΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΡΠΉ ΠΏΡΠΈΠΌΠ΅Ρ
ΠΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ Π²ΠΈΠ΄Π΅ΡΡ Π½Π° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΈ ΠΏΠΎΠ΄ ΡΠΈΡΡΠΎΠΉ 1, Π·Π΄Π΅ΡΡ ΡΡΠ°Π·Ρ ΡΠ΅ΡΡΡΠ΅ ΡΠ°Π·Π½ΡΡ ΠΌΠ΅Π½Ρ. ΠΠ»Π°Π²Π½Π°Ρ ΡΡΡΠ°Π½ΠΈΡΠ°: ΡΠ½Π°ΡΠ°Π»Π° ΡΠΎΠ»ΠΈΠΊ, Π·Π°ΡΠ΅ΠΌ Π΄ΠΎΠΊΡΠΌΠ΅Π½Ρ HTML. ΠΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΠΎ Π²ΡΠ΅, Π½ΠΎ ΠΊΠ°ΠΆΠ΄ΠΎΠ΅ ΠΌΠ΅Π½Ρ Π²ΡΠΏΠΎΠ»Π½Π΅Π½ΠΎ Ρ ΡΠ°Π·Π½ΡΠΌ ΡΠΎΠΎΡΠ½ΠΎΡΠ΅Π½ΠΈΠ΅ΠΌ HTML-ΡΠ΅Π³ΠΎΠ², Π½Π°Π³ΡΡΠ·ΠΊΠΈ Π½Π° CSS ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ JavaScript.
Π‘Π°ΠΌΠΎΠ΅ Π²Π΅ΡΡ Π½Π΅Π΅ ΠΌΠ΅Π½Ρ (1.1) ΠΎΡΠ½ΠΎΡΠΈΡΡΡ ΠΊ ΠΏΠΎΡΠ΅ΡΠΈΡΠ΅Π»Ρ (ΡΠ°ΡΡΠ½ΠΎΠ΅ ΠΈΠ»ΠΈ ΡΡΠΈΠ΄ΠΈΡΠ΅ΡΠΊΠΎΠ΅ Π»ΠΈΡΠΎ, ΡΠΈΠ½Π°Π½ΡΠΎΠ²Π°Ρ ΠΎΡΠ³Π°Π½ΠΈΠ·Π°ΡΠΈΡ ΠΈΠ»ΠΈ ΠΈΠ½Π²Π΅ΡΡΠΎΡ). Π‘Π°ΠΌΠΎΠ΅ Π½ΠΈΠΆΠ½Π΅Π΅ (1.4) — Π·Π°Π²ΠΈΡΠΈΡ ΠΎΡ Π²ΡΠ΅Ρ ΠΎΡΡΠ°Π»ΡΠ½ΡΡ , ΠΈ Π·Π΄Π΅ΡΡ Π²Π»Π°ΡΡΠ²ΡΠ΅Ρ Π½Π΅ HTML, Π° JavaScript ΠΈ AJAX, ΠΊΠΎΡΠΎΡΡΠ΅ Π΄ΠΈΠ½Π°ΠΌΠΈΡΠ½ΠΎ ΡΠΎΡΠΌΠΈΡΡΡΡ Π½ΡΠΆΠ½ΡΠΉ Π²Π°ΡΠΈΠ°Π½Ρ ΡΠ΅Π³ΠΎΠ² HTML.
Π‘ΡΠ΅Π΄Π½ΠΈΠ΅ ΠΌΠ΅Π½Ρ ΡΠΎΠ΄Π΅ΡΠΆΠ°Ρ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π» ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ Π² Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ ΠΎΡ ΠΏΠΎΡΠ΅ΡΠΈΡΠ΅Π»Ρ, ΠΌΠ½Π΅Π½ΠΈΡ Π²Π»Π°Π΄Π΅Π»ΡΡΠ° ΠΈ Π΅Π³ΠΎ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠΎΠ².
ΠΡΠΎΡΡΠ°Ρ Π΄ΠΈΠ½Π°ΠΌΠΈΡΠ½Π°Ρ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΡ
ΠΡΠΈΠΌΠ΅Ρ Ρ Google (Π½Π° ΡΠΎΡΠΎ ΠΏΠΎΠ΄ ΡΠΈΡΡΠΎΠΉ 2) — ΠΊΠ»Π°ΡΡΠΈΠΊΠ° ΠΏΡΠΎΡΡΠΎΡΡ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°ΡΡΠ΅Π³ΠΎΡΡ ΠΌΠ΅Π½Ρ. Π Π½Π°ΡΠ°Π»Π΅ ΠΏΠΎΠΈΡΠΊΠ° ΠΎΠ½ΠΎ ΠΎΠ΄Π½ΠΎ, Π² ΠΏΡΠΎΡΠ΅ΡΡΠ΅ ΠΏΠΎΠΈΡΠΊΠ° ΡΠΎΠ²ΡΠ΅ΠΌ Π΄ΡΡΠ³ΠΎΠ΅. ΠΠ΄Π΅ΡΡ Π½Π΅Ρ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΠΎΠ³ΠΎ Π²ΡΠΏΠ°Π΄Π°ΡΡΠ΅Π³ΠΎ ΠΌΠ΅Π½Ρ HTML, ΠΈ CSS ΠΎΡΠ²Π΅Π΄Π΅Π½Π° ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡΠ½Π°Ρ ΡΠΎΠ»Ρ. ΠΠ΄Π΅ΡΡ Π²Π°ΠΆΠ΅Π½ ΠΌΠΎΠΌΠ΅Π½Ρ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ΅Π½ΠΈΡ Π²Π°ΡΠΈΠ°Π½ΡΠ° ΠΊΠΎΠ½Π΅ΡΠ½ΠΎΠΉ Π²ΡΠ±ΠΎΡΠΊΠΈ ΠΈ ΠΌΠ΅Π½Ρ ΠΏΠΎΠ΄ΡΡΡΠΎΠ΅Π½ΠΎ ΠΏΠΎΠ΄ ΡΡΡ Π·Π°Π΄Π°ΡΡ.
ΠΠΎΠ½ΠΊΡΡΠ΅Π½Ρ Google — Yandex (ΡΠΈΡΡΠ° 3) ΡΡΡΠΎΠΈΡ ΡΠ²ΠΎΠ΅ ΠΌΠ΅Π½Ρ ΡΡΠ°Π·Ρ. ΠΠΎΠ»Π΅Π΅ ΡΠΎΠ³ΠΎ, ΡΡΡΠ°Π½ΠΈΡΠ° ΠΏΠΎΠΈΡΠΊΠ° Π·Π΄Π΅ΡΡ ΡΡΠ°Π·Ρ Π½Π°ΠΏΠΎΠ»Π½Π΅Π½Π° Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠΌ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΠΎΠΌ ΠΈ ΠΏΡΠ΅Π΄Π»Π°Π³Π°Π΅Ρ ΠΏΠΎΡΠ΅ΡΠΈΡΠ΅Π»Ρ Π½Π΅ ΡΠΎΠ»ΡΠΊΠΎ ΡΡΠ½ΠΊΡΠΈΡ ΠΏΠΎΠΈΡΠΊΠ°.
Yandex ΠΏΡΠ΅Π΄Π»Π°Π³Π°Π΅Ρ ΡΡΠ°Π·Ρ:
- ΠΏΠΎΠΈΡΠΊ;
- Π΄Π΅Π½ΡΠ³ΠΈ;
- ΠΏΠΎΡΡΡ ΠΈ Π΄Ρ.
ΠΡΠ΅ ΡΡΠ½ΠΊΡΠΈΠΈ Π² ΡΠΈΡΡΠΎΠΌ HTML. ΠΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΡΠ΅ ΠΌΠ΅Π½Ρ ΠΏΠΎ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΠΎΡΡΠΈ. Π₯Π°ΡΠ°ΠΊΡΠ΅ΡΠ½Π°Ρ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΡ Google ΠΈ Yandex — Π½Π°ΡΡΡΠΎΠΉΠΊΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ Π²ΡΠΏΠΎΠ»Π½ΡΡΡΡΡ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ, Π½ΠΎ ΠΌΠΎΠ³ΡΡ Π±ΡΡΡ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½Ρ ΠΏΠΎΡΠ΅ΡΠΈΡΠ΅Π»Π΅ΠΌ ΡΠ΅ΡΠ΅Π· Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΠΎ ΠΎΡΠΈΠ΅Π½ΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠ΅ ΡΡΠ½ΠΊΡΠΈΠΈ.
Π Π΅Π°Π»ΡΠ½Π°Ρ ΡΡΠ°ΡΠΈΡΠ½Π°Ρ ΠΈ ΠΎΠ±ΡΠ°Ρ ΠΏΡΠ°ΠΊΡΠΈΠΊΠ°
ΠΠΎΡΠ»Π΅Π΄Π½ΠΈΠΉ ΠΏΡΠΈΠΌΠ΅Ρ (ΠΏΠΎΠ΄ ΡΠΈΡΡΠΎΠΉ 4) — Π΄Π»Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ² Π½Π° ΠΏΠ»Π°ΡΡΠΎΡΠΌΠ΅ Office XML. ΠΠΎΠΊΡΠΌΠ΅Π½ΡΡ ΡΠΎΡΠΌΠ°ΡΠ° Β«*.*xΒ» Π²ΠΎΡΡΡΠ΅Π±ΠΎΠ²Π°Π½Ρ, ΠΏΠΎΠΏΡΠ»ΡΡΠ½Ρ, ΠΈ ΡΠ°ΠΉΡ, ΠΏΡΠ΅Π΄Π»Π°Π³Π°ΡΡΠΈΠΉ ΠΎΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΡΡΠ°Π½Π΄Π°ΡΡΠ°, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅Ρ ΡΠΈΡΡΡΠΉ HTML. ΠΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΠΎΠ΅ ΠΌΠ΅Π½Ρ ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ ΡΡΡΠ»ΠΊΠΈ Π½Π° ΠΎΡΠ½ΠΎΠ²Π½ΡΠ΅ ΡΠ°Π·Π΄Π΅Π»Ρ:
- docx;
- xlsx;
- pptx.
Π ΠΠ½ΡΠ΅ΡΠ½Π΅ΡΠ΅ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΉΡΠΈ ΠΌΠ½ΠΎΠ³ΠΎ Π΄ΡΡΠ³ΠΈΡ , ΠΌΠ΅Π½Π΅Π΅ ΠΏΠΎΠΏΡΠ»ΡΡΠ½ΡΡ , ΡΠ°ΠΉΡΠΎΠ². ΠΡΠ΅Π³Π΄Π° ΠΌΠΎΠΆΠ½ΠΎ ΠΎΠ±Π½Π°ΡΡΠΆΠΈΡΡ ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎΠ΅ ΡΠ²Π΅ΡΠ΅Π½Π½ΠΎΠ΅ ΡΡΡΠ΅ΠΌΠ»Π΅Π½ΠΈΠ΅ ΠΊ ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡΠ½ΠΎΠΉ ΠΏΡΠΎΡΡΠΎΡΠ΅ ΠΈ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΠΎΡΡΠΈ.
ΠΠΏΠΎΡ Π°, ΠΊΠΎΠ³Π΄Π° ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊ ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ ΡΡΠ°ΡΠΈΠ»ΠΈ Π²ΡΠ΅ΠΌΡ Π½Π° ΡΠΈΠΊΠ°ΡΠ½ΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ, Π²ΡΠΏΠ°Π΄Π°ΡΡΠΈΠ΅ ΠΏΠΎΠ΄ΡΠ°Π·Π΄Π΅Π»Ρ, Π°Π½ΠΈΠΌΠ°ΡΠΈΡ ΠΈ Π΄ΡΡΠ³ΠΈΠ΅ ΡΡΡΠ΅ΠΊΡΡ, ΠΏΡΠΎΡΠ»Π°.
Π‘Π΅Π³ΠΎΠ΄Π½Ρ ΠΊΡΠ°ΡΠΈΠ²ΠΎΠ΅ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΠΎΠ΅ ΠΌΠ΅Π½Ρ: HTML ΠΈ CSS ΠΈΠ»ΠΈ JavaScript — ΡΡΠΎ ΠΏΡΠΎΡΡΠΎΡΠ°, ΠΊΠΎΠΌΡΠΎΡΡ ΠΈ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΠΎΡΡΡ Π΄Π»Ρ ΠΏΠΎΡΠ΅ΡΠΈΡΠ΅Π»Ρ.
ΠΠ΅Π½Ρ: ΡΠ»Π΅Π²Π° Π½Π°ΠΏΡΠ°Π²ΠΎ ΠΈ ΡΠ²Π΅ΡΡ Ρ Π²Π½ΠΈΠ· ΠΈΠ»ΠΈ …
Π ΡΠ°Π·Π½ΡΡ ΡΡΡΠ°Π½Π°Ρ ΡΠΈΡΠ°ΡΡ ΠΏΠΎ-ΡΠ°Π·Π½ΠΎΠΌΡ. ΠΠ°ΡΠΈΠ°Π½Ρ Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΡ ΡΠ»Π΅Π²Π° Π½Π°ΠΏΡΠ°Π²ΠΎ ΠΈ ΡΠ²Π΅ΡΡ Ρ Π²Π½ΠΈΠ· — ΡΡΠΎ ΠΊΠ½ΠΈΠ³Π°, ΡΡΠ°ΡΡΡ, Π»ΠΎΠ·ΡΠ½Π³ ΠΈΠ»ΠΈ ΡΠ΅ΠΊΠ»Π°ΠΌΠ½ΡΠΉ Π±ΡΠΊΠ»Π΅Ρ, Π½ΠΎ Π½Π΅ ΡΠ°ΠΉΡ. ΠΡΠΈΠ΅Π½ΡΠΈΡΠΎΠ²Π°ΡΡΡΡ Π½Π° ΡΠ°ΠΊΡΡ ΠΎΡΠ³Π°Π½ΠΈΠ·Π°ΡΠΈΡ Π΄ΠΈΠ°Π»ΠΎΠ³Π° ΡΠ°Π·ΡΠΌΠ½ΠΎ, Π½ΠΎ ΡΠ΅ΡΡ ΠΈΠ΄Π΅Ρ ΠΎ Π²Π΅Π±-ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΠΈ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ, ΠΊΠΎΡΠΎΡΠ°Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ Π»ΠΎΠ³ΠΈΠΊΡ Π΄ΠΈΠ°Π»ΠΎΠ³Π° Ρ ΠΏΠΎΡΠ΅ΡΠΈΡΠ΅Π»Π΅ΠΌ.
Π’ΡΠ°Π΄ΠΈΡΠΈΠΎΠ½Π½ΡΠΉ Π΄ΠΎΠΊΡΠΌΠ΅Π½Ρ HTML: ΠΌΠ΅Π½Ρ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΠΎΠ΅ Ρ Π²ΡΠΏΠ°Π΄Π°ΡΡΠΈΠΌΠΈ ΠΏΠΎΠ΄ΠΏΡΠ½ΠΊΡΠ°ΠΌΠΈ ΠΏΠΎ ΠΊΠ°ΠΆΠ΄ΠΎΠΌΡ ΠΏΡΠ½ΠΊΡΡ. ΠΡΠΏΠ°Π΄Π°ΡΡ ΠΌΠΎΠΆΠ΅Ρ Π½Π΅ ΡΠΎΠ»ΡΠΊΠΎ ΡΠΏΠΈΡΠΎΠΊ ΡΡΡΠ»ΠΎΠΊ (ΠΏΡΠ½ΠΊΡΠΎΠ²), Π½ΠΎ ΡΠΏΠΈΡΠΊΠΈ ΡΠΏΠΈΡΠΊΠΎΠ². ΠΠΎΠ³Π΄Π° ΡΠ°ΠΉΡ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΠ΅Ρ Π΄Π΅ΡΡΡΠΊΠΈ ΡΡΠ»ΡΠ³ (ΡΠΎΠ²Π°ΡΠΎΠ²), ΠΈ Π² ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΠΏΠΎΠ·ΠΈΡΠΈΠΈ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ Π±ΠΎΠ»Π΅Π΅ Π΄Π΅ΡΡΡΠΊΠ° ΡΡΡΠΎΠΊ, ΡΡΠ°Π½ΠΎΠ²ΠΈΡΡΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌΠΎΠΉ ΠΊΠ°ΠΊ ΡΠ°ΠΌΠΎ ΠΌΠ΅Π½Ρ, ΡΠ°ΠΊ ΠΈ Π΅Π³ΠΎ ΠΏΠΎΠ΄ΠΏΡΠ½ΠΊΡΡ.
ΠΠ±ΡΡΠ½ΠΎ ΠΏΡΠΎΠ±Π»Π΅ΠΌΠ° Π±ΠΎΠ»ΡΡΠΎΠ³ΠΎ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΏΡΠ½ΠΊΡΠΎΠ² ΠΈ ΠΏΠΎΠ΄ΠΏΡΠ½ΠΊΡΠΎΠ² Π² ΠΌΠ΅Π½Ρ ΡΠ΅ΡΠ°Π΅ΡΡΡ ΠΏΡΡΠ΅ΠΌ ΡΠΊΡΠΎΠ»Π»ΠΈΠ½Π³Π°. ΠΠ΄Π½Π°ΠΊΠΎ ΠΊΠ°ΠΆΠ΄Π°Ρ ΠΎΠ±Π»Π°ΡΡΡ ΠΏΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΡ Π΄ΠΎΠΏΡΡΠΊΠ°Π΅Ρ ΡΠΈΡΡΠ΅ΠΌΠ°ΡΠΈΠ·Π°ΡΠΈΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ. Π‘ΠΎΠΌΠ½ΠΈΡΠ΅Π»ΡΠ½ΠΎ, ΡΡΠΎ ΡΡΡΠ΅ΡΡΠ²ΡΠ΅Ρ ΡΠ°ΠΊΠ°Ρ Π·Π°Π΄Π°ΡΠ° Π½Π° Π²Π΅Π±-ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅, ΠΊΠΎΡΠΎΡΠ°Ρ Π±Ρ Π½Π΅ Π΄ΠΎΠΏΡΡΠΊΠ°Π»Π° ΠΎΠ³ΡΠ°Π½ΠΈΡΠ΅Π½ΠΈΠ΅ ΠΎΡ ΡΡΠ΅Ρ -ΡΠ΅ΡΡΡΠ΅Ρ Π΄ΠΎ ΡΠ΅ΠΌΠΈ — Π΄Π΅Π²ΡΡΠΈ ΠΏΡΠ½ΠΊΡΠΎΠ².
Π’Π°ΠΊΠΎΠ΅ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ Π²ΠΌΠ΅ΡΠ°Π΅ΡΡΡ Π² ΡΡΡΠ°Π½ΠΈΡΡ HTML, Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΠΎΠ΅ ΠΌΠ΅Π½Ρ ΠΏΠΎΠ»ΡΡΠ°Π΅ΡΡΡ ΠΊΠΎΠΌΠΏΠ°ΠΊΡΠ½ΡΠΌ ΠΈ ΡΠ΄ΠΎΠ±Π½ΡΠΌ.
ΠΡΠ»ΠΈ ΡΠΎΠ²ΠΌΠ΅ΡΡΠΈΡΡ ΠΈΠ΄Π΅Ρ ΡΠΈΡΡΠ΅ΠΌΠ°ΡΠΈΠ·Π°ΡΠΈΠΈ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ ΠΈ ΡΠΊΡΠΎΠ»Π»ΠΈΠ½Π³Π° ΡΠ΅ΡΠ΅Π· ΠΈΠ΅ΡΠ°ΡΡ ΠΈΡ ΠΊΠ°ΡΠ΅Π³ΠΎΡΠΈΠΉ, ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΅Π°Π»ΠΈΠ·ΠΎΠ²Π°ΡΡ ΠΏΡΠ΅ΠΊΡΠ°ΡΠ½ΡΡ ΠΈΠ΄Π΅Ρ Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΡ Π½Π΅ ΠΏΠΎ ΠΏΡΠ½ΠΊΡΠ°ΠΌΠΈ ΠΌΠ΅Π½Ρ, Π° ΠΏΠΎ ΠΊΠ°ΡΠ΅Π³ΠΎΡΠΈΡΠΌ ΡΠΎΠ·Π΄Π°Π½Π½ΠΎΠΉ ΡΠΈΡΡΠ΅ΠΌΡ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ.
Π€Π°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈ ΡΠ°ΠΉΡ — ΡΡΠΎ ΡΠΈΡΡΠ΅ΠΌΠ°ΡΠΈΠ·ΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠ΅ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ, Π° ΡΡΡΡΠΊΡΡΡΠ° ΡΡΠΎΠ³ΠΎ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΡ — Π΅ΡΡΡ ΠΊΠ°ΡΠ΅Π³ΠΎΡΠΈΠΈ, ΡΠΎ Π΅ΡΡΡ ΠΌΠ΅Π½Ρ.
ΠΡΠ³Π°Π½ΠΈΠ·Π°ΡΠΈΡ ΠΌΠ΅Π½Ρ: ΡΠΏΠΈΡΠΊΠΈ, ΡΠ°Π±Π»ΠΈΡΡ ΠΈ Π΄ΠΈΠ²Ρ
HTML ΠΏΠΎΠ΄ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΠΎΠ΅ ΠΌΠ΅Π½Ρ Π½Π΅ ΠΎΡΠ²ΠΎΠ΄ΠΈΡ Π½ΠΈΠΊΠ°ΠΊΠΎΠ³ΠΎ ΡΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΠΎΠ³ΠΎ ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡΠ°. ΠΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΎΠ±ΡΡΠ½ΡΠ΅ Π΄ΠΈΠ²Ρ (div, span), ΡΠ°Π±Π»ΠΈΡΡ (table, tr, td) ΠΈ ΡΠΏΠΈΡΠΊΠΈ (ul, li). ΠΠΎΡΠ»Π΅Π΄Π½Π΅Π΅ ΡΡΠΈΡΠ°Π΅ΡΡΡ ΡΠ°ΠΌΡΠΌ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΡΠΌ, Π½ΠΎ ΡΠ°ΡΡΠΎ Π²ΡΡΡΠ΅ΡΠ°ΡΡΡΡ ΠΊΠΎΠ½ΡΡΡΡΠΊΡΠΈΠΈ, Π² ΠΊΠΎΡΠΎΡΡΡ Π²ΡΠ΅ ΡΠΌΠ΅ΡΠ°Π½ΠΎ Π² ΠΎΠ΄Π½ΠΎ ΡΠ΅Π»ΠΎΠ΅: ΠΎΠ΄ΠΈΠ½ ΠΏΡΠ½ΠΊΡ ΠΌΠ΅Π½Ρ ΠΌΠΎΠΆΠ΅Ρ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΡΡ ΡΠΎΠ±ΠΎΠΉ ΡΠ°Π±Π»ΠΈΡΡ, Π² ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΡΡΠ΅ΠΉΠΊΠ΅ ΠΏΠΎ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΡ Π΄ΠΈΠ²ΠΎΠ² ΠΈ ΡΠΏΠΈΡΠΎΠΊ Π΄Π»Ρ ΠΎΠΏΠΈΡΠ°Π½ΠΈΡ ΠΏΠΎΠ΄ΡΠ°Π·Π΄Π΅Π»ΠΎΠ².
Π‘ΠΈΠ½ΡΠ°ΠΊΡΠΈΡ HTML/CSS ΠΏΡΠΈ ΡΠΎΠ·Π΄Π°Π½ΠΈΠΈ ΠΏΡΠ½ΠΊΡΠ° ΠΌΠ΅Π½Ρ, Π΅ΡΠ»ΠΈ ΠΎΠ½ ΠΎΡΠ½ΠΎΠ²Π°Π½ Π½Π° Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ Π΄ΠΈΠ²Π°Ρ (Ρ. Π΅. ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ°Ρ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ), ΡΡΠ°Π½ΠΎΠ²ΠΈΡΡΡ ΠΆΠ΅ΡΡΠΊΠΈΠΌ. ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π²Π΅ΠΊΡΠΎΡ Π² ΠΌΠ΅Π½Ρ ΠΈΠ»ΠΈ Π΅Π³ΠΎ ΠΏΡΠ½ΠΊΡΠ΅ Π½Π΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ: Π½Π΅Ρ ΡΠ²ΡΠ·ΠΈ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠΌΡΡΠ»ΠΎΠΌ ΠΌΠ΅Π½Ρ ΠΈ Π»ΠΎΠ³ΠΈΠΊΠΎΠΉ Π²Π΅ΠΊΡΠΎΡΠ° (ΡΠ°ΡΡΡΠ³ΠΈΠ²Π°Π½ΠΈΡ, ΡΠΆΠ°ΡΠΈΡ, ΠΈΠ»ΠΈ ΠΈΠ½ΠΎΠ³ΠΎ ΠΏΡΠΎΠΏΠΎΡΡΠΈΠΎΠ½Π°Π»ΡΠ½ΠΎΠ³ΠΎ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ ΡΠ°Π·ΠΌΠ΅ΡΠ°). ΠΡΡΠ°Π΅ΡΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ°ΡΡΡ, Π° ΡΡΠΎ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ HTML. ΠΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΠΎΠ΅ ΠΌΠ΅Π½Ρ (ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠ΅), Π° ΡΠ°ΠΊΠΆΠ΅:
- Π΄Π»Ρ ΡΠΌΠ°ΡΡΡΠΎΠ½Π° — ΡΠ²ΠΎΠ΅;
- ΡΠ²Π΅Π»ΠΈΡΠ΅Π½Π½ΠΎΠ΅ — Π΄Π»Ρ Π±ΠΎΠ»ΡΡΠΎΠ³ΠΎ ΡΠΊΡΠ°Π½Π°;
- ΠΊΠΎΠ½ΡΡΠ°ΡΡΠ½ΠΎΠ΅ — ΠΊΠΎΠ³Π΄Π° ΠΌΠΎΠ½ΠΈΡΠΎΡ ΡΠΆΠ΅ ΡΡΠ°ΡΠ΅Π½ΡΠΊΠΈΠΉ;
- Π΄Π»Ρ ΡΠ»Π°Π±ΠΎΠ²ΠΈΠ΄ΡΡΠΈΡ ΠΈ ΠΏΡΠΎΡΠΈΠ΅ Π²Π°ΡΠΈΠ°Π½ΡΡ.
Π ΡΡΠΎΠΌ ΠΏΠΎΡΡΠ½Π΅Π½ΠΈΠΈ ΡΡΡΠ΅ΡΡΠ²Π΅Π½Π½ΠΎ ΡΠΎ, ΡΡΠΎ Π½Π΅ ΡΡΠΎΠ»Ρ Π²Π°ΠΆΠ½Π° ΠΎΡΠΈΠ΅Π½ΡΠ°ΡΠΈΡ Π² ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²Π΅ ΠΊΠΎΠ½ΡΡΡΡΠΊΡΠΈΠΉ HTML ΠΏΠΎΡΡΠ΅Π΄ΡΡΠ²ΠΎΠΌ ΠΏΡΠ°Π²ΠΈΠ» CSS, ΡΠΊΠΎΠ»ΡΠΊΠΎ Π²ΡΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΡΠΌΡΡΠ»Π° ΠΏΡΠ½ΠΊΡΠ° ΠΌΠ΅Π½Ρ ΡΠ΅ΡΠ΅Π· ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΠΎΡΡΡ JavaScript.
ΠΠ΄Π΅Ρ: ΡΠΎΠ΄Π΅ΡΠΆΠ°Π½ΠΈΠ΅ ΠΌΠ΅Π½Ρ ΠΈ Π΅Π³ΠΎ ΠΏΡΠ½ΠΊΡΠΎΠ² ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΡΡ, ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°ΡΡ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΠΎΠ΅ ΠΌΠ΅Π½Ρ Π² HTML, Π° Π½Π΅ ΠΆΠ΅ΡΡΠΊΡΡ ΠΊΠΎΠ½ΡΡΡΡΠΊΡΠΈΡ ΡΠ°ΠΌΠΎΠ³ΠΎ ΠΎΠΏΡΠΈΠΌΠ°Π»ΡΠ½ΠΎΠ³ΠΎ ΡΠΎΡΠ΅ΡΠ°Π½ΠΈΡ ul, li, div, table ΠΈ Ρ.Π΄.
ΠΡΠ΅Π³Π΄Π° Π²Π°ΠΆΠ΅Π½ ΡΠΌΡΡΠ», Π° Π½Π΅ ΠΆΠ΅ΡΡΠΊΠ°Ρ ΠΊΠΎΠ½ΡΡΡΡΠΊΡΠΈΡ. Π‘ΠΌΡΡΠ» Π²ΡΠ΅Π³Π΄Π° ΠΌΠΎΠΆΠ½ΠΎ Π΄Π΅Π»Π΅Π³ΠΈΡΠΎΠ²Π°ΡΡ ΠΎΡ ΡΠ΅ΡΠ²Π΅ΡΠ° ΡΠ΅ΡΠ΅Π· AJAX Π±ΡΠ°ΡΠ·Π΅ΡΡ, Π³Π΄Π΅ ΡΡΠ½ΠΊΡΠΈΡ JavaScript ΠΎΡΠΎΡΠΌΠΈΡ Π΅Π³ΠΎ Π² Π½ΡΠΆΠ½ΡΠΉ HTML-ΡΠ΅Π³ ΠΈ ΠΏΡΠΈΡΡΠ°Π²ΠΈΡ ΠΊ Π½Π΅ΠΌΡ ΠΏΡΠ°Π²ΠΈΠ»ΠΎ CSS, ΠΊΠΎΡΠΎΡΠΎΠ΅ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΠΈΡ ΠΌΠ΅ΡΡΠΎ, ΡΠ°Π·ΠΌΠ΅Ρ ΠΈ ΡΠ²Π΅ΡΠΎΠ²ΠΎΠ΅ ΡΠ΅ΡΠ΅Π½ΠΈΠ΅ ΠΌΠ΅Π½Ρ (ΠΏΡΠ½ΠΊΡΠ° ΠΌΠ΅Π½Ρ).
ΠΠΈΡΡΡΠ°Π»ΡΠ½ΠΎΠ΅ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΠΎΠ΅ ΠΌΠ΅Π½Ρ (HTML, CSS, JS)
Google — Π±Π΅ΡΡΠΏΠΎΡΠ½ΡΠΉ Π»ΠΈΠ΄Π΅Ρ Π² ΠΏΠΎΠΈΡΠΊΠ΅ ΠΈ Π½Π΅ ΡΠΎΠ»ΡΠΊΠΎ. ΠΠ΄Π΅Ρ Π΄ΠΈΠ½Π°ΠΌΠΈΡΠ½ΠΎΠ³ΠΎ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ ΠΌΠ΅Π½Ρ ΠΏΠΎΡΠ²ΠΈΠ»Π°ΡΡ Π΄Π°Π²Π½ΠΎ, Π½ΠΎ ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΡ Google — ΡΠ°ΠΌΠ°Ρ ΠΏΡΠΎΡΡΠ°Ρ Π² Π½Π°Π³Π»ΡΠ΄Π½ΠΎΠΉ ΠΈΠ½ΡΠ΅ΡΠΏΡΠ΅ΡΠ°ΡΠΈΠΈ.
ΠΠ΄Π΅ΡΡ Π½Π΅Ρ Π½ΠΈΠΊΠ°ΠΊΠΎΠ³ΠΎ Π΅ΠΌΠΊΠΎΠ³ΠΎ CSS, Π½Π΅ Π²ΡΡΠ°ΠΆΠ΅Π½ΠΎ ΡΡΠ°ΡΡΠΈΠ΅ JavaScript, Π½ΠΎ ΠΏΠΎΠΈΡΠΊ ΡΠ΅ΡΠ΅Π· ΠΊΠ»Π°ΡΡΠΈΡΠ΅ΡΠΊΠΎΠ΅ Β«ΠΏΠΎΠ³ΡΠ³Π»ΠΈΡΡΒ» ΠΎΠ±ΡΡΠ»ΠΎΠ²Π»Π΅Π½ Π½Π΅ ΡΠΎΠ»ΡΠΊΠΎ Π»Π°Π²ΡΠ°ΠΌΠΈ Π»ΠΈΠ΄Π΅ΡΠ°, Π½ΠΎ ΠΈ ΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈΠΌ ΠΈΡΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ΠΌ.
ΠΠ΅ΡΠ΅Ρ ΠΎΠ΄ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΠΎΠ³ΠΎ ΠΌΠ΅Π½Ρ Π½Π° HTML ΡΠ΅Π³Π°Ρ ΠΈΠ· ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΡΠΌΡΡΠ»Π° Π² ΡΠΌΡΡΠ», ΠΎΠ±ΡΡΠ»ΠΎΠ²Π»Π΅Π½Π½ΡΠΉ ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠ°ΠΌΠΈ ΠΏΠΎΠΈΡΠΊΠ°, — Ρ ΠΎΡΠΎΡΠ΅Π΅ ΡΠ΅ΡΠ΅Π½ΠΈΠ΅.
Π‘ΠΊΠΎΡΠ΅Π΅ Π²ΡΠ΅Π³ΠΎ, ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΈ Google ΠΈΠΌΠ΅Π»ΠΈ Π²Π²ΠΈΠ΄Ρ ΡΠΎΠ²Π΅ΡΡΠ΅Π½Π½ΠΎ ΠΈΠ½ΠΎΠ΅, Π½ΠΎ ΡΡΠ΄ΠΎΠ²ΠΎΠΉ ΠΏΠΎΡΠ΅ΡΠΈΡΠ΅Π»Ρ ΠΏΡΠΈΠ²ΡΠΊ ΠΊ ΡΠ²ΠΎΠ΅ΠΌΡ ΠΏΠΎΠ½ΠΈΠΌΠ°Π½ΠΈΡ Π»ΠΎΠ³ΠΈΠΊΠΈ ΠΏΠΎΠΈΡΠΊΠ°, ΠΏΠΎΠ½ΡΡΠΈΡ ΠΊΠΎΠΌΡΠΎΡΡΠ° ΠΈ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ ΠΏΠΎΠΈΡΠΊΠΎΠ²ΠΎΠΉ ΠΌΠ°ΡΠΈΠ½ΠΎΠΉ. ΠΡΠΈΠ²ΡΡΠΊΠ° ΡΠ»ΠΎΠΆΠΈΠ»Π°ΡΡ Π² ΠΎΠ±ΡΡΠ°ΠΉ, ΠΈ ΡΠΆΠ΅ Π΄Π°Π»Π΅ΠΊΠΎ Π½Π΅ ΠΏΠ΅ΡΠ²ΠΎΠ΅ ΠΏΠΎΠΊΠΎΠ»Π΅Π½ΠΈΠ΅ ΠΈΡΠΊΠ°ΡΠ΅Π»Π΅ΠΉ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ ΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π½ΠΈΠΌ.
ΠΠΎΡΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΠΏΡΠΈΠ²ΡΡΠΊΠΈ Ρ ΠΏΠΎΡΠ΅ΡΠΈΡΠ΅Π»Π΅ΠΉ — ΡΡΡΠ΄ΠΎΠ΅ΠΌΠΊΠΈΠΉ ΠΏΡΠΎΡΠ΅ΡΡ, Π½ΠΎ ΠΊΠΎΠ³Π΄Π° ΠΎΠ½ ΡΠ΄Π°Π»ΡΡ — ΡΡΠΈΠΌ ΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ, Π° Π½Π΅ ΠΏΡΠ΅Π΄Π»Π°Π³Π°ΡΡ ΠΊΠ°ΡΠ΄ΠΈΠ½Π°Π»ΡΠ½ΠΎ Π½ΠΎΠ²ΡΠ΅ Π΄ΠΎΠΊΡΡΠΈΠ½Ρ. ΠΠ΅Π»ΡΠ·Ρ Π½Π°ΡΡΡΠΈΡΡ ΠΏΡΠ°Π²ΠΈΠ»Π° ΠΈ ΡΡΠΎΡΠΌΠΈΡΠΎΠ²Π°Π½Π½ΡΠ΅ Π½Π°Π²ΡΠΊΠΈ.
ΠΡΠ»ΠΈ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊ HTML/CSS/JS ΡΠΌΠ΅Π½ΠΈΡ ΡΠ΅Ρ Π½ΠΈΠΊΡ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΌΠ΅Π½Ρ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΠΎΠ³ΠΎ Π½Π° Π»ΠΎΠ³ΠΈΠΊΡ ΠΌΠ΅Π½Ρ ΠΎΡΠΌΡΡΠ»Π΅Π½Π½ΠΎΠ³ΠΎ, Π½Π°Π΄Π΅Π»Π΅Π½Π½ΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌΠΈ ΡΠ΅Π°Π»ΡΠ½ΠΎΡΡΠΈ, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π΅Π³ΠΎ ΡΠ°ΠΉΡ ΠΏΠΎΠ»ΡΡΠΈΡ ΠΈΠ½ΡΡ Π°ΡΠ΄ΠΈΡΠΎΡΠΈΡ ΠΏΠΎΡΠ΅ΡΠΈΡΠ΅Π»Π΅ΠΉ ΠΈ ΡΠΎΠ²Π΅ΡΡΠ΅Π½Π½ΠΎ ΠΈΠ½ΠΎΠΉ ΡΠ΅ΠΉΡΠΈΠ½Π³ ΡΡΠ΅Π΄ΠΈ ΠΏΠΎΠ΄ΠΎΠ±Π½ΡΡ .
ΠΠ°ΠΊ ΡΠΎΠ·Π΄Π°ΡΡ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΡΡ ΠΏΠ°Π½Π΅Π»Ρ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΈ Π² HTML ΠΈ CSS?
/ * ΠΠ΄Π΅ΡΡ Ρ ΡΠ΄Π΅Π»Π°Π» Margin ΠΈ Padding 0 */999999999967/ * ΠΠΠΠ‘Π¬. ΠΏΠΎΠ»Ρ: 0; > |
ΠΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½Π°Ρ ΡΡΡΠΎΠΊΠ° ΠΌΠ΅Π½Ρ Π² HTML
Π HTML Ρ Π½Π°Ρ Π΅ΡΡΡ Π΄ΡΡΠ³ΠΎΠΉ Π½Π°Π±ΠΎΡ ΡΡΠ½ΠΊΡΠΈΠΉ Π΄Π»Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ Π²ΡΠ΄Π΅Π»Π΅Π½Π½ΡΡ ΠΈ Π±ΠΎΠ»Π΅Π΅ ΠΏΡΠΈΠ²Π»Π΅ΠΊΠ°ΡΠ΅Π»ΡΠ½ΡΡ Π΄Π»Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ. ΠΡ ΡΠΆΠ΅ ΠΎΠ±ΡΡΠΆΠ΄Π°Π»ΠΈ Π² ΠΏΡΠ΅Π΄ΡΠ΄ΡΡΠ΅ΠΉ ΡΡΠ°ΡΡΠ΅ ΠΏΠΎΠ»ΠΎΡΡ ΠΏΡΠΎΠΊΡΡΡΠΊΠΈ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, ΡΠΎ ΠΆΠ΅ ΡΠ°ΠΌΠΎΠ΅ Π² ΡΡΡΠΎΠΊΠ°Ρ ΠΌΠ΅Π½Ρ ΡΠ°ΠΊΠΆΠ΅ ΠΈΠΌΠ΅Π΅Ρ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ, ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΠ΅ΠΌΡΠ΅ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ. ΠΠ°ΠΊ ΠΏΡΠ°Π²ΠΈΠ»ΠΎ, ΡΡΡΠΎΠΊΠ° ΠΌΠ΅Π½Ρ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ ΠΊΠ»Π°ΡΡΠΈΡΠΈΡΠΈΡΠΎΠ²Π°ΡΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ ΠΈ ΠΏΠΎΠ²ΡΡΠ°Π΅Ρ ΡΠ΄ΠΎΠ±ΠΎΡΠΈΡΠ°Π΅ΠΌΠΎΡΡΡ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ. Π§ΡΠΎΠ±Ρ ΡΡΠ°ΡΡ Π±ΠΎΠ»Π΅Π΅ ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΡΠΌ Π² ΡΡΡΠΎΠΊΠ΅ ΠΌΠ΅Π½Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ, Π²Π°ΠΌ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ ΡΠ°ΠΌΡΠΉ ΠΏΡΠΎΡΡΠΎΠΉ ΡΠΏΠΎΡΠΎΠ±. ΠΠΎΠ»ΠΎΡΡ ΠΏΡΠΎΠΊΡΡΡΠΊΠΈ ΠΈΠΌΠ΅ΡΡ ΠΊΠ°ΠΊ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΡΠ΅, ΡΠ°ΠΊ ΠΈ Π²Π΅ΡΡΠΈΠΊΠ°Π»ΡΠ½ΡΠ΅ ΡΠΈΠΏΡ, ΡΠ°ΠΊΠΈΠ΅ ΠΆΠ΅, ΠΊΠ°ΠΊ ΠΈ Π² ΠΏΠΎΠ»ΠΎΡΠ°Ρ ΠΌΠ΅Π½Ρ, Π° ΡΠ°ΠΊΠΆΠ΅ ΠΎΠ±Π΅ Π²Π΅ΡΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°ΠΌΠΈ. ΠΡ ΡΠ²ΠΈΠ΄ΠΈΠΌ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΠΎΡΡΠΈ Π² ΠΏΡΠΈΠ²Π΅Π΄Π΅Π½Π½ΡΡ Π½ΠΈΠΆΠ΅ ΠΊΠΎΠ½ΡΠ΅ΠΏΡΠΈΡΡ .
Π‘ΠΈΠ½ΡΠ°ΠΊΡΠΈΡ:
ΠΡΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠΈ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΡΡ /Π²Π΅ΡΡΠΈΠΊΠ°Π»ΡΠ½ΡΡ ΡΡΡΠΎΠΊ ΠΌΠ΅Π½Ρ ΠΌΡ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ CSS Π΄Π»Ρ ΠΎΡΡΠ°ΠΆΠ΅Π½ΠΈΡ ΡΡΠΈΠ»Π΅ΠΉ Π²ΠΎ Π²ΡΠ΅Ρ ΡΠ°ΡΡΡΡ HTML-ΡΡΡΠ°Π½ΠΈΡ. ΠΠ°ΠΊ ΠΏΡΠ°Π²ΠΈΠ»ΠΎ, ΠΏΠ°Π½Π΅Π»ΠΈ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΈ Π½ΡΠΆΠ΄Π°ΡΡΡΡ Π² Π½Π΅ΠΊΠΎΡΠΎΡΠΎΠΌ ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΠΎΠΌ HTML Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΠΎΡΠ½ΠΎΠ²Ρ Π΄Π»Ρ ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΠΈ Π΄ΠΎΡΠ΅ΡΠ½ΠΈΡ ΠΈΠ»ΠΈ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄Π½ΡΡ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠΎΠ². ΠΠ°Π½Π΅Π»ΠΈ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΈ ΠΈΠ»ΠΈ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΡΠ΅ ΠΏΠ°Π½Π΅Π»ΠΈ Π² ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΌ ΡΠΎΠ΄Π΅ΡΠΆΠ°Ρ ΡΠΏΠΈΡΠΎΠΊ ΡΡΡΠ»ΠΎΠΊ, ΠΏΠΎΡΡΠΎΠΌΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ²
- ΡΠ²Π»ΡΠ΅ΡΡΡ ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡΠΎΠΌ Π΄Π»Ρ ΠΏΡΠΈΠ²Π΅Π΄Π΅Π½Π½ΡΡ
Π½ΠΈΠΆΠ΅ ΠΎΡΠ½ΠΎΠ².
<ΡΡΠΈΠ»Ρ> ΡΠ» { } li ΠΈΠΌΡ_ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΠΎΠΉ: hover { }<ΡΠ΅Π»ΠΎ> <ΡΠ»>
ΠΡΠΈΠ²Π΅Π΄Π΅Π½Π½ΡΠΉ Π²ΡΡΠ΅ ΠΊΠΎΠ΄ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠΎΠ±ΠΎΠΉ ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΉ ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΠΎΠΉ ΡΡΡΠΎΠΊΠΈ ΠΌΠ΅Π½Ρ.
ΠΡΠΈΠΌΠ΅ΡΡ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΠΎΠΉ ΡΡΡΠΎΠΊΠΈ ΠΌΠ΅Π½Ρ Π² HTML
ΠΡ ΡΠ°ΡΡΠΌΠΎΡΡΠ΅Π»ΠΈ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΏΡΠΈΠΌΠ΅ΡΠΎΠ² Π΄Π»Ρ Π»ΡΡΡΠ΅Π³ΠΎ ΠΏΠΎΠ½ΠΈΠΌΠ°Π½ΠΈΡ ΠΊΠΎΠ½ΡΠ΅ΠΏΡΠΈΠΉ.
ΠΡΠΈΠΌΠ΅Ρ β1
ΠΠΎΠ΄:
<Π³ΠΎΠ»ΠΎΠ²Π°> <ΡΡΠΈΠ»Ρ> ΡΠ» { ΠΏΠΎΠ»Π΅: 5; Π½Π°Π±ΠΈΠ²ΠΊΠ°: 5; ΡΠ²Π΅Ρ ΡΠΎΠ½Π°: Π·Π΅Π»Π΅Π½ΡΠΉ; } Π»ΠΈ { ΠΏΠ»ΡΡΡ Π½Π°Π»Π΅Π²ΠΎ; } Π»ΠΈ v { Π±Π΅Π»ΡΠΉ ΡΠ²Π΅Ρ; Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ°: ΠΏΠΎ ΡΠ΅Π½ΡΡΡ; Π½Π°Π±ΠΈΠ²ΠΊΠ°: 5; } ΠΆΠΈΡΡ v:Π½Π°Π²Π΅Π΄ΠΈΡΠ΅ { ΡΠ²Π΅Ρ ΡΠΎΠ½Π°: #111; } .Π°ΠΊΡΠΈΠ² { ΡΠ²Π΅Ρ ΡΠΎΠ½Π°: Π·Π΅Π»Π΅Π½ΡΠΉ; } <ΡΠ΅Π»ΠΎ> <ΡΠ»>
ΠΡΠΈΠΌΠ΅Ρ Π²ΡΠ²ΠΎΠ΄Π°:
Π ΠΏΡΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΌ Π²ΡΡΠ΅ ΠΏΡΠΈΠΌΠ΅ΡΠ΅ ΠΌΡ Π±ΡΠ΄Π΅ΠΌ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΠΌΠ΅Π½Ρ Π² Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΠΎΠΌ Π²ΠΈΠ΄Π΅ ΠΏΡΠΈ ΡΠΎΠ·Π΄Π°Π½ΠΈΠΈ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ. ΠΠ°ΠΊ ΠΏΡΠ°Π²ΠΈΠ»ΠΎ, ΠΌΡ Π²ΠΈΠ΄ΠΈΠΌ ΡΠΎΠ»ΡΠΊΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΠΌΠ΅Π½Ρ Π² Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ, ΠΏΠΎΡΠΎΠΌΡ ΡΡΠΎ Π·Π΄Π΅ΡΡ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΡΡΡ Π½Π°ΡΡΡΠ°ΠΈΠ²Π°Π΅ΠΌΡΠΉ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΌ Π²ΠΈΠ΄.
ΠΡΠΈΠΌΠ΅Ρ #2
ΠΠΎΠ΄:
<ΡΠ΅Π»ΠΎ> <Ρ> ΠΠ»Π°Π²Π½Π°Ρ Π Π½Π°Ρ ΠΠΎΠ½ΡΠ°ΠΊΡ
ΠΡΠΈΠΌΠ΅Ρ Π²ΡΠ²ΠΎΠ΄Π°:
ΠΡΠΎΡΠΎΠΉ ΠΏΡΠΈΠΌΠ΅Ρ Π°Π½Π°Π»ΠΎΠ³ΠΈΡΠ΅Π½ ΠΏΠ΅ΡΠ²ΠΎΠΌΡ, Π½ΠΎ Π·Π΄Π΅ΡΡ ΠΌΡ Π½Π΅ Π±ΡΠ΄Π΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΡΠΈΠ»ΠΈ CSS Π² Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°Ρ HTML. Π’Π΅Π³
ΠΡΠΈΠΌΠ΅Ρ #3
ΠΠΎΠ΄:
<Π³ΠΎΠ»ΠΎΠ²Π°> <ΡΡΠΈΠ»Ρ> ΡΠ» { ΠΏΠΎΠ»Π΅: 5; Π½Π°Π±ΠΈΠ²ΠΊΠ°: 5; ΡΠ²Π΅Ρ ΡΠΎΠ½Π°: #333; } Π»ΠΈ { ΠΏΠ»ΡΡΡ Π½Π°Π»Π΅Π²ΠΎ; } Π»ΠΈ v { Π±Π΅Π»ΡΠΉ ΡΠ²Π΅Ρ; Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ°: ΠΏΠΎ ΡΠ΅Π½ΡΡΡ; Π½Π°Π±ΠΈΠ²ΠΊΠ°: 5; } li v:hover:not(.active) { ΡΠ²Π΅Ρ ΡΠΎΠ½Π°: #111; } .Π°ΠΊΡΠΈΠ² { ΡΠ²Π΅Ρ ΡΠΎΠ½Π°: #4CAF50; } <ΡΠ΅Π»ΠΎ> <ΡΠ»>
ΠΡΠΈΠΌΠ΅Ρ Π²ΡΠ²ΠΎΠ΄Π°:
ΠΠ΅ΠΊΠΎΡΠΎΡΡΠ΅ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΡΠ΅ ΡΠΈΠΏΡ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΠΎΠ³ΠΎ ΠΌΠ΅Π½Ρ:
ΠΠ°ΠΆΠ΄Π°Ρ ΡΡΠ½ΠΊΡΠΈΡ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠΎΠ±ΠΎΠΉ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ Π½Π°Π±ΠΎΡΠΎΠ² Π΄Π»Ρ ΡΠ°Π·Π»ΠΈΡΠ½ΡΡ ΡΡΠ΅Π½Π°ΡΠΈΠ΅Π². Π§ΡΠΎ-ΡΠΎ Π² Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΡΡ ΠΌΠ΅Π½Ρ Π±ΡΠ»ΠΎ ΡΠΈΡΡΡΠΌ CSS, Π° ΡΠ°ΠΊΠΆΠ΅ ΠΎΠ½ΠΈ Π±ΡΠ΄ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ javascript, ΡΡΠΎΠ±Ρ ΡΠ±Π΅Π΄ΠΈΡΡΡΡ, ΡΡΠΎ ΠΎΠ½ΠΈ ΠΎΡΠ·ΡΠ²ΡΠΈΠ²Ρ ΠΈ ΡΠ°Π±ΠΎΡΠ°ΡΡ Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ ΡΡΡΡΠΎΠΉΡΡΠ²Π°Ρ .
ΠΠ΅ΠΊΠΎΡΠΎΡΡΠ΅ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΡΠ΅ Π½Π°Π²ΠΈΠ³Π°ΡΠΎΡΡ ΡΠ°Π±ΠΎΡΠ°ΡΡ ΠΎΡΠ»ΠΈΡΠ½ΠΎ, Π° Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΡΡΠ½ΠΊΡΠΈΠΈ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°ΡΡΡΡ Π² ΡΡΠ΅Π½Π°ΡΠΈΡΡ , Π° ΡΠ°ΠΊΠΆΠ΅ Π²ΠΎΠ·Π½ΠΈΠΊΠ°ΡΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ Ρ ΡΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΠΎΡΡΡΡ Π±ΡΠ°ΡΠ·Π΅ΡΠ°. Π Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ Π²Π΅Π±-ΡΠ°ΠΉΡΠΎΠ² Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½Π°Ρ ΠΏΠ°Π½Π΅Π»Ρ ΠΎΡΠ»ΠΈΡΠ½ΠΎ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΠΈΡ Π΄Π»Ρ ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΠΈΡΡΠΈΡΠ΅ΡΠΊΠΎΠ³ΠΎ Π²ΠΈΠ΄Π°, Π° ΡΠ°ΠΊΠΆΠ΅ Ρ ΠΎΡΠΎΡΠΎ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ, ΡΡΠΎΠ±Ρ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²ΠΈΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΠΏΡΠΎΡΡΠΎΠ΅ ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²ΠΎ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ° Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΈ.
ΠΡΠ·ΡΠ²ΡΠΈΠ²ΠΎΠ΅ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΠΎΠ΅ ΠΌΠ΅Π½Ρ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΈ Π² ΠΎΡΠ°Π½ΠΆΠ΅Π²ΠΎΠΌ ΡΠ²Π΅ΡΠ΅:
ΠΡΠΎ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· ΡΠΈΠΏΠΎΠ² Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΠΎΠ³ΠΎ ΠΌΠ΅Π½Ρ, ΡΡΠΎ Π»Π΅Π³ΠΊΠΎΠ΅, ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΠΈΡΡΠΈΡΠ½ΠΎΠ΅ ΠΌΠ΅Π½Ρ Ρ ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ ΡΠΈΡΡΡΠΌΠΈ ΡΡΠΈΠ»ΡΠΌΠΈ CSS. ΠΠ΅Π½Ρ ΡΠ°ΠΊΠΆΠ΅ ΠΎΡΠ·ΡΠ²ΡΠΈΠ²ΠΎ ΠΈ ΡΡΠ°Π½ΡΡΠΎΡΠΌΠΈΡΡΠ΅ΡΡΡ Π² Π²Π΅ΡΡΠΈΠΊΠ°Π»ΡΠ½ΡΠΉ ΡΠΈΠΏ ΠΌΠ΅Π½Ρ Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΠΎΠΌ ΡΡΡΡΠΎΠΉΡΡΠ²Π΅, ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ ΠΏΡΠΎΡΠΌΠΎΡΡ Π½Π° ΠΌΠ°Π»Π΅Π½ΡΠΊΠΈΡ ΡΠΊΡΠ°Π½Π°Ρ Π΄Π»Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ ΡΡΡΡΠΎΠΉΡΡΠ². ΠΠ° ΡΠ°Π±ΠΎΡΠ΅ΠΌ ΡΡΠΎΠ»Π΅ ΠΎΠ½ΠΈ Π½ΠΈΡΠ΅Π³ΠΎ Π½Π΅ ΠΈΠ·ΠΌΠ΅Π½ΡΡ, ΠΎΠ½ Π±ΡΠ΄Π΅Ρ ΡΠ°Π±ΠΎΡΠ°ΡΡ ΡΠΎΠ»ΡΠΊΠΎ Π½Π° ΡΠΊΡΠ°Π½Π°Ρ Π²Π΅Π±-Π±ΡΠ°ΡΠ·Π΅ΡΠ°, Π° ΡΠ°ΠΊΠΆΠ΅ Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ ΡΠ΅Π»Π΅ΡΠΎΠ½Π°Ρ .
ΠΡΠΈΠΌΠ΅Ρ:
<Π³ΠΎΠ»ΠΎΠ²Π°>