ΠΠ°ΠΊ ΡΠ΄Π΅Π»Π°ΡΡ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ Ρ html ΠΈ css
Π― Ρ ΠΎΡΡ ΠΏΡΠΈΠΌΠ΅Π½ΠΈΡΡ 3 Π²ΠΊΠ»Π°Π΄ΠΊΠΈ Π΄Π»Ρ ΠΎΠ±ΡΠ΅Π³ΠΎ ΡΠΏΠΎΡΠΎΠ±Π° ΡΠ°Π·Π±ΠΈΠ΅Π½ΠΈΡ ΡΠΏΠΈΡΠΊΠΎΠ². ΠΠ°ΠΊ Ρ ΠΌΠΎΠ³Ρ ΡΠ»ΡΡΡΠΈΡΡ ΡΠ²ΠΎΠΉ Π²ΠΈΠ΄, Π° ΡΠ°ΠΊΠΆΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΡΠΏΠΎΡΠΎΠ±, ΠΊΠΎΡΠΎΡΡΠΌ Π²ΠΊΠ»Π°Π΄ΠΊΠ° Π²ΡΡ ΠΎΠ΄ΠΈΡ Π½Π° ΠΏΠ΅ΡΠ΅Π΄Π½ΠΈΠΉ ΠΏΠ»Π°Π½, ΠΊΠ°ΠΊ Π² ΡΡΡΠ»ΠΊΠ΅? Π― ΠΌΠΎΠ³ Π±Ρ ΠΏΡΠΎΡΠΈΡΠ°ΡΡ html / css ΠΏΠΎ ΡΡΡΠ»ΠΊΠ΅, ΡΡΠΎΠ±Ρ ΡΠ·Π½Π°ΡΡ, ΠΊΠ°ΠΊ ΠΎΠ½ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°Π΅ΡΡΡ ΠΌΠ΅ΠΆΠ΄Ρ ΡΡΠ΅ΠΌΡ ΠΊΠ°ΡΠ΅Π³ΠΎΡΠΈΡΠΌΠΈ ΠΈ Π±ΠΎΠ»ΡΡΠ΅ ΠΏΠΎΡ ΠΎΠΆ Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΠΈ, ΡΠ΅ΠΌ ΠΌΠΎΠΈ ΡΡΠΈΠ»ΠΈΡ.
Π’ΡΡΠ΄Π½ΠΎΡΡΡ Π΄Π»Ρ ΠΌΠ΅Π½Ρ Π·Π°ΠΊΠ»ΡΡΠ°Π΅ΡΡΡ Π² ΡΡΠΈΠ»ΠΈΠ·Π°ΡΠΈΠΈ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ Ρ ΠΈΠΌΠ΅Π½Π°ΠΌΠΈ Β«AllΒ», Β«PrivateΒ», Β«CompanyΒ». ΠΠ΅ ΠΌΠΎΠ³Π»ΠΈ Π±Ρ Π²Ρ ΠΌΠ½Π΅ ΠΏΠΎΠΌΠΎΡΡ? ΠΠΎΠΉ ΡΠ°ΠΉΡ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅Ρ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡ http get f=c Π΄Π»Ρ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΡ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ ΠΈ f=p Π΄Π»Ρ ΡΠ°ΡΡΠ½ΠΎΠ³ΠΎ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΡ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎ Π²ΡΠ±ΠΈΡΠ°Π΅Ρ ΠΏΠΎΠ΄ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ apprioriate, Π½ΠΎ Π½Π° Π΄Π°Π½Π½ΡΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ Π½Π΅ ΠΌΠ΅Π½ΡΠ΅Ρ ΠΌΠ°ΠΊΠ΅Ρ, ΠΊΠΎΡΠΎΡΡΠΉ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π²ΡΠ³Π»ΡΠ΄Π΅ΡΡ Π±ΠΎΠ»Π΅Π΅ ΠΏΡΠΎΡΠ΅ΡΡΠΈΠΎΠ½Π°Π»ΡΠ½ΠΎ.
ΠΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠ΅: Π²ΡΡΠ΅ΡΠΊΠ°Π·Π°Π½Π½ΠΎΠ΅ Π²ΡΠ³Π»ΡΠ΄Π΅Π»ΠΎ ΡΠΆΠ°ΡΠ½ΠΎ, ΠΏΠΎΡΡΠΎΠΌΡ Ρ ΡΡΠΈΠ»ΠΈΠ·ΠΎΠ²Π°Π» Π΅Π³ΠΎ ΠΈ Ρ ΠΎΡΡ ΡΠ°ΠΊΠΆΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π΄ΠΈΠ½Π°ΠΌΠΈΠΊΡ Ρ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠΎΠΌ tabs URL.
html css webΠΠΎΠ΄Π΅Π»ΠΈΡΡΡΡ ΠΡΡΠΎΡΠ½ΠΈΠΊ Niklas R.

2 ΠΎΡΠ²Π΅ΡΠ°
- CSS HTML: ΠΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΡΠ΅ ΠΠΊΠ»Π°Π΄ΠΊΠΈ
Π£ ΠΌΠ΅Π½Ρ Π΅ΡΡΡ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ HTML ΠΈ CSS, ΠΊΠΎΡΠΎΡΡΠ΅ Π² ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΌ Π΄Π΅Π»Π°ΡΡ ΡΠΎ, ΡΠ΅Π³ΠΎ Ρ ΠΏΡΡΠ°ΡΡΡ Π΄ΠΎΡΡΠΈΡΡ. fiddle Π·Π΄Π΅ΡΡ: http://jsfiddle.net/8YX7M/ . Π§ΡΠΎ ΠΌΠ½Π΅ Π΄Π΅ΠΉΡΡΠ²ΠΈΡΠ΅Π»ΡΠ½ΠΎ Ρ ΠΎΡΠ΅Π»ΠΎΡΡ Π±Ρ, ΡΠ°ΠΊ ΡΡΠΎ ΠΏΡΠΈΠΊΡΠ΅ΠΏΠΈΡΡ Π³ΡΠ°Π½ΠΈΡΡ ΡΡΡΠ°Π½ΠΈΡΡ ΠΊ Π²ΠΊΠ»Π°Π΄ΠΊΠ°ΠΌ ΡΠ°ΠΊ, ΡΡΠΎΠ±Ρ Π²ΡΠ±ΡΠ°Π½Π½Π°Ρ Π²ΠΊΠ»Π°Π΄ΠΊΠ° Π±ΡΠ»Π° ΠΏΡΠΎΡΡΠΎ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΠ΅ΠΌ ΡΡΡΠ°Π½ΠΈΡΡ, Π² ΡΠΎ Π²ΡΠ΅ΠΌΡ ΠΊΠ°ΠΊβ¦
- Π‘Π΄Π΅Π»Π°ΡΡ Ρ
ΡΠΎΠΌ, ΠΊΠ°ΠΊ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΡΠ°Π·ΠΌΠ΅Ρ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ Ρ ΡΠΈΡΡΠΎ css
Π― ΠΏΡΡΠ°ΡΡΡ ΡΠΎΠ·Π΄Π°ΡΡ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ, ΡΠ°Π·ΠΌΠ΅Ρ ΠΊΠΎΡΠΎΡΡΡ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΠΏΠΎΡ ΠΎΠΆ Π½Π° ΡΠΎ, ΠΊΠ°ΠΊ ΡΡΠΎ Π΄Π΅Π»Π°Π΅Ρ Chrome tabs. ΠΠΎ Ρ Π½Π΅ ΡΠ²Π΅ΡΠ΅Π½, ΠΊΠ°ΠΊ ΠΈ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ Π»ΠΈ Π²ΠΎΠΎΠ±ΡΠ΅ ΠΎΠ±ΠΎΠΉΡΠΈΡΡ Π±Π΅Π· JavaScript. ΠΠ΅Π½Ρ Π½Π΅ Π²ΠΎΠ»Π½ΡΠ΅Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° Π±ΡΠ°ΡΠ·Π΅ΡΠ°, Ρ ΡΠΎΠ»ΡΠΊΠΎ Ρ ΠΎΡΡ ΠΏΠΎΡΠΌΠΎΡΡΠ΅ΡΡ, ΠΌΠΎΠΆΠ½ΠΎ Π»ΠΈ ΡΡΠΎ ΡΠ΄Π΅Π»Π°ΡΡ Ρ ΡΠΈΡΡΡΠΌΠΈ html ΠΈ css/css3. ΠΠΎΡ ΡΠΏΠ΅ΡΠΈΡΠΈΠΊΠ°ΡΠΈΡ: ΠΠΊΠ»Π°Π΄ΠΊΠΈβ¦
4
ΠΡ ΠΎΡΠ΅Π½Ρ Π±Π»ΠΈΠ·ΠΊΠΈ. ΠΡΠΌΠ΅ΡΡΡΠ΅ Π°ΠΊΡΠΈΠ²Π½ΡΡ Π²ΠΊΠ»Π°Π΄ΠΊΡ ΠΊΠ»Π°ΡΡΠΎΠΌ css, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ <li>
, Π° Π·Π°ΡΠ΅ΠΌ Π½Π°Π·Π½Π°ΡΡΡΠ΅ ΡΡΠΎΠΌΡ ΠΊΠ»Π°ΡΡΡ Π΄ΡΡΠ³ΠΎΠΉ ΡΠ²Π΅Ρ ΡΠΎΠ½Π° (Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, Π±Π΅Π»ΡΠΉ) ΠΈ ΠΎΡΡΡΡΡΡΠ²ΠΈΠ΅ Π½ΠΈΠΆΠ½Π΅ΠΉ Π³ΡΠ°Π½ΠΈΡΡ. Π’ΠΎΠ³Π΄Π° ΠΎΠ½ Π±ΡΠ΄Π΅Ρ ΠΊΠ°Π·Π°ΡΡΡΡ ΡΠ»ΠΈΠ²Π°ΡΡΠΈΠΌΡΡ Ρ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΡΠΌ Π²Π½ΠΈΠ·Ρ.
ΠΠΎΠ΄Π΅Π»ΠΈΡΡΡΡ Tak
2
ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ jQueryUI Π²ΠΊΠ»Π°Π΄ΠΎΠΊ ΡΠΌΠΎΡΡΠΈΡΠ΅ Π΄Π΅ΠΌΠΎ Π·Π΄Π΅ΡΡ
ΠΏΡΠΎΡΡΠΎΡΠ° Π² ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠΈ, ΠΏΡΠΎΡΡΠΎΡΠ° ΡΡΠΈΠ»Ρ, Π²ΡΡ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΠΎΡΡΡ, ΠΊΠΎΡΠΎΡΡΡ Π²Ρ ΠΌΠΎΠ³Π»ΠΈ Π±Ρ ΠΏΠΎΠΆΠ΅Π»Π°ΡΡ π
ΠΠΎΠ΄Π΅Π»ΠΈΡΡΡΡ brodie 28 ΠΈΡΠ»Ρ 2011 Π² 00:36
ΠΠΎΡ ΠΎΠΆΠΈΠ΅ Π²ΠΎΠΏΡΠΎΡΡ:
ΠΠ°ΠΊ ΡΠ΄Π΅Π»Π°ΡΡ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ Ρ ΡΠΈΡΡΡΠΌ HTML/CSS
Π― ΠΏΡΡΠ°ΡΡΡ Π΄Π΅Π»Π°ΡΡ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ Ρ ΠΏΠΎΠΌΠΎΡΡΡ pure HTML/CSS,, ΠΈ ΡΡΠΎ Ρ ΠΎΡΠΎΡΠΎ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ Π²ΠΎ Π²ΡΠ΅Ρ ΠΎΡΠ½ΠΎΠ²Π½ΡΡ Π±ΡΠ°ΡΠ·Π΅ΡΠ°Ρ . ΠΡΠΎΠΌΠ΅ IE, ΠΊΠ°ΠΊ 7, ΡΠ°ΠΊ ΠΈ 8. ΠΡΠ»ΠΈ Ρ Π½Π΅ Π΄ΠΎΠ±Π°Π²Π»Ρ display: table Π² ul , ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ Π½Π΅ Π±ΡΠ΄Π΅Ρβ¦
Π²ΠΊΠ»Π°Π΄ΠΊΠΈ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ css html Π² phonegap

ΠΠ΅ΡΠ΅ΠΊΡΡΠ²Π°ΡΡΠΈΠ΅ΡΡ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ JS CSS HTML
Π‘Π΅Π³ΠΎΠ΄Π½Ρ Ρ ΡΡΠΎΠ»ΠΊΠ½ΡΠ»ΡΡ Ρ ΠΏΡΠΎΠ±Π»Π΅ΠΌΠΎΠΉ Ρ ΠΊΠ°ΡΡΠΎΠΉ html/css, ΠΊΠΎΡΠΎΡΡΡ Ρ ΡΠ°Π·ΡΠ°Π±Π°ΡΡΠ²Π°Ρ. ΠΠΎ ΠΊΠ°ΠΊΠΎΠΉ-ΡΠΎ ΠΏΡΠΈΡΠΈΠ½Π΅ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ ΠΏΠ΅ΡΠ΅ΠΊΡΡΠ²Π°ΡΡ Π΄ΡΡΠ³ Π΄ΡΡΠ³Π°, ΡΡΠΎ Π·Π°ΡΡΡΠ΄Π½ΡΠ΅Ρ ΡΡΠ΅Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ° ΠΈ Π² ΠΏΡΠΎΡΠΈΠ²Π½ΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ ΡΠ²ΠΎΠ΄ΠΈΡ Π½Π° Π½Π΅Ρβ¦
CSS HTML: ΠΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΡΠ΅ ΠΠΊΠ»Π°Π΄ΠΊΠΈ
Π£ ΠΌΠ΅Π½Ρ Π΅ΡΡΡ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ HTML ΠΈ CSS, ΠΊΠΎΡΠΎΡΡΠ΅ Π² ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΌ Π΄Π΅Π»Π°ΡΡ ΡΠΎ, ΡΠ΅Π³ΠΎ Ρ ΠΏΡΡΠ°ΡΡΡ Π΄ΠΎΡΡΠΈΡΡ. fiddle Π·Π΄Π΅ΡΡ: http://jsfiddle.net/8YX7M/ . Π§ΡΠΎ ΠΌΠ½Π΅ Π΄Π΅ΠΉΡΡΠ²ΠΈΡΠ΅Π»ΡΠ½ΠΎ Ρ ΠΎΡΠ΅Π»ΠΎΡΡ Π±Ρ, ΡΠ°ΠΊ ΡΡΠΎ ΠΏΡΠΈΠΊΡΠ΅ΠΏΠΈΡΡ Π³ΡΠ°Π½ΠΈΡΡβ¦
Π‘Π΄Π΅Π»Π°ΡΡ Ρ ΡΠΎΠΌ, ΠΊΠ°ΠΊ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΡΠ°Π·ΠΌΠ΅Ρ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ Ρ ΡΠΈΡΡΠΎ css
Π― ΠΏΡΡΠ°ΡΡΡ ΡΠΎΠ·Π΄Π°ΡΡ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ, ΡΠ°Π·ΠΌΠ΅Ρ ΠΊΠΎΡΠΎΡΡΡ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΠΏΠΎΡ ΠΎΠΆ Π½Π° ΡΠΎ, ΠΊΠ°ΠΊ ΡΡΠΎ Π΄Π΅Π»Π°Π΅Ρ Chrome tabs. ΠΠΎ Ρ Π½Π΅ ΡΠ²Π΅ΡΠ΅Π½, ΠΊΠ°ΠΊ ΠΈ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ Π»ΠΈ Π²ΠΎΠΎΠ±ΡΠ΅ ΠΎΠ±ΠΎΠΉΡΠΈΡΡ Π±Π΅Π· JavaScript. ΠΠ΅Π½Ρ Π½Π΅ Π²ΠΎΠ»Π½ΡΠ΅Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° Π±ΡΠ°ΡΠ·Π΅ΡΠ°, Ρβ¦
ΠΠ°ΠΊ ΡΠ΄Π΅Π»Π°ΡΡ ul Π²ΠΊΠ»Π°Π΄ΠΊΠΈ ΡΠΎΠ»ΡΠΊΠΎ Ρ HTML CSS
ΠΡΡΠ°ΡΡΡ ΠΏΠΎΠ½ΡΡΡ, ΠΊΠ°ΠΊ ΡΡΠΎ ΡΠ΄Π΅Π»Π°ΡΡ. Π£ ΠΌΠ΅Π½Ρ Π΅ΡΡΡ ΡΡΠΈΠ»Ρ, Π½ΠΎ Ρ Π±Ρ Ρ
ΠΎΡΠ΅Π», ΡΡΠΎΠ±Ρ ΡΡΠΎ-ΡΠΎ ΠΏΡΠΎΠΈΠ·ΠΎΡΠ»ΠΎ ΠΏΠΎΡΠ»Π΅ ΡΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Ρ Π½Π°ΠΆΠΌΡ Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΠΈ. Π― Ρ
ΠΎΡΠ΅Π» Π±Ρ, ΡΡΠΎΠ±Ρ div Ρ ΠΈΠΌΠ΅Π½Π°ΠΌΠΈ ΠΊΠ»Π°ΡΡΠΎΠ² Π²ΠΊΠ»Π°Π΄ΠΎΠΊ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π»ΡΡ ΠΈ ΡΠΊΡΡΠ²Π°Π»ΡΡβ¦
ΠΠ°ΠΊ ΡΠ΄Π΅Π»Π°ΡΡ Π·Π°ΠΊΡΡΠ³Π»Π΅Π½Π½ΡΠ΅ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ Ρ css?
ΠΠ½Π΅ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΠΎ, ΠΌΠΎΠΆΠ½ΠΎ Π»ΠΈ Π·Π°Π°ΡΡ ΠΈΠ²ΠΈΡΠΎΠ²Π°ΡΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΉ ΡΡΡΠ΅ΠΊΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ CSS Π― Π½Π°ΡΠ΅Π» Π² ΡΡΠΈΡ ΡΡΠ°ΡΡΡΡ ΡΠ°ΠΊΡΡ ΠΏΠΎΠΌΠΎΡΡ, Π½ΠΎ ΠΏΡΠΎΠ±Π»Π΅ΠΌΠ° Π² ΡΠΎΠΌ, ΡΡΠΎ Π² ΠΌΠΎΠ΅ΠΌ ΡΠ»ΡΡΠ°Π΅ ΡΡΠΎΡΠΎΠ½Ρ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ ΡΠ²Π»ΡΡΡΡΡ Π΄ΠΈΠ°Π³ΠΎΠ½Π°Π»ΡΠ½ΡΠΌΠΈ, Π° Π½Π΅ ΠΏΡΡΠΌΡΠΌΠΈβ¦
ΠΠΊΠ»Π°Π΄ΠΊΠΈ Π³ΡΠ°Π½ΠΈΡΡ ΡΡΠ΅ΡΠ³ΠΎΠ»ΡΠ½ΠΈΠΊΠ° Ρ CSS
Π― ΠΏΡΡΠ°ΡΡΡ ΠΏΡΠ΅Π΄ΡΡΠ°Π²ΠΈΡΡ ΡΠ²ΠΎΡ Π²ΠΊΠ»Π°Π΄ΠΊΡ HTML/CSS, ΠΊΠ°ΠΊ Π½Π° ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ΅. Π― ΡΠΆΠ΅ ΠΏΠ΅ΡΠ΅ΠΏΡΠΎΠ±ΠΎΠ²Π°Π» ΠΌΠ½ΠΎΠ³ΠΎ Π²Π΅ΡΠ΅ΠΉ Ρ border-radius Π±Π΅Π· ΠΊΠ°ΠΊΠΎΠ³ΠΎ-Π»ΠΈΠ±ΠΎ ΡΡΠΏΠ΅Ρ Π°. Π£ Π²Π°Ρ Π΅ΡΡΡ ΠΊΠ°ΠΊΠΈΠ΅-Π½ΠΈΠ±ΡΠ΄Ρ ΡΡΠ΅ΠΊΠΈ, ΡΡΠΎΠ±Ρ Ρ ΠΌΠΎΠ³ Π²ΠΎΡΠΏΡΠΎΠΈΠ·Π²Π΅ΡΡΠΈ ΡΠ²ΠΎΠΈβ¦
ΠΠ°ΠΊ ΡΠ΄Π΅Π»Π°ΡΡ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ Π² CSS?
Π― Ρ ΠΎΡΡ ΡΠ΄Π΅Π»Π°ΡΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ Ρ ΠΏΠΎΠΌΠΎΡΡΡ CSS. Π― ΡΠΆΠ΅ ΡΠ΄Π΅Π»Π°Π» ΡΠ²ΠΎΠΉ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΡΠΉ ΡΡΠΈΠ»Ρ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ, Π½ΠΎ Ρ Π½Π΅ ΠΌΠΎΠ³Ρ ΡΠ΄Π΅Π»Π°ΡΡ Π΅Π³ΠΎ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ Ρ CSS. ΠΠΎΠΆΠ΅Ρ Π»ΠΈ ΠΊΡΠΎ-Π½ΠΈΠ±ΡΠ΄Ρ ΡΠΊΠ°Π·Π°ΡΡ ΠΌΠ½Π΅, ΠΊΠ°ΠΊ Ρ ΠΌΠΎΠ³Ρ ΡΡΠΎ ΡΠ΄Π΅Π»Π°ΡΡ ? CSSβ¦
ΠΡΠ°Π½ΠΈΡΠ° Π²ΠΊΠ»Π°Π΄ΠΊΠΈ Π² HTML/CSS (Π½Π°ΡΠΈΠ½Π°ΡΡΠΈΠΉ)
Π― Π½ΠΎΠ²ΠΈΡΠΎΠΊ ΠΈ Π·Π°Π½ΠΈΠΌΠ°ΡΡΡ ΡΠ°ΠΌΠΎΡΡΠΎΡΡΠ΅Π»ΡΠ½ΡΠΌ ΠΈΠ·ΡΡΠ΅Π½ΠΈΠ΅ΠΌ ΡΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΠΎΠ²Π»Π°Π΄Π΅ΡΡ ΡΡΠΈΠΌ ΡΠ·ΡΠΊΠΎΠΌ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΡ html ΠΈ css. Π£ ΠΌΠ΅Π½Ρ Π΅ΡΡΡ 3 ΡΡΠΎΠ»Π±ΡΠ° Π² ΠΌΠΎΠ΅ΠΌ ΡΠ΅Π»Π΅, ΠΈ Ρ Ρ
ΠΎΡΡ, ΡΡΠΎΠ±Ρ Π΄ΠΈΠ·Π°ΠΉΠ½ Π±ΡΠ» ΠΏΠΎΡ
ΠΎΠΆ Π½Π° Π³ΡΠ°Π½ΠΈΡΡ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ, Π²β¦
CSS: ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ
Π‘ΠΌΠΎΡΡΠΈΡΠ΅ ΡΠ°ΠΊΠΆΠ΅ ΡΠΊΠ°Π·Π°ΡΠ΅Π»Ρ Π²ΡΠ΅Ρ ΠΏΡΠΈΡΠΌΠΎΠ² ΡΠ°Π±ΠΎΡΡ.
ΠΠ° ΡΡΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΠ΅:
ΠΡΠ΅Π²Π΄ΠΎΠΊΠ»Π°ΡΡ β:targetβ
URL (ΡΠ½ΠΈΡΠΈΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠΊΠ°Π·Π°ΡΠ΅Π»Ρ ΡΠ΅ΡΡΡΡΠ°) ΠΎΠ±ΡΡΠ½ΠΎ ΡΠΊΠ°Π·ΡΠ²Π°Π΅Ρ Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ. ΠΠΎ Π΅ΡΠ»ΠΈ URL ΠΎΠΊΠ°Π½ΡΠΈΠ²Π°Π΅ΡΡΡ Π½Π° Β«#ΡΡΠΎ-ΡΠΎΒ», ΡΠΎΠ³Π΄Π° ΠΎΠ½ ΡΠΊΠ°Π·ΡΠ²Π°Π΅Ρ Π½Π° ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ Π½Π° Π΄Π°Π½Π½ΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΠ΅. ΠΡΠ°ΡΠ·Π΅ΡΡ ΠΎΠ±ΡΡΠ½ΠΎ ΡΡΠ°ΡΠ°ΡΡΡΡ ΡΠ±Π΅Π΄ΠΈΡΡΡΡ, ΡΡΠΎ ΡΠ΅Π»Π΅Π²ΠΎΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ Π²ΠΈΠ΄Π΅Π½ ΠΈ, Π΅ΡΠ»ΠΈ ΡΡΠΎ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ Π² Π²Π΅ΡΡ Π½Π΅ΠΉ ΡΠ°ΡΡΠΈ ΡΠΊΡΠ°Π½Π°.
Π‘ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ΅Π»Π΅ΠΊΡΠΎΡΠ° β:targetβ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΠΎΡΠΎΠ±ΡΠΉ ΡΡΠΈΠ»Ρ ΡΠ΅Π»Π΅Π²ΠΎΠΌΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΡΡΠ°Π½ΠΈΡΡ, ΡΡΠΎΠ±Ρ ΠΎΠ½ ΠΏΡΠΈΠ²Π»Π΅ΠΊΠ°Π» Π±ΠΎΠ»ΡΡΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΡ.
ΠΠΎ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ΄Π΅Π»Π°ΡΡ Π΄Π°ΠΆΠ΅ Π±ΠΎΠ»ΡΡΠ΅. ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠΊΡΡΠ²Π°ΡΡ ΠΈΠ»ΠΈ
ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Π½Π° ΠΎΡΠ½ΠΎΠ²Π°Π½ΠΈΠΈ ΡΠΎΠ³ΠΎ, ΡΠ²Π»ΡΡΡΡΡ Π»ΠΈ ΠΎΠ½ΠΈ ΡΠ΅Π»Π΅Π²ΡΠΌΠΈ ΠΈΠ»ΠΈ
Π½Π΅Ρ. ΠΠΈΠΆΠ΅ Π΄Π°Π½ ΠΏΡΠΈΠΌΠ΅Ρ. ΠΠ½ ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°Π΅Ρ Π½Π΅Π±ΠΎΠ»ΡΡΠΎΠ΅ ΠΌΠ΅Π½Ρ Ρ ΡΠ΅ΡΡΡΡΠΌΡ
ΠΏΡΠ½ΠΊΡΠ°ΠΌΠΈ ΠΈ ΠΊΠ°ΠΆΠ΄ΡΠΉ ΠΏΡΠ½ΠΊΡ ΡΡΡΠ»Π°Π΅ΡΡΡ Π½Π° ΠΊΠ°ΠΊΠΎΠΉ-ΡΠΎ ΡΠ΅ΠΊΡΡ. ΠΠΎ ΡΠ½Π°ΡΠ°Π»Π°
Π½ΠΈΠΊΠ°ΠΊΠΎΠΉ ΡΠ΅ΠΊΡΡ Π½Π΅ ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°Π΅ΡΡΡ.
ΠΠΎΠΏΡΠΎΠ±ΡΠΉΡΠ΅ ΠΊΠ»ΠΈΠΊΠ½ΡΡΡ Π½Π° ΠΏΡΠ½ΠΊΡΡ ΠΌΠ΅Π½Ρ ΠΈ ΡΠ»Π΅Π΄ΠΈΡΠ΅ Π·Π° Π°Π΄ΡΠ΅ΡΠ½ΠΎΠΉ ΡΡΡΠΎΠΊΠΎΠΉ Π±ΡΠ°ΡΠ·Π΅ΡΠ° Π΄Π»Ρ ΡΠΎΠ³ΠΎ, ΡΡΠΎΠ±Ρ ΡΠ²ΠΈΠ΄Π΅ΡΡ ΡΠ΅ΠΊΡΡΠΈΠΉ URL.
ΠΡΠΎ β ΡΠ»Π΅ΠΌΠ΅Π½Ρ, ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡΠΈΠΉ ΠΏΡΠ½ΠΊΡΡ 1. ΠΠ½ Π½Π΅ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±ΡΡΡ Π²ΠΈΠ΄ΠΈΠΌΡΠΌ Π΄ΠΎ ΡΠ΅Ρ ΠΏΠΎΡ, ΠΏΠΎΠΊΠ° Π²Ρ Π½Π΅ ΠΏΠΎΡΠ»Π΅Π΄ΡΠ΅ΡΠ΅ ΠΏΠΎ ΡΡΡΠ»ΠΊΠ΅ Π² Β«#item1Β».
ΠΡΠ»ΠΈ Π²Ρ ΠΏΠ΅ΡΠ΅ΡΠ»ΠΈ ΠΊ ΠΏΡΠ½ΠΊΡΡ 2, ΡΠΎΠ³Π΄Π° ΡΡΠΎΡ ΡΠ»Π΅ΠΌΠ΅Π½Ρ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±ΡΡΡ Π²ΠΈΠ΄ΠΈΠΌΡΠΌ.
ΠΡΠΎΡ ΡΠ»Π΅ΠΌΠ΅Π½Ρ Π²ΠΈΠ΄Π΅Π½, Π΅ΡΠ»ΠΈ Π²Ρ ΡΡΠ»ΠΊΠ½ΠΈΡΠ΅ Π½Π° ΡΡΠ΅ΡΠΈΠΉ ΠΏΡΠ½ΠΊΡ ΠΌΠ΅Π½Ρ. ΠΡΠΎΡ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΠΈΠΌΠ΅Π΅Ρ URL, ΠΊΠΎΡΠΎΡΡΠΉ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π³Π΄Π΅ ΡΠ³ΠΎΠ΄Π½ΠΎ. ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π²ΡΡΠ°Π²ΠΈΡΡ Π΅Π³ΠΎ Π² Π»ΡΠ±ΡΡ Π΄ΡΡΠ³ΡΡ ΡΡΡΠ°Π½ΠΈΡΠΊΡ ΠΈ ΠΏΠ΅ΡΠ΅ΠΉΡΠΈ ΠΏΡΡΠΌΠΎ ΠΊ ΡΡΠΎΠΌΡ ΠΏΡΠ½ΠΊΡΡ.
ΠΠΎΡ, ΠΊΠ°ΠΊ ΡΡΠΎ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ. ΠΡΡΡ Π΄Π²Π΅ Π²Π°ΠΆΠ½ΡΡ ΡΠ°ΡΡΠΈ: ΠΈΡΡΠΎΡΠ½ΠΈΠΊ HTML ΠΈ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ βdisplayβ. Π‘Π½Π°ΡΠ°Π»Π° Π΄ΠΎΠΊΡΠΌΠ΅Π½Ρ HTML. Π£ Π½Π΅Π³ΠΎ Π΅ΡΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΡΡΠ»ΠΎΠΊ ΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² Ρ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡΠΈΠΌΠΈ ID:
<p> <a href="#item1">ΠΏΡΠ½ΠΊΡ 1</a> <a href="#item2">ΠΏΡΠ½ΠΊΡ 2</a> <a href="#item3">ΠΏΡΠ½ΠΊΡ 3</a> <a href="#default">ΠΎΡΠΈΡΡΠΈΡΡ</a> <div> <p>... ΠΏΡΠ½ΠΊΡ 1... <p>... ΠΏΡΠ½ΠΊΡ 2... <p>... <p><!-- ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ Π½Π΅ ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°ΡΡ ΡΠ΅ΠΊΡΡ --> </div>
ΠΡΠΈ ΠΏΡΠ°Π²ΠΈΠ»Π° ΡΡΠΈΠ»Π΅ΠΉ ΡΠ½Π°ΡΠ°Π»Π° ΡΠΊΡΡΠ²Π°ΡΡ Π²ΡΠ΅ P Π²Π½ΡΡΡΠΈ DIV, Π½ΠΎ Π·Π°ΡΠ΅ΠΌ ΠΎΡΠΌΠ΅Π½ΡΡΡ Π΄Π΅ΠΉΡΡΠ²ΠΈΠ΅ Π΄Π»Ρ P, ΠΊΠΎΡΠΎΡΡΠΉ ΡΠ²Π»ΡΠ΅ΡΡΡ ΡΠ΅ΠΊΡΡΠ΅ΠΉ ΡΠ΅Π»ΡΡ:
div.items p {display: none} div.items p:target {display: block}
ΠΠΎΡ ΠΈ Π²ΡΠ΅. ΠΠ°Π»Π΅Π΅ Π΄ΠΎΠ±Π°Π²Π»ΡΡΡΡΡ ΡΠ²Π΅ΡΠ°, ΠΏΠΎΠ»Ρ, Π³ΡΠ°Π½ΠΈΡΡ ΠΈ Ρ.Π΄., ΡΠ°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ ΠΏΡΠΈΠΌΠ΅Ρ ΡΡΠ°Π½ΠΎΠ²ΠΈΡΡΡ Π±ΠΎΠ»Π΅Π΅ ΠΏΠΎΡ ΠΎΠΆΠΈΠΌ Π½Π° ΠΌΠ΅Π½Ρ. ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΠΎΡΠΌΠΎΡΡΠ΅ΡΡ, ΠΊΠ°ΠΊ ΡΡΠΎ Π΄Π΅Π»Π°Π΅ΡΡΡ, Π²Π·Π³Π»ΡΠ½ΡΠ² Π½Π° ΠΈΡΡ ΠΎΠ΄Π½ΡΠΉ ΠΊΠΎΠ΄ ΡΡΡΠ°Π½ΠΈΡΡ.
ΠΠ° ΡΠ°ΠΌΠΎΠΌ Π΄Π΅Π»Π΅, ΠΌΡ Π΄ΠΎΠ±Π°Π²ΠΈΠ»ΠΈ β:not(:target)β, Π΄Π»Ρ ΡΠΎΠ³ΠΎ, ΡΡΠΎΠ±Ρ ΡΠ±Π΅Π΄ΠΈΡΡΡΡ, ΡΡΠΎ Π±ΡΠ°ΡΠ·Π΅ΡΡ CSS3 Π±ΡΠ΄ΡΡ ΡΠΊΡΡΠ²Π°ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ. Π‘Π»Π΅Π΄ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΠΎ, ΡΡΠΈ ΠΏΡΠ°Π²ΠΈΠ»Π° Π±ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΡΡΠΈΠ΅:
div.items p:not(:target) {display: none} div.items p:target {display: block}
ΠΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ

ΠΠΎΡ ΠΏΡΠΈΠΌΠ΅Ρ. ΠΠ½ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅Ρ Π½Π΅ βdisplay: noneβ, Π° βz-indexβ. ΠΡΠ»ΠΈ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ Π·Π½Π°ΡΡ, ΠΊΠ°ΠΊ ΡΡΠΎ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ, ΠΏΡΠΎΡΡΠΎ Π²ΡΠΏΠΎΠ»Π½ΠΈΡΠ΅ Β«ΠΏΠΎΡΠΌΠΎΡΡΠ΅ΡΡ ΠΈΡΡ ΠΎΠ΄Π½ΡΠΉ ΠΊΠΎΠ΄ ΡΡΡΠ°Π½ΠΈΡΡΒ»β¦
ΠΠ½ΠΈΠΌΠΈΡΠΎΠ²Π°Π½Π½ΡΠ΅ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ Π½Π° CSS3 ΠΈ HTML5
ΠΠΊΠ»Π°Π΄ΠΊΠΈ ΠΎΡΠ΅Π½Ρ ΡΠ°ΡΠΏΡΠΎΡΡΡΠ°Π½Π΅Π½Π½ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ Π² Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅, ΠΈ Π·Π°ΡΠ°ΡΡΡΡ ΠΎΠ½ ΠΎΡΠ΅Π½Ρ ΠΏΠΎΠ»Π΅Π·Π΅Π½. ΠΠ΅Π΄Ρ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡ ΠΊΡΠ°ΡΠΈΠ²ΠΎ ΠΈ, Π³Π»Π°Π²Π½ΠΎΠ΅, ΠΊΠΎΠΌΠΏΠ°ΠΊΡΠ½ΠΎ ΠΎΡΠΎΡΠΌΠΈΡΡ ΡΠ΅ΠΊΡΡ ΠΈΠ»ΠΈ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ, Π° ΡΠ°ΠΊΠΆΠ΅ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄ΡΡΠ³ΠΎΠ΅. ΠΡΠ°ΠΊ, Π² ΡΡΠΎΠΌ ΡΡΠΎΠΊΠ΅ ΠΌΡ ΡΠΎΠ±ΠΈΡΠ°Π΅ΠΌΡΡ ΡΠ΅Π°Π»ΠΈΠ·ΠΎΠ²Π°ΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΏΡΠΎΡΡΡΡ CSS3 Π²ΠΊΠ»Π°Π΄ΠΎΠΊ ΠΏΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ ΡΠ°Π΄ΠΈΠΎΠΊΠ½ΠΎΠΏΠΎΠΊ ΠΈ ΠΏΡΠ΅Π²Π΄ΠΎΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°
ΠΡΠΈΠΌΠ΅Ρ ΡΠ°Π·Π½ΡΡ Π²ΠΈΠ΄ΠΎΠ² ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄ΠΎΠ² Π²ΠΊΠ»Π°Π΄ΠΎΠΊ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ²ΠΈΠ΄Π΅ΡΡ Π·Π΄Π΅ΡΡ:
ΠΠΎΡΠΌΠΎΡΡΠ΅ΡΡ ΠΏΡΠΈΠΌΠ΅ΡΠ‘ΠΊΠ°ΡΠ°ΡΡ
ΠΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ Π²Π°ΠΌ ΠΏΠΎΠ½ΡΠ°Π²ΠΈΡΡΡ ΠΏΡΠΎΡΠ»ΡΠΉ ΡΡΠΎΠΊ, Π³Π΄Π΅ ΠΌΡ ΡΠ°ΠΊΠΆΠ΅ ΡΠΎΠ·Π΄Π°Π²Π°Π»ΠΈ ΠΊΡΠ°ΡΠΈΠ²ΡΠ΅ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ β ΠΡΠ°ΡΠΈΠ²ΡΠ΅ Π°Π½ΠΈΠΌΠΈΡΠΎΠ²Π°Π½Π½ΡΠ΅ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ Π½Π° CSS.
HTML ΡΠ°ΡΡΡ
ΠΡ Π±ΡΠ΄Π΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½Ρ <input> Ρ ΡΠ°Π·Π½ΡΠΌΠΈ ΠΊΠ»Π°ΡΡΠ°ΠΌΠΈ, Π΄Π»Ρ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ΅Π½ΠΈΡ ΠΌΠ΅ΠΆΠ΄Ρ Π²ΠΊΠ»Π°Π΄ΠΊΠ°ΠΌΠΈ. Π Π² ΡΠ΅Π³Π΅ <label> ΡΠΎΠ΄Π΅ΡΠΆΠΈΡΡΡ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 | <section> <input type="radio" name="radio-set" checked="checked" /> <label for="tab-1">ΠΠ»Π°Π²Π½Π°Ρ</label> <input type="radio" name="radio-set" /> <label for="tab-2">Π‘Π΅ΡΠ²ΠΈΡΡ</label> <input type="radio" name="radio-set" /> <label for="tab-3">Π Π°Π±ΠΎΡΡ</label> <input type="radio" name="radio-set" /> <label for="tab-4">ΠΠΎΠ½ΡΠ°ΠΊΡΡ</label> <div></div> <div> <div> <h3>ΠΠ± Π°Π²ΡΠΎΡΠ΅</h3> <p>Π’Π΅ΠΊΡΡ ΠΎΠ± Π°Π²ΡΠΎΡΠ΅. |
CSS ΡΠ°ΡΡΡ
ΠΠ΅ΡΠ²ΡΠΌ Π΄Π΅Π»ΠΎΠΌ, ΡΡΠΎ Π½Π°ΠΌ Π½ΡΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°ΡΡ, Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ ΡΠΊΡΡΡΡ ΠΎΡΡΠ°Π»ΡΠ½ΡΠ΅ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ ΠΊΡΠΎΠΌΠ΅ Π°ΠΊΡΠΈΠ²Π½ΠΎΠΉ. ΠΠ»Ρ ΡΡΠΎΠ³ΠΎ Π²ΡΡΡΠ°Π²ΠΈΠΌ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ ΠΏΡΠΎΠ·ΡΠ°ΡΠ½ΠΎΡΡΠΈ Π½Π° Π½ΠΎΠ»Ρ:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 | . |
ΠΠΊΠ»Π°Π΄ΠΊΠΈ Π±ΡΠ΄ΡΡ ΠΏΠΎΡ ΠΎΠΆΠΈ Π½Π° ΡΠ»Π΅ΠΌΠ΅Π½Ρ <label>, Π½ΠΎ Π½Π° ΡΠ°ΠΌΠΎΠΌ Π΄Π΅Π»Π΅ ΠΌΡ Π±ΡΠ΄Π΅ΠΌ Π½Π°ΠΆΠΈΠΌΠ°ΡΡ Π½Π° <input>:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 | .tabs label { background: #5ba4a4; background: -moz-linear-gradient(top, #5ba4a4 0%, #4e8c8a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5ba4a4), color-stop(100%,#4e8c8a)); background: -webkit-linear-gradient(top, #5ba4a4 0%,#4e8c8a 100%); background: -o-linear-gradient(top, #5ba4a4 0%,#4e8c8a 100%); background: -ms-linear-gradient(top, #5ba4a4 0%,#4e8c8a 100%); background: linear-gradient(top, #5ba4a4 0%,#4e8c8a 100%); font-size: 15px; line-height: 40px; height: 40px; position: relative; padding: 0 20px; float: left; display: block; width: 80px; color: #385c5b; letter-spacing: 1px; text-transform: uppercase; font-weight: bold; text-align: center; text-shadow: 1px 1px 1px rgba(255,255,255,0. |
Π’Π°ΠΊ ΠΊΠ°ΠΊ Π½Π΅ Π½ΡΠΆΠ½Π° Π½ΠΈΠΆΠ½ΡΡ ΡΠ°ΡΡΡ ΡΠ΅Π½ΠΈ Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°, ΡΠΎ ΠΌΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌ ΠΏΡΠ΅Π²Π΄ΠΎΡΠ»Π΅ΠΌΠ΅Π½Ρ :after Ρ ΠΏΡΡΡΡΠΌ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ΠΌ ΡΠ²ΠΎΠΉΡΡΠ²Π° content:
1 2 3 4 5 6 7 8 9 10 | .tabs label:after { content: ''; background: #fff; position: absolute; bottom: -2px; left: 0; width: 100%; height: 2px; display: block; } |
ΠΠΎΠ³Π΄Π° Π²ΠΊΠ»Π°Π΄ΠΊΠ° ΡΡΠ°Π½ΠΎΠ²ΠΈΡΡΡΡ Π°ΠΊΡΠΈΠ²Π½ΠΎΠΉ, ΡΠΎ Ρ Π½Π΅Π΅ Π΅ΡΡΡ Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ ΡΠ²ΠΎΠΉ ΡΡΠΈΠ»Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ. Π ΡΠ°ΠΊΠΆΠ΅ ΠΎΠ½Π° ΡΡΠ°Π½ΠΎΠ²ΠΈΡΡΡ ΠΏΠΎΠ²Π΅ΡΡ ΠΎΡΡΠ°Π»ΡΠ½ΡΡ . ΠΠ΅Π»Π°Π΅ΡΡΡ ΡΡΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ²ΠΎΠΉΡΡΠ²Π° z-index:
1 2 3 4 | . |
ΠΡΠ°ΠΊ, ΠΌΡ ΡΠΊΡΡΠ²Π°Π΅ΠΌ Π²ΡΠ΅ ΠΎΡΡΠ°Π»ΡΠ½ΡΠ΅ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π²ΡΡΡΠ°Π²Π»Π΅Π½ΠΈΡ opacity: 0. ΠΡ Π½Π΅ ΠΌΠΎΠΆΠ΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ display: none, Ρ.ΠΊ. ΠΎΠ½ΠΎ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ ΡΡΡΠ΅ΠΊΡΡ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄Π°:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 | .content { background: #fff; position: relative; width: 100%; height: 370px; z-index: 5; box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.1); border-radius: 0 3px 3px 3px; } .content div { position: absolute; top: 0; left: 0; padding: 10px 40px; z-index: 1; opacity: 0; -webkit-transition: opacity linear 0.1s; -moz-transition: opacity linear 0.1s; -o-transition: opacity linear 0.1s; -ms-transition: opacity linear 0.1s; transition: opacity linear 0. |
ΠΠΎΠ³Π΄Π° ΠΌΡ Π΄Π΅Π»Π°Π΅ΠΌ Π²ΠΊΠ»Π°Π΄ΠΊΡ Π°ΠΊΡΠΈΠ²Π½ΠΎΠΉ, ΡΠΎ Π²ΡΡΡΠ°Π²Π»ΡΠ΅ΡΡΡ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ opacity: 1, Π° ΡΠ°ΠΊΠΆΠ΅ Π±ΠΎΠ»ΡΡΠΎΠΉ z-index:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | .tabs input.tab-selector-1:checked ~ .content .content-1, .tabs input.tab-selector-2:checked ~ .content .content-2, .tabs input.tab-selector-3:checked ~ .content .content-3, .tabs input.tab-selector-4:checked ~ .content .content-4 { z-index: 100; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition: opacity ease-out 0.2s 0.1s; -moz-transition: opacity ease-out 0. |
ΠΡΠ²ΠΎΠ΄
Π ΡΡΠΎΠΉ ΡΡΠ°ΡΡΠ΅ ΠΌΡ ΡΠΎΠ·Π΄Π°Π»ΠΈ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ Π½Π° CSS3 ΠΈ HTML5. ΠΠ½ΠΈ ΠΊΡΠ°ΡΠΈΠ²ΠΎ Π±ΡΠ΄ΡΡ ΡΠ°Π±ΠΎΡΠ°ΡΡ Π² ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΡ Π±ΡΠ°ΡΠ·Π΅ΡΠ°Ρ . Π Π°Π·Π½ΡΠ΅ Π²ΠΈΠ΄Ρ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄ΠΎΠ² ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΉΡΠΈ Π² ΠΏΡΠΈΠΌΠ΅ΡΠ°Ρ Π²ΡΡΠ΅, Π° ΡΠ°ΠΊΠΆΠ΅ ΡΠΊΠ°ΡΠ°ΡΡ ΠΈΡΡ ΠΎΠ΄Π½ΠΈΠΊΠΈ ΠΈ ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡ.
Π£ΡΠΏΠ΅Ρ ΠΎΠ²!
ΠΡΡΠΎΡΠ½ΠΈΠΊ: tympanus.net
Π‘ΡΡΠ»ΠΊΠΈ Π²Π½ΡΡΡΠΈ ΡΡΡΠ°Π½ΠΈΡΡ | htmlbook.ru
ΠΠΎΠ»ΡΡΠΈΠ΅ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΡ ΡΠΈΡΠ°ΡΡΡΡ Π»ΡΡΡΠ΅, Π΅ΡΠ»ΠΈ ΠΎΠ½ΠΈ ΠΈΠΌΠ΅ΡΡ ΠΎΠ³Π»Π°Π²Π»Π΅Π½ΠΈΠ΅ ΡΠΎ ΡΡΡΠ»ΠΊΠ°ΠΌΠΈ Π½Π° ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡΠΈΠ΅ ΡΠ°Π·Π΄Π΅Π»Ρ. ΠΠ»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΡΡΠ»ΠΊΠΈ ΡΠ»Π΅Π΄ΡΠ΅Ρ Π²Π½Π°ΡΠ°Π»Π΅ ΡΠ΄Π΅Π»Π°ΡΡ Π·Π°ΠΊΠ»Π°Π΄ΠΊΡ (ΡΠΊΠΎΡΡ) Π² ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡΠ΅ΠΌ ΠΌΠ΅ΡΡΠ΅ ΠΈ Π΄Π°ΡΡ Π΅ΠΉ ΠΈΠΌΡ ΠΏΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ Π°ΡΡΠΈΠ±ΡΡΠ° name ΡΠ΅Π³Π° <a>, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π² ΠΏΡΠΈΠΌΠ΅ΡΠ΅ 1.
ΠΡΠΈΠΌΠ΅Ρ 1. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π²Π½ΡΡΡΠ΅Π½Π½Π΅ΠΉ ΡΡΡΠ»ΠΊΠΈ
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>ΠΠ°ΠΊΠ»Π°Π΄ΠΊΠ°</title>
</head>
<body>
<p><a name="top"></a></p>
<p>ΠΡΡΠ³ ΡΡΠΎΠ½ΠΈΠ» ΡΡΡΠ³ Π² ΡΠ½ΠΈΡΠ°Π·.
Π ΡΠ°Π·Π±ΠΈΠ» Π΅Π³ΠΎ. ΠΠ΅ ΡΡΡΠ³ ΡΠ°Π·Π±ΠΈΠ», Π° ΡΠ½ΠΈΡΠ°Π·.
ΠΡΠΈΡΠ΅ΠΌ ΡΠ°ΠΊ ΡΠ°Π·Π±ΠΈΠ», ΡΡΠΎ ΠΏΠΎ Π½Π°Π·Π½Π°ΡΠ΅Π½ΠΈΡ ΡΠ½ΠΈΡΠ°Π· ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π½ΠΈΠΊΠ°ΠΊ
Π½Π΅Π»ΡΠ·Ρ, Π½ΠΈ Π±ΠΎΠΊΠΎΠΌ, Π½ΠΈ ΠΏΠ΅ΡΠ΅Π΄ΠΎΠΌ. ΠΠ³Π½ΠΎΠ²Π΅Π½ΠΈΠ΅ΠΌ Π½Π°Π·Π°Π΄ ΡΠΎΠ»ΡΠΊΠΎ
ΡΡΠΎ Π²ΠΎΡ Π²ΡΠ΅ Π±ΡΠ»ΠΎ Ρ
ΠΎΡΠΎΡΠΎ ΠΈ Π²ΠΎΡ ΡΠΆΠ΅ Π΄ΡΡΠ° ΠΏΡΡΠΌΠΎ Π² ΡΠ½ΠΈΡΠ°Π·Π΅,
Π΄Π° ΡΠ°ΠΊΠ°Ρ, ΡΡΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Π±ΡΡΡ, ΡΡΠΎ Π΅ΡΡΡ ΡΠ°ΠΊΠΎΠΉ ΠΏΡΠ΅Π΄ΠΌΠ΅Ρ Π²
Π΄ΠΎΠΌΠ΅. ΠΠ°Ρ
Π½ΡΠ» ΡΡΠΊΠΎΠΉ Π½Π΅ΡΠ°ΡΠ½Π½ΠΎ, Π° ΠΏΠΎΡΠΎΠΌ ΠΌΡΡΠ°ΠΉΡΡ...
<p><a href="#top">ΠΠ°Π²Π΅ΡΡ
</a></p>
</body>
</html>
ΠΠ΅ΠΆΠ΄Ρ ΡΠ΅Π³Π°ΠΌΠΈ <a name=Β»topΒ»> ΠΈ </a> ΠΎΡΡΡΡΡΡΠ²ΡΠ΅Ρ ΡΠ΅ΠΊΡΡ, ΡΠ°ΠΊ ΠΊΠ°ΠΊ ΡΡΠ΅Π±ΡΠ΅ΡΡΡ Π»ΠΈΡΡ ΡΠΊΠ°Π·Π°ΡΡ ΠΌΠ΅ΡΡΠΎΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄Π° ΠΏΠΎ ΡΡΡΠ»ΠΊΠ΅, Π½Π°Ρ ΠΎΠ΄ΡΡΠ΅ΠΉΡΡ Π²Π½ΠΈΠ·Ρ ΡΡΡΠ°Π½ΠΈΡΡ. ΠΠΌΡ ΡΡΡΠ»ΠΊΠΈ Π½Π° Π·Π°ΠΊΠ»Π°Π΄ΠΊΡ Π½Π°ΡΠΈΠ½Π°Π΅ΡΡΡ ΡΠΈΠΌΠ²ΠΎΠ»ΠΎΠΌ #, ΠΏΠΎΡΠ»Π΅ ΡΠ΅Π³ΠΎ ΠΈΠ΄Π΅Ρ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ Π·Π°ΠΊΠ»Π°Π΄ΠΊΠΈ. ΠΠ°Π·Π²Π°Π½ΠΈΠ΅ Π²ΡΠ±ΠΈΡΠ°Π΅ΡΡΡ Π»ΡΠ±ΠΎΠ΅, ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡΠ΅Π΅ ΡΠ΅ΠΌΠ°ΡΠΈΠΊΠ΅.
ΠΠΎΠΆΠ½ΠΎ ΡΠ°ΠΊΠΆΠ΅ Π΄Π΅Π»Π°ΡΡ ΡΡΡΠ»ΠΊΡ Π½Π° Π·Π°ΠΊΠ»Π°Π΄ΠΊΡ, Π½Π°Ρ ΠΎΠ΄ΡΡΡΡΡΡ Π² Π΄ΡΡΠ³ΠΎΠΉ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΠ΅ ΠΈ Π΄Π°ΠΆΠ΅ Π΄ΡΡΠ³ΠΎΠΌ ΡΠ°ΠΉΡΠ΅. ΠΠ»Ρ ΡΡΠΎΠ³ΠΎ Π² Π°Π΄ΡΠ΅ΡΠ΅ ΡΡΡΠ»ΠΊΠΈ Π½Π°Π΄Π»Π΅ΠΆΠΈΡ ΡΠΊΠ°Π·Π°ΡΡ Π΅Π΅ Π°Π΄ΡΠ΅Ρ ΠΈ Π² ΠΊΠΎΠ½ΡΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΡΠΈΠΌΠ²ΠΎΠ» ΡΠ΅ΡΠ΅ΡΠΊΠΈ # ΠΈ ΠΈΠΌΡ Π·Π°ΠΊΠ»Π°Π΄ΠΊΠΈ (ΠΏΡΠΈΠΌΠ΅Ρ 2).
ΠΡΠΈΠΌΠ΅Ρ 2. Π‘ΡΡΠ»ΠΊΠ° Π½Π° Π·Π°ΠΊΠ»Π°Π΄ΠΊΡ ΠΈΠ· Π΄ΡΡΠ³ΠΎΠΉ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.
01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>ΠΠ°ΠΊΠ»Π°Π΄ΠΊΠ°</title>
</head>
<body>
<p><a href="text.html#bottom">ΠΠ΅ΡΠ΅ΠΉΡΠΈ ΠΊ Π½ΠΈΠΆΠ½Π΅ΠΉ ΡΠ°ΡΡΠΈ ΡΠ΅ΠΊΡΡΠ°</a></p>
</body>
</html>
Π Π΄Π°Π½Π½ΠΎΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΡΡΡΠ»ΠΊΠΈ Π½Π° ΡΠ°ΠΉΠ» text.html, ΠΏΡΠΈ ΠΎΡΠΊΡΡΡΠΈΠΈ ΡΡΠΎΠ³ΠΎ ΡΠ°ΠΉΠ»Π° ΠΏΡΠΎΠΈΡΡ ΠΎΠ΄ΠΈΡ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄ Π½Π° Π·Π°ΠΊΠ»Π°Π΄ΠΊΡ Ρ ΠΈΠΌΠ΅Π½Π΅ΠΌ bottom.
Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ ΡΡΠ΅Π΄ΡΡΠ²Π°ΠΌΠΈ HTML. | HTML/xHTML
ΠΠΊΠ»Π°Π΄ΠΊΠΈ β ΠΎΠ΄ΠΈΠ½ ΠΈΠ· Π»ΡΠ±ΠΈΠΌΡΡ
ΡΠΏΠΎΡΠΎΠ±ΠΎΠ² Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΈ Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ:
ΠΈ ΠΏΡΠΈΠ²ΡΡΠ½ΠΎ (Π½Π°Ρ Β«Ρ Π΄Π΅ΡΡΡΠ²Π°Β» ΠΏΡΠΈΡΡΠ°ΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ Π²ΠΊΠ»Π°Π΄ΠΊΠ°ΠΌΠΈ Π²ΠΎ Π²ΡΠ΅Ρ
ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ°Ρ
Π΄Π»Ρ windows) ΠΈ
ΡΠ΄ΠΎΠ±Π½ΠΎ (Π½Π°Π³Π»ΡΠ΄Π½ΠΎΡΡΡ ΠΈ ΠΎΡΠ΅Π²ΠΈΠ΄Π½ΠΎΡΡΡ Π΄Π΅ΠΉΡΡΠ²ΠΈΠΉ). ΠΠ° ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠ°ΠΌ ΡΠ΄ΠΎΠ±Π½ΠΎ: ΠΌΠΎΠΆΠ½ΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΠ°ΠΌ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡΠΈΠ΄Π°Π²Π°ΡΡ
Π»ΡΠ±ΠΎΠΉ ΠΏΠΎΠ΄Ρ
ΠΎΠ΄ΡΡΠΈΠΉ Π²ΠΈΠ΄, Π±Π΅Π· ΠΏΠΎΡΠ΅ΡΠΈ ΠΈΡ
ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΠΎΡΡΠΈ. Π§Π°ΡΡΠΎ ΠΈΡ
Π΄Π΅Π»Π°ΡΡ Π² Π³ΡΠ°ΡΠΈΠΊΠ΅ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΊΠ°ΡΡ-ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ
ΠΈΠ»ΠΈ ΡΠ°Π·ΡΠ΅Π·Π°Π½ΠΈΠ΅ΠΌ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ Π½Π° ΡΠ°ΡΡΠΈ. ΠΠΎΠΏΡΠΎΠ±ΡΠ΅ΠΌ ΠΎΠ±ΠΎΠΉΡΠΈΡΡ ΠΏΡΠΎΡΡΡΠΌΠΈ ΡΠΏΠΎΡΠΎΠ±Π°ΠΌΠΈ. Π‘ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ°Π±Π»ΠΈΡΡ.
ΠΠ»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ ΠΏΠΎΡΡΠ΅Π±ΡΠ΅ΡΡΡ ΡΠ°Π±Π»ΠΈΡΠ° ΠΈΠ· ΡΠ΅ΡΡΠΈ ΡΡΠ΅Π΅ΠΊ. Π§Π΅ΡΡΡΠ΅ ΠΈΠ· Π½ΠΈΡ
ΠΎΠ±ΡΠ°Π·ΡΡΡ ΡΠ°ΠΌΠΈ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ,
Π° Π΄Π²Π΅ ΠΊΡΠ°ΠΉΠ½ΠΈΠ΅ ΡΡΠ΅ΠΉΠΊΠΈ Π½ΡΠΆΠ½Ρ Π±ΠΎΠ»ΡΡΠ΅ Π΄Π»Ρ ΠΊΡΠ°ΡΠΎΡΡ, ΠΎΠ½ΠΈ ΡΠΎΡΠΌΠΈΡΡΡΡ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΡΡ Π»ΠΈΠ½ΠΈΡ ΠΈ ΡΠ»ΡΠΆΠ°Ρ Π΄Π»Ρ ΠΎΡΡΡΡΠΏΠ° ΠΎΡ ΠΊΡΠ°Π΅Π².
ΠΠΎΡΡΠ΅Π±ΡΠ΅ΡΡΡ Π²ΡΠ΅Π³ΠΎ Π΄Π²Π° ΡΠ΅Π»Π΅ΠΊΡΠΎΡΠ°, ΠΎΠ΄ΠΈΠ½ ΠΈΠ·ΠΌΠ΅Π½ΡΠ΅Ρ ΡΡΠΈΠ»Ρ ΡΠ΅ΠΊΡΡΠ΅ΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ, Π½Π°Π·ΠΎΠ²Π΅ΠΌ Π΅Π³ΠΎ open,
Π° Π²ΡΠΎΡΠΎΠΉ ΡΠ΅Π»Π΅ΠΊΡΠΎΡ Ρ ΠΈΠΌΠ΅Π½Π΅ΠΌ close Π±ΡΠ΄Π΅Ρ ΡΠΏΡΠ°Π²Π»ΡΡΡ Π²ΠΈΠ΄ΠΎΠΌ Π½Π΅Π°ΠΊΡΠΈΠ²Π½ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.
Π Π°ΠΌΠΊΠ° ΡΠΎΠ·Π΄Π°Π΅ΡΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π°ΡΡΠΈΠ±ΡΡΠ° border, ΠΎΠ½ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΎΠ΄Π½ΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎ Π·Π°Π΄Π°ΡΡ ΡΡΠΈΠ»Ρ ΡΠ°ΠΌΠΊΠΈ, Π΅Π΅ ΡΠΎΠ»ΡΠΈΠ½Ρ ΠΈ ΡΠ²Π΅Ρ.
Π§ΡΠΎΠ±Ρ Π½Π΅ ΠΎΠ±ΡΠ°Π·ΠΎΠ²ΡΠ²Π°Π»Π°ΡΡ Π΄Π²ΠΎΠΉΠ½Π°Ρ ΡΠ°ΠΌΠΊΠ° Π² ΠΌΠ΅ΡΡΠ°Ρ
ΡΠΎΡΡΡΠΊΠΎΠ²ΠΊΠΈ ΡΡΠ΅Π΅ΠΊ, ΡΠ»Π΅Π΄ΡΠ΅Ρ Π³ΡΠ°Π½ΠΈΡΡ ΡΠΏΡΠ°Π²Π° ΡΠ±ΡΠ°ΡΡ.
ΠΠ»Ρ ΡΡΠΎΠ³ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡ border-right: none. ΠΠ»Ρ ΡΠ΅ΠΊΡΡΠ΅ΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ (ΡΠ΅Π»Π΅ΠΊΡΠΎΡ open) ΡΠ»Π΅Π΄ΡΠ΅Ρ ΡΠΏΡΡΡΠ°ΡΡ ΡΠ°ΠΊΠΆΠ΅ ΠΈ Π½ΠΈΠΆΠ½ΡΡ Π³ΡΠ°Π½ΠΈΡΡ.
Π‘ΡΠΈΠ»Ρ ΡΠ°ΠΌΠΎΠΉ ΠΏΡΠ°Π²ΠΎΠΉ ΠΈ Π»Π΅Π²ΠΎΠΉ ΡΡΠ΅Π΅ΠΊ ΠΌΠΎΠΆΠ½ΠΎ ΠΎΠΏΠΈΡΠ°ΡΡ ΠΏΡΡΠΌΠΎ Π² ΡΠ΅Π³Π΅ td, Π½ΠΎ ΠΏΡΠΈ ΡΠ°ΡΡΠΎΠΌ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠΈ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ Π½Π° ΡΠ°ΠΉΡΠ΅,
Π»ΡΡΡΠ΅ ΡΠΎΠ·Π΄Π°ΡΡ ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΠΉ ΠΊΠ»Π°ΡΡ.
<html> <head> <style> .open { border: solid 1px black; border-right: none; border-bottom: none; text-align: center; font-weight: bold;} .close { border: solid 1px black; border-right: none; text-align: center; background: #cfd6d4; } </style> </head> <body> <table width=100% border=0 cellspacing=0 cellpadding=4> <tr> <td width=10 align=center> </td> <td width=25% class=open>Π§Π΅Π±ΡΡΠ°ΡΠΊΠ°</td> <td width=25% class=close>ΠΡΠΎΠΊΠΎΠ΄ΠΈΠ» ΠΠ΅Π½Π°</td> <td width=25% class=close>Π¨Π°ΠΏΠΎΠΊΠ»ΡΠΊ</td> <td width=25% class=close>ΠΡΡΡΠ° ΠΠ°ΡΠΈΡΠ°</td> <td width=10 align=center> </td> </tr> </table> </body> </html>
tabs β ΠΠ°ΠΊ ΡΠ΄Π΅Π»Π°ΡΡ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ Ρ ΠΎΠΏΠΈΡΠ°Π½ΠΈΠ΅ΠΌ ΠΏΡΠΎΠ΄ΡΠΊΡΠΎΠ² Π² Shopify Π±Π΅Π· ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ?
ΠΡΠΆΠ½Π° ΠΏΠΎΠΌΠΎΡΡ Π² ΡΠΎΠ·Π΄Π°Π½ΠΈΠΈ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ Ρ ΠΎΠΏΠΈΡΠ°Π½ΠΈΠ΅ΠΌ ΠΏΡΠΎΠ΄ΡΠΊΡΠΎΠ² Π² Shopify Π±Π΅Π· ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ. ΠΡΠΎΡΡΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΡΠ΅Π³ΠΈ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ², Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ h5 ΠΈ h5.
Π― Π½Π΅ Ρ ΠΎΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ html-ΠΊΠΎΠ΄ Π² ΠΎΠ±Π»Π°ΡΡΠΈ ΠΎΠΏΠΈΡΠ°Π½ΠΈΡ.
0
Jahanzaib Muneer 3 Π‘Π΅Π½ 2020 Π² 02:54
3 ΠΎΡΠ²Π΅ΡΠ°
ΠΡΡΡΠΈΠΉ ΠΎΡΠ²Π΅Ρ
Π‘ΠΏΠ°ΡΠΈΠ±ΠΎ Π²ΡΠ΅ΠΌ Π·Π° ΠΏΠΎΠΌΠΎΡΡ. ΠΠΎ Ρ ΡΠΎΠ·Π΄Π°Π» ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎΠ΅ ΡΠ΅ΡΠ΅Π½ΠΈΠ΅, Π½Π°Π΄Π΅ΡΡΡ, ΠΎΠ½ΠΎ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ.
ΠΠ°ΠΌΠ΅Π½ΠΈΡΠ΅ Π½Π°:
{%- assign product_description_content = product.description -%}
{%-if section.settings.enable_description_tabs -%}
{%- assign product_description_content = product_description_content | split: '<h6>' | first -%}
{%- endif -%}
{% if product_description_content != '' %}
<div>
{{ product.description }}
</div>
{% endif %}
{%-if section.settings.enable_description_tabs and product_description_content == '' -%}
<div>
{% include 'product-tabs' %}
</div>
{% endif %}
- Π ΡΡ Π΅ΠΌΠ΅ Π΄ΠΎΠ±Π°Π²ΡΡΠ΅ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΉ ΠΎΠ±ΡΠ΅ΠΊΡ Π² ΠΌΠ°ΡΡΠΈΠ² Π½Π°ΡΡΡΠΎΠ΅ΠΊ (Π΄Π»Ρ Π²ΠΊΠ»ΡΡΠ΅Π½ΠΈΡ / ΠΎΡΠΊΠ»ΡΡΠ΅Π½ΠΈΡ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ):
{"type": "checkbox", "id": "enable_description_tabs", "label": "Enable Description Tabs", "default": true, "info": "Heading 6 titles will be converted to tab headings, tab content will be everything between the Heading 6 titles." }
- Π‘ΠΎΠ·Π΄Π°ΠΉΡΠ΅ ΡΠ½ΠΈΠΏΠΏΠ΅Ρ Ρ ΠΈΠΌΠ΅Π½Π΅ΠΌ product-tabs ΠΈ Π²ΡΡΠ°Π²ΡΡΠ΅ Π² Π½Π΅Π³ΠΎ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΉ ΠΊΠΎΠ΄: product-tabs.
liquid
Π’Π΅ΠΏΠ΅ΡΡ Π² ΠΎΠΏΠΈΡΠ°Π½ΠΈΠΈ ΠΏΡΠΎΠ΄ΡΠΊΡΠ° Shopify Π½Π°Π·Π½Π°ΡΡΡΠ΅ h6 Π΄Π»Ρ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°, Π° Π² ΡΠ»Π΅Π΄ΡΡΡΠ΅ΠΉ ΡΡΡΠΎΠΊΠ΅ ΠΏΠΎΠΌΠ΅ΡΡΠΈΡΠ΅ ΠΊΠΎΠ½ΡΠ΅Π½Ρ.
Π‘Π΄Π΅Π»Π°ΡΡ ΠΎΠΏΠΈΡΠ°Π½ΠΈΠ΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠΌ
ΠΠΎΠ±Π°Π²ΠΈΡΡ ΡΠ΅Π³ h6 Π΄Π»Ρ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°
ΠΠ°Π΄Π΅ΡΡΡ, ΡΡΠΎ Π±ΡΠ΄Π΅Ρ ΠΏΠΎΠ»Π΅Π·Π½ΠΎ ΠΈ Π΄ΡΡΠ³ΠΈΠΌ.
0
Jahanzaib Muneer 18 Π‘Π΅Π½ 2020 Π² 15:14
Π¨Π°Π³ 1. ΠΡΠΊΡΠΎΠΉΡΠ΅ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ ΠΏΡΠΎΠ΄ΡΠΊΡΠΎΠ² Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ² Shopify. ΠΠΎΡΠ»Π΅ ΠΎΡΠΊΡΡΡΠΈΡ ΠΏΡΠΎΠ΄ΡΠΊΡΠ°, ΠΊΠΎΡΠΎΡΡΠΉ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ ΠΎΡΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°ΡΡ, Π½Π°ΠΆΠΌΠΈΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΡ Β«ΠΡΠΎΡΠΌΠΎΡΡΠ΅ΡΡ HTMLΒ» Π² ΠΏΡΠ°Π²ΠΎΠΌ Π²Π΅ΡΡ Π½Π΅ΠΌ ΡΠ³Π»Ρ ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠΉ ΠΎΠ±Π»Π°ΡΡΠΈ. https: //cdn.shopify.com/s/files/1/0783/2131/files/shopify-tabs-minimal-theme-1.jpg?4235358175750708465
Π¨Π°Π³ 2. ΠΡΡΠ°Π²ΡΡΠ΅ ΡΡΠΎΡ ΠΊΠΎΠ΄ Π² ΠΎΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΠΏΡΠΎΠ΄ΡΠΊΡΠ°. https: //cdn.shopify.com/s/files/1/0783/2131/files/shopify-tabs-minimal-theme-2.jpg?8632844864695689229
Π’Π΅ΠΏΠ΅ΡΡ Π²Π°Ρ ΠΏΡΠΎΠ΄ΡΠΊΡ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π²ΡΠ³Π»ΡΠ΄Π΅ΡΡ ΠΏΡΠΈΠΌΠ΅ΡΠ½ΠΎ ΡΠ°ΠΊ:
Π¨Π°Π³ 3. ΠΡΡΠ΅Π΄Π°ΠΊΡΠΈΡΡΠΉΡΠ΅ ΠΌΠ΅ΡΠΊΠΈ ΠΈ ΠΊΠΎΠ½ΡΠ΅Π½Ρ Π΄Π»Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ. Π― Π½Π°ΡΡΠΎΡΡΠ΅Π»ΡΠ½ΠΎ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΡ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°ΡΡ ΠΌΠ΅ΡΠΊΠΈ ΠΈ ΠΊΠΎΠ½ΡΠ΅Π½Ρ Π² ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ΅ HTML, Π° Π½Π΅ Π² Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎΠΌ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ΅. ΠΡΠΎ ΠΏΠΎΡΠΎΠΌΡ, ΡΡΠΎ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΠΉ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ ΠΈΠΌΠ΅Π΅Ρ ΡΠ΅Π½Π΄Π΅Π½ΡΠΈΡ ΠΈΡΠΏΠΎΡΡΠΈΡΡ HTML-ΠΊΠΎΠ΄, ΠΊΠΎΡΠΎΡΡΠΉ Π²Ρ Π²ΡΡΠ°Π²ΠΈΠ»ΠΈ.
Π¨Π°Π³ 4: Π‘ΠΎΡ ΡΠ°Π½ΠΈΡΡ ΠΠ°ΠΆΠΌΠΈΡΠ΅ Β«ΠΠ±Π½ΠΎΠ²ΠΈΡΡΒ» ΠΈΠ»ΠΈ Β«Π‘ΠΎΡ ΡΠ°Π½ΠΈΡΡΒ», ΡΡΠΎΠ±Ρ ΡΠΎΡ ΡΠ°Π½ΠΈΡΡ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ, Π²Π½Π΅ΡΠ΅Π½Π½ΡΠ΅ Π² ΠΏΡΠΎΠ΄ΡΠΊΡ. ΠΠ°ΡΠ΅ΠΌ ΠΏΡΠΎΡΠΌΠΎΡΡΠΈΡΠ΅ ΠΏΡΠΎΠ΄ΡΠΊΡ Π½Π° ΡΠ²ΠΎΠ΅ΠΌ Π²Π΅Π±-ΡΠ°ΠΉΡΠ΅, ΡΡΠΎΠ±Ρ ΡΠ±Π΅Π΄ΠΈΡΡΡΡ, ΡΡΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡΡΡ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎ.
ΠΠ°Π΄Π΅ΡΡΡ, Ρ Π²Π°Ρ Π²ΡΠ΅ ΠΏΡΠΎΡΠ»ΠΎ Π³Π»Π°Π΄ΠΊΠΎ! ΠΡΠ»ΠΈ Ρ Π²Π°Ρ Π²ΠΎΠ·Π½ΠΈΠΊΠ»ΠΈ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ, ΠΎΡΡΠ°Π²ΡΡΠ΅ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΉ Π½ΠΈΠΆΠ΅ Ρ ΠΎΠΏΠΈΡΠ°Π½ΠΈΠ΅ΠΌ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ, ΠΈ Ρ ΡΠ΄Π΅Π»Π°Ρ Π²ΡΠ΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΠ΅, ΡΡΠΎΠ±Ρ ΠΏΠΎΠΌΠΎΡΡ.
0
Ahsan Ch 4 Π‘Π΅Π½ 2020 Π² 18:36
ΠΡΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°ΡΡ, Π½ΠΎ ΡΡΠΎ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ Π²Π·Π»ΠΎΠΌΠ°Π½ΠΎ.
- ΠΠΎΠ±Π°Π²ΡΡΠ΅ HTML-ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΉ Π² ΠΎΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΠΏΡΠΎΠ΄ΡΠΊΡΠ°, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ
<!--split-->
, ΡΡΠΎΡ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΉ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±ΡΡΡ Π² Π½Π°ΡΠ°Π»Π΅ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ, ΡΠ±Π΅Π΄ΠΈΡΠ΅ΡΡ, ΡΡΠΎ Π²Ρ Π΄ΠΎΠ±Π°Π²ΠΈΠ»ΠΈ ΡΠ²ΠΎΠΉ ΠΊΠΎΠ½ΡΠ΅Π½Ρ Π² ΡΠ΅ΠΆΠΈΠΌΠ΅ HTML-ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ°
<p>tab 1 content</p><!--split-->
<p>tab 2 content</p><!--split-->
<p>tab 3 content</p>
- Π ΡΠ°Π±Π»ΠΎΠ½Π΅ ΠΏΡΠΎΠ΄ΡΠΊΡΠ° ΡΠ°Π·Π΄Π΅Π»ΠΈΡΠ΅ ΠΎΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΠΏΡΠΎΠ΄ΡΠΊΡΠ°, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ:
{% assign description_tabs = product.
description | split: '<!--split-->' %}
- ΠΡΠΎΠΊΡΡΡΠΈΡΠ΅
description_tabs
, ΡΡΠΎΠ±Ρ ΠΎΡΠΎΠ±ΡΠ°Π·ΠΈΡΡ ΠΊΠ°ΠΆΠ΄ΡΠΉ Π±Π»ΠΎΠΊ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ
{% for tab in description_tabs %}
<div>{{ tab }}</div>
{% endfor %}
ΠΠ°ΠΌ Π½ΡΠΆΠ½ΠΎ Π±ΡΠ΄Π΅Ρ Π½Π°ΠΏΠΈΡΠ°ΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ html / css / js, ΡΡΠΎΠ±Ρ ΡΡΠ° ΡΠ°Π±ΠΎΡΠ° Π·Π°ΡΠ°Π±ΠΎΡΠ°Π»Π°, Π½ΠΎ ΡΡΠΎΡ ΠΆΠΈΠ΄ΠΊΠΈΠΉ ΠΊΠΎΠ΄ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π·Π°ΡΡΠ°Π²ΠΈΡΡ Π²Π°Ρ ΡΠ°Π±ΠΎΡΠ°ΡΡ.
Π£Π΄Π°ΡΠΈ!
0
Karim Tarek 3 Π‘Π΅Π½ 2020 Π² 03:38
ΠΠ°ΠΊ ΡΠ΄Π΅Π»Π°ΡΡ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ Π² Google Chrome β B2Blogger.com
14 January, 2014 β ΠΠ½ΡΠ΅ΡΠ½Π΅Ρ ΠΈ IT
Π Π°Π±ΠΎΡΠ°Ρ Ρ Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠΌ Google Chrome, Π½Π΅Π²ΠΎΠ»ΡΠ½ΠΎ Π·Π°Π΄ΡΠΌΡΠ²Π°Π΅ΡΡΡΡ ΠΎ ΡΠΎΠΌ, ΠΊΠ°ΠΊ Π±Ρ ΡΠ΄Π΅Π»Π°ΡΡ Π±ΠΎΠ»Π΅Π΅ ΡΠ΄ΠΎΠ±Π½ΠΎΠ΅ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ. ΠΠ±ΡΡΠ½ΠΎ, Π²ΠΊΠ»Π°Π΄ΠΊΠΈ ΡΠ°ΡΠΏΠΎΠ»Π°Π³Π°ΡΡΡΡ Π²Π΅ΡΡ Π½Π΅ΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ Π±ΡΠ°ΡΠ·Π΅ΡΠ° Google Chrome.ΠΡΠ²Π°ΡΡ ΡΠ°ΠΊΠΈΠ΅ ΡΠ»ΡΡΠ°ΠΈ, ΠΊΠΎΠ³Π΄Π° ΠΏΡΠΎΡΡΠΎ Π½Π΅ΡΠ΄ΠΎΠ±Π½ΠΎ, ΠΏΠΎΡΡΠΎΡΠ½Π½ΠΎ ΠΏΠΎΠ΄Π½ΠΈΠΌΠ°ΡΡ Π²Π·Π³Π»ΡΠ΄ Π²Π²Π΅ΡΡ
, ΡΡΠΎΠ±Ρ Π½Π°ΠΉΡΠΈ ΡΡ ΠΈΠ»ΠΈ ΠΈΠ½ΡΡ Π²ΠΊΠ»Π°Π΄ΠΊΡ Π΄Π»Ρ Π΅Ρ ΠΎΡΠΊΡΡΡΠΈΡ. Π₯ΠΎΡΡ ΠΈ Π³ΠΎΠ²ΠΎΡΡΡ, ΡΡΠΎ Π½Π°Π΄ΠΎ ΡΡΠ΅Π½ΠΈΡΠΎΠ²Π°ΡΡ Π³Π»Π°Π·Π½ΡΠ΅ ΠΌΡΡΡΡ, ΠΌΠ΅Π½ΡΡ Π΄Π°Π»ΡΠ½ΠΎΡΡΡ Π²Π·Π³Π»ΡΠ΄Π°, Π½ΠΎ ΠΈΠ½ΠΎΠ³Π΄Π° ΡΡΠΎ ΠΌΠ΅ΡΠ°Π΅Ρ Π΄Π»Ρ Π±ΡΡΡΡΠΎΠΉ ΡΠ°Π±ΠΎΡΡ. ΠΡΠΎΡΠ΅ ΠΈ Π»Π΅Π³ΡΠ΅ Π²Π·Π³Π»ΡΠ½ΡΡΡ Π²Π±ΠΎΠΊ ΠΈ ΠΎΡΠΊΡΡΡΡ ΡΠΎΡ ΠΈΠ»ΠΈ ΠΈΠ½ΠΎΠΉ ΡΠ°ΠΉΡ. ΠΠ΅ΡΡ Π²ΠΎΠΏΡΠΎΡ Π² ΡΠΎΠΌ, ΠΊΠ°ΠΊ ΡΡΠΎ ΡΠ΄Π΅Π»Π°ΡΡ? Π’Π°ΠΊ ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°ΡΡ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ Π² Google Chrome? ΠΠ°Π²Π°ΠΉΡΠ΅ Π±ΡΠ΄Π΅ΠΌ ΡΠ°Π·Π±ΠΈΡΠ°ΡΡΡΡ.
Π Google Chrome Π·Π°Π»ΠΎΠΆΠ΅Π½Ρ ΡΡΠ½ΠΊΡΠΈΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠΊΡΡΡΡ, ΠΎΠ½ΠΈ Π½Π°Π·ΡΠ²Π°ΡΡΡΡ Β«ΠΠΊΡΠΏΠ΅ΡΠΈΠΌΠ΅Π½ΡΠ°Π»ΡΠ½ΡΠ΅ ΡΡΠ½ΠΊΡΠΈΠΈΒ». ΠΠΎΡ ΠΎΠ΄Π½Π° ΠΈΠ· ΡΠ°ΠΊΠΈΡ ΡΠΌΠ½ΡΡ ΡΡΠ½ΠΊΡΠΈΠΉ ΡΠ»ΡΠΆΠΈΡ Π΄Π»Ρ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΡ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ ΡΠ±ΠΎΠΊΡ.
ΠΡΠ°Π²Π΄Π°, ΠΏΡΠΈ Π²ΡΠΏΠΎΠ»Π½Π΅Π½ΠΈΠΈ Π΄Π°Π½Π½ΠΎΠΉ ΡΡΠ½ΠΊΡΠΈΠΈ Π½Π°Π΄ΠΎ Π±ΡΡΡ ΠΏΡΠ΅Π΄Π΅Π»ΡΠ½ΠΎ Π²Π½ΠΈΠΌΠ°ΡΠ΅Π»ΡΠ½ΡΠΌ ΠΈ ΠΎΡΡΠΎΡΠΎΠΆΠ½ΡΠΌ. ΠΠΎΡ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΡΠ΅Π΄ΡΠΏΡΠ΅ΠΆΠ΄Π΅Π½ΠΈΡ ΠΏΠΎ ΠΏΠΎΠ²ΠΎΠ΄Ρ ΡΠΊΡΠΏΠ΅ΡΠΈΠΌΠ΅Π½ΡΠ°Π»ΡΠ½ΡΡ ΡΡΠ½ΠΊΡΠΈΠΉ, ΠΎ ΠΊΠΎΡΠΎΡΡΡ ΡΠ²Π΅Π΄ΠΎΠΌΠ»ΡΠ΅Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊ: Β«ΡΡΠ½ΠΊΡΠΈΡ ΠΌΠΎΠΆΠ΅Ρ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡΡΡ ΠΈΠ»ΠΈ ΠΈΡΡΠ΅Π·Π½ΡΡΡ ΡΠΎΠ²ΡΠ΅ΠΌΒ».
ΠΠΎ Β«Π½Π΅ ΡΡΡΠ°ΡΠ΅Π½ ΡΡΡΡ, ΠΊΠ°ΠΊ Π΅Π³ΠΎ ΠΌΠ°Π»ΡΡΡΒ». ΠΠ»Π°Π²Π½ΠΎΠ΅, ΡΠΈΡΠ°ΡΡ Π²Π½ΠΈΠΌΠ°ΡΠ΅Π»ΡΠ½ΠΎ ΠΈΡ ΠΏΡΠ΅Π΄ΡΠΏΡΠ΅ΠΆΠ΄Π΅Π½ΠΈΠ΅ ΠΈ ΠΈΠ½ΡΡΡΡΠΊΡΠΈΡ ΠΈ Π²ΡΡ Π±ΡΠ΄Π΅Ρ Ρ ΠΎΡΠΎΡΠΎ.
ΠΠ»Ρ Π±Π»Π°Π³ΠΎΠΏΠΎΠ»ΡΡΠ½ΠΎΠΉ ΡΠΌΠ΅Π½Ρ Π²Π΅ΡΡ Π½Π΅ΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ Π½Π° Β«Π±ΠΎΠΊΠΎΠ²ΡΡΒ», Π½Π°ΠΆΠ°ΡΠΈΠ΅ΠΌ Π½Π° Β«ΡΠΊΡΠΏΠ΅ΡΠΈΠΌΠ΅Π½ΡΠ°Π»ΡΠ½ΡΠ΅ ΡΡΠ½ΠΊΡΠΈΠΈΒ», ΠΎΡΠΊΡΡΠ²Π°Π΅ΡΠ΅ Π΅Ρ ΠΈ ΠΏΠΈΡΠΈΡΠ΅ Π² Π°Π΄ΡΠ΅ΡΠ½ΠΎΠΉ ΡΡΡΠΎΠΊΠ΅ ΡΠ°ΠΊΠΎΠ΅ ΡΠ»ΠΎΠ²ΠΎ: about:flag. ΠΠ²Π΅Π΄ΠΈΡΠ΅ ΡΡΠΎ ΡΠ»ΠΎΠ²ΠΎ, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½ΠΈΠΆΠ΅.
ΠΠ°Π»Π΅Π΅, Π² ΠΎΡΠΊΡΡΠ²ΡΠ΅ΠΌΡΡ ΠΎΠΊΠ½Π΅, Π½Π°Ρ ΠΎΠ΄ΠΈΡΠ΅ ΡΠ»ΠΎΠ²ΠΎΡΠΎΡΠ΅ΡΠ°Π½ΠΈΠ΅ ΠΏΡΠΎ Β«ΠΠΎΠΊΠΎΠ²ΡΠ΅ Π²ΠΊΠ»Π°Π΄ΠΊΠΈΒ», Π½Π°ΠΆΠΈΠΌΠ°Π΅ΡΠ΅ Β«ΠΠΊΠ»ΡΡΠΈΡΡΒ».
ΠΠΏΡΡΡΠΈΠ² ΡΡΡΠ°Π½ΠΈΡΡ Π²Π½ΠΈΠ·, Π½Π°ΠΆΠΈΠΌΠ°Π΅ΡΠ΅ Β«ΠΏΠ΅ΡΠ΅Π·Π°ΠΏΡΡΡΠΈΡΡΒ».
ΠΠΎΡΠ»Π΅ ΠΏΠ΅ΡΠ΅Π·Π°ΠΏΡΡΠΊΠ° ΠΎΡΠΊΡΡΠ²Π°Π΅ΡΠ΅ Β«ΠΠ°Π½Π΅Π»Ρ Π²ΠΊΠ»Π°Π΄ΠΎΠΊΒ» β > Β«ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π±ΠΎΠΊΠΎΠ²ΡΠ΅ Π²ΠΊΠ»Π°Π΄ΠΊΠΈΒ».
Π’Π΅ΠΏΠ΅ΡΡ Π²Π°ΡΠΈ Π»ΡΠ±ΠΈΠΌΡΠ΅ Π²ΠΊΠ»Π°Π΄ΠΎΡΠΊΠΈ Π±ΡΠ΄ΡΡ ΡΠ°ΡΠΏΠΎΠ»Π°Π³Π°ΡΡΡΡ Π½Π΅ Π³Π΄Π΅-Π½ΠΈΠ±ΡΠ΄Ρ, Π° ΡΠ±ΠΎΠΊΡ. Π§Π΅Π³ΠΎ ΠΈ Π΄ΠΎΠ±ΠΈΠ²Π°Π»ΠΈΡΡ Π²Π½Π°ΡΠ°Π»Π΅ ΡΡΠ°ΡΡΠΈ.
ΠΠ°ΠΊ ΡΠ΄Π΅Π»Π°ΡΡ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ Π² Google Chrome ΡΠ½ΠΎΠ²Π° Π²Π²Π΅ΡΡ Ρ? ΠΠ° Π½Π΅Ρ Π½ΠΈΡΠ΅Π³ΠΎ ΠΏΡΠΎΡΠ΅. Π‘ΠΌΠ΅Π»ΠΎ ΠΏΠΎΠ²ΡΠΎΡΡΠ΅ΡΠ΅ Π΄Π΅ΠΉΡΡΠ²ΠΈΠ΅ Π² ΠΌΠ΅Π½Ρ Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ ΠΠΊΡΠΏΠ΅ΡΠΈΠΌΠ΅Π½ΡΠ°Π»ΡΠ½ΠΎΠΉ ΡΡΠ½ΠΊΡΠΈΠΈ Π½Π°ΠΆΠ°ΡΠΈΠ΅ΠΌ ΠΊΠ½ΠΎΠΏΠΊΠΈ Β«ΠΎΡΠΊΠ»ΡΡΠΈΡΡΒ». ΠΠΎΡ ΠΈ Π²ΡΠ΅ Π²Π°ΡΠΈ ΡΡΡΠ°Ρ ΠΈ Π·Π°ΠΊΠΎΠ½ΡΠΈΠ»ΠΈΡΡ. Π£Π΄Π°ΡΠΈ!
Google Chrome, Π²ΠΊΠ»Π°Π΄ΠΊΠΈ, ΡΠ°Π±Ρ, ΡΠΊΡΠΏΠ΅ΡΠΈΠΌΠ΅Π½ΡΠ°Π»ΡΠ½ΡΠ΅ ΡΡΠ½ΠΊΡΠΈΠΈ
Tweet
Π§ΠΈΡΠ°ΠΉΡΠ΅ ΡΠ°ΠΊ ΠΆΠ΅:
6 March, 2015
Microsoft Excel β ΡΠ΄ΠΈΠ²ΠΈΡΠ΅Π»ΡΠ½ΠΎΠ΅ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ½ΠΎΠ΅ ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠ΅Π½ΠΈΠ΅, ΠΎ ΡΠΈΡΠΎΠΊΠΈΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡΡ ΠΊΠΎΡΠΎΡΠΎΠ³ΠΎ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΠΈ Π½Π΅ ΠΈΠΌΠ΅ΡΡ ΠΌΠ°Π»Π΅ΠΉΡΠ΅Π³ΠΎ ΠΏΠΎΠ½ΡΡΠΈΡ. ΠΠΈΠΆΠ΅ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ ΠΏΠ΅ΡΠ΅ΡΠ΅Π½Ρ ΠΎΡΠ½ΠΎΠ²Π½ΡΡ ΠΏΡΠΈΠ΅ΠΌΠΎΠ², ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΠΎΠΌΠΎΠ³ΡΡ ΡΠΏΡΠΎΡΡΠΈΡΡ ΠΈ ΡΡΠΊΠΎΡΠΈΡΡ ΡΠ°Π±ΠΎΡΡ Ρ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΎΠΉ.1 September, 2014
Π Π°Π·Π»ΠΈΡΠ½ΡΠ΅ ΠΏΠΎΠΊΠ°Π·Π°ΡΠ΅Π»ΠΈ ΡΠ²Π»ΡΡΡΡΡ ΠΎΡΠ»ΠΈΡΠ½ΡΠΌ ΡΡΠ΅Π΄ΡΡΠ²ΠΎΠΌ ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΡΠΈΡΠΎΠ²Π°ΡΡ Π°ΡΠΏΠ΅ΠΊΡΡ SEO-ΠΏΡΠΎΠ΄Π²ΠΈΠΆΠ΅Π½ΠΈΡ. ΠΡΠΈ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎΠΌ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠΈ ΠΎΠ½ΠΈ ΠΌΠΎΠ³ΡΡ ΠΏΠΎΠΊΠ°Π·Π°ΡΡ Π·Π°ΠΊΠΎΠ½ΠΎΠΌΠ΅ΡΠ½ΠΎΡΡΠΈ ΠΈ ΡΠ΅Π½Π΄Π΅Π½ΡΠΈΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ Π΄ΠΎΠ»ΠΆΠ½Ρ Π±ΡΡΡ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Ρ Π΄Π»Ρ Π΄Π°Π»ΡΠ½Π΅ΠΉΡΠ΅Π³ΠΎ ΠΏΡΠΎΠ΄Π²ΠΈΠΆΠ΅Π½ΠΈΡ ΡΠ°ΠΉΡΠ°. ΠΠ΄Π½Π°ΠΊΠΎ ΠΏΠΎΠ½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΡΠΎΠ³ΠΎ, ΠΊΠ°ΠΊΠΈΠ΅ ΠΈΠ· ΠΏΠΎΠΊΠ°Π·Π°ΡΠ΅Π»Π΅ΠΉ ΡΠ²Π»ΡΡΡΡΡ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ Π²Π°ΠΆΠ½ΡΠΌΠΈ, Π²ΡΡΡΠ΅ΡΠ°Π΅ΡΡΡ Π½Π΅ Ρ Π²ΡΠ΅Ρ ΠΎΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΎΡΠΎΠ². ΠΠ΅ΡΠ΅ΡΠΈΡΠ»Π΅Π½Π½ΡΠ΅ Π½ΠΈΠΆΠ΅ 5 ΠΏΠΎΠΊΠ°Π·Π°ΡΠ΅Π»Π΅ΠΉ Π½Π΅ ΠΈΠΌΠ΅ΡΡ Π±ΠΎΠ»ΡΡΠΎΠ³ΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΡ, ΠΏΠΎΡΡΠΎΠΌΡ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΠ·Π±Π΅Π³Π°ΡΡ Π·Π°ΡΡΠ°Ρ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ ΠΈ ΡΡΠ΅Π΄ΡΡΠ² Π½Π° Π½ΠΈΡ .
19 August, 2014
ΠΡΡΠ΅ΠΊΡΠΈΠ²Π½Π°Ρ ΡΠ°ΡΠΊΡΡΡΠΊΠ° ΠΠ½ΡΠ΅ΡΠ½Π΅Ρ-ΡΠ΅ΡΡΡΡΠ° ΡΠ΅ΡΠ΅Π· ΠΏΠΎΡΡΠΈΠ½Π³ Π² ΡΠΎΡΠ·Π°ΠΊΠ»Π°Π΄ΠΊΠΈ Π²Π°ΠΆΠ½Π° Π΄Π»Ρ Π΅Π³ΠΎ ΠΎΠ±ΡΠ΅Π³ΠΎ ΠΏΡΠΎΠ΄Π²ΠΈΠΆΠ΅Π½ΠΈΡ. ΠΠΎΠ΄ ΡΠ΅ΡΠΌΠΈΠ½ΠΎΠΌ Β«ΡΡΡΠ΅ΠΊΡΠΈΠ²Π½Π°ΡΒ» ΠΌΡ ΠΏΠΎΠ½ΠΈΠΌΠ°Π΅ΠΌ Π½Π΅ ΠΆΠ΅Π»Π°Π½ΠΈΠ΅ ΠΏΠΎΠ²ΡΡΠΈΡΡ Π’Π΅ΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΠΉ ΠΈΠ½Π΄Π΅ΠΊΡ ΡΠΈΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΠΈΠ»ΠΈ ΠΏΠΎΡΡΡΠΎΠ΅Π½ΠΈΠ΅ PR, Π° ΠΏΡΠΈΠ²Π»Π΅ΡΠ΅Π½ΠΈΠ΅ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ, ΠΊΠΎΡΠΎΡΡΠ΅ Π°ΠΊΡΠΈΠ²Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡ Π·Π°ΠΊΠ»Π°Π΄ΠΊΠΈ ΡΠΎΡΠΈΠ°Π»ΡΠ½ΡΡ ΠΌΠ΅Π΄ΠΈΠ°. Π‘Π»Π΅Π΄ΡΠ΅Ρ ΠΎΡΠΌΠ΅ΡΠΈΡΡ, ΡΡΠΎ ΡΠ°ΠΊΠΈΡ Π»ΡΠ΄Π΅ΠΉ Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ Π±ΠΎΠ»ΡΡΠΎΠ΅ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ . ΠΠΎΡΡΠΎΠΌΡ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ ΡΠ΄Π΅Π»ΠΈΡΡ ΡΡΠΈΠΌ ΡΠ΅ΡΠ²ΠΈΡΠ°ΠΌ ΠΏΡΠΈΡΡΠ°Π»ΡΠ½ΠΎΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΈ ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ Π² ΡΠΎΡΠ·Π°ΠΊΠ»Π°Π΄ΠΊΠΈ Π½ΠΎΠ²ΡΠ΅ ΡΡΡΠ°Π½ΠΈΡΡ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΠΎΠ³ΠΎ ΡΠ°ΠΉΡΠ°. ΠΡΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ Π΄ΠΎΡΡΠΈΡΡ ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡΠ½ΠΎΠ³ΠΎ ΡΡΡΠ΅ΠΊΡΠ° ΠΎΡ ΡΠ°ΡΠΊΡΡΡΠΊΠΈ, Π° ΡΠ°ΠΊΠΆΠ΅ ΡΡΠΊΠΎΡΠΈΡ ΠΈΠ½Π΄Π΅ΠΊΡΠ°ΡΠΈΡ ΠΏΠΎΠΈΡΠΊΠΎΠ²ΡΠΌΠΈ ΡΠΈΡΡΠ΅ΠΌΠ°ΠΌΠΈ.18 August, 2014
ΠΠ°ΠΆΠ΄ΡΠΉ SEO-ΠΎΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΎΡ Π·Π½Π°Π΅Ρ, ΡΡΠΎ Π΄Π»Ρ ΡΡΠΏΠ΅ΡΠ½ΠΎΠ³ΠΎ ΠΏΡΠΎΠ΄Π²ΠΈΠΆΠ΅Π½ΠΈΡ ΡΠ°ΠΉΡΠ° Π½Π΅Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ Π½Π°ΠΏΠΎΠ»Π½ΠΈΡΡ Π΅Π³ΠΎ ΠΊΠ°ΠΊΠΈΠΌ ΠΏΠΎΠΏΠ°Π»ΠΎ ΡΠ΅ΠΊΡΡΠΎΠΌ, ΠΊΠ°ΠΆΠ΄Π°Ρ ΠΌΠ΅Π»ΠΎΡΡ Π·Π΄Π΅ΡΡ Π²Π°ΠΆΠ½Π° ΠΈ ΠΌΠΎΠΆΠ΅Ρ ΠΏΠΎΠ²Π»ΠΈΡΡΡ Π½Π° ΡΠ°Π½ΠΆΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅.18 August, 2014
ΠΠ΅ΡΡΠΎΠΊΠ°Ρ ΡΠ΅Π°Π»ΡΠ½ΠΎΡΡΡ ΡΠ°ΠΊΠΎΠ²Π°, ΡΡΠΎ Π΄Π°ΠΆΠ΅ Π΅ΡΠ»ΠΈ Ρ Π²Π°Ρ Π±ΠΎΠ»ΡΡΠΎΠΉ ΡΠ°ΠΉΡ, Π½Π΅Π²Π΅Π»ΠΈΠΊΠΈ ΡΠ°Π½ΡΡ ΡΠΎΠ³ΠΎ, ΡΡΠΎ ΠΊΠ»ΠΈΠ΅Π½Ρ ΡΠ»ΡΡΠ°ΠΉΠ½ΡΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ ΠΏΠΎΠΏΠ°Π΄Π΅Ρ Π½Π° Π½Π΅Π³ΠΎ. Π’Π°ΠΊ ΡΡΠΎ ΠΎΡΠ΅Π½Ρ Π²Π°ΠΆΠ½ΡΠΌ ΡΡΠ°Π½ΠΎΠ²ΠΈΡΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠ΅ ΡΡΡΠ°ΡΠ΅Π³ΠΈΠΈ, Π±Π»Π°Π³ΠΎΠ΄Π°ΡΡ ΠΊΠΎΡΠΎΡΡΠΌ ΠΎ Π²Π°ΡΠ΅ΠΌ ΡΠ°ΠΉΡΠ΅ ΡΠ·Π½Π°ΡΡ ΡΡΡΡΡΠΈ ΠΈ Π΄Π΅ΡΡΡΠΊΠΈ ΡΡΡΡΡ ΡΠ΅Π»ΠΎΠ²Π΅ΠΊ.Canvas How-To: ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅
ΠΡΠ° ΡΡΡΠ°Π½ΠΈΡΠ° ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ ΡΠ΅ΡΡΡΡΡ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΡΠ΅ΠΏΠΎΠ΄Π°Π²Π°ΡΠ΅Π»ΠΈ ΠΌΠΎΠ³ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΈ Ρ Π²ΠΊΠ»Π°Π΄ΠΊΠ°ΠΌΠΈ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅ Ρ ΠΎΠ»ΡΡΠ°.
ΠΠ±Π·ΠΎΡ ΠΏΡΠΎΡΠ΅ΡΡΠ°
ΠΠΈΠ΄Π΅ΠΎ Π»ΡΠ±Π΅Π·Π½ΠΎ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»Π΅Π½ΠΎ ΠΡΠ΅Π³ΠΎΡΠΈ ΠΠ΅ΠΉΡΠ΅ΡΠΎΠΌ, ΠΠΎΠ»Π»Π΅Π΄ΠΆ ΠΠΎΡΡΠΌΠ½Π΅Ρ Π ΠΈΠ²Π΅Ρ
ΠΡΠ°ΠΏ I β ΠΠΌΠΏΠΎΡΡΠΈΡΠΎΠ²Π°ΡΡ ΠΎΠ±ΡΠ°Π·Π΅Ρ ΡΡΡΠ°Π½ΠΈΡΡ ΠΈΠ· Canvas Commons
ΠΠ»Ρ Π½Π°ΡΠ°Π»Π° ΠΈΠΌΠΏΠΎΡΡΠΈΡΡΠΉΡΠ΅ ΡΠ΅ΡΡΡΡ Stan State β Sample Page Ρ Π²ΠΊΠ»Π°Π΄ΠΊΠ°ΠΌΠΈ ΠΈΠ· Canvas Commons Π² ΠΎΠ΄ΠΈΠ½ ΠΈΠ· Π²Π°ΡΠΈΡ ΠΊΡΡΡΠΎΠ² Canvas.
- ΠΠΎΠΉΠ΄ΠΈΡΠ΅ Π² Canvas ΠΈ ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ Commons Π² Π»Π΅Π²ΠΎΠΌ ΠΌΠ΅Π½Ρ Canvas.
- ΠΠ°ΠΉΠ΄ΠΈΡΠ΅ Β«Π‘ΡΠ°Π½Π΄Π°ΡΡΠ½ΠΎΠ΅ ΡΠΎΡΡΠΎΡΠ½ΠΈΠ΅ β ΠΎΠ±ΡΠ°Π·Π΅Ρ ΡΡΡΠ°Π½ΠΈΡΡ Ρ Π²ΠΊΠ»Π°Π΄ΠΊΠ°ΠΌΠΈΒ». ΠΠ°ΠΊ ΡΠΎΠ»ΡΠΊΠΎ Π²Ρ Π½Π°ΡΠ½Π΅ΡΠ΅ ΠΏΠ΅ΡΠ°ΡΠ°ΡΡ, ΠΏΠΎΡΠ²ΡΡΡΡ ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΡ. ΠΡΠ±Π΅ΡΠΈΡΠ΅ ΠΎΠ±ΡΠ°Π·Π΅Ρ ΡΡΡΠ°Π½ΠΈΡΡ ΠΈΠ· ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠΎΠ².
- ΠΠ°ΠΆΠΌΠΈΡΠ΅ ΡΠΈΠ½ΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ ΠΠΌΠΏΠΎΡΡ / ΠΠ°Π³ΡΡΠ·ΠΈΡΡ ΠΈ Π²ΡΠ±Π΅ΡΠΈΡΠ΅ ΠΊΡΡΡ, Π² ΠΊΠΎΡΠΎΡΡΠΉ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ ΠΈΠΌΠΏΠΎΡΡΠΈΡΠΎΠ²Π°ΡΡ.
ΠΡΡΠΌΠ°Ρ ΡΡΡΠ»ΠΊΠ° Π½Π° ΡΠ΅ΡΡΡΡ
, ΡΡΠ°ΠΏ II β ΠΌΠΎΠ΄ΠΈΡΠΈΠΊΠ°ΡΠΈΡ Π΄Π»Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ
ΠΠΎΡΠ»Π΅ ΡΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΡΡΡΠ°Π½ΠΈΡΠ° Π±ΡΠ»Π° ΠΈΠΌΠΏΠΎΡΡΠΈΡΠΎΠ²Π°Π½Π° ΠΈΠ· Commons, ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ Pages Π² ΠΊΡΡΡΠ΅, ΡΡΠΎΠ±Ρ Π½Π°ΡΠ°ΡΡ Π΅Π³ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ.
- ΠΠ· ΡΠΏΠΈΡΠΊΠ° ΡΡΡΠ°Π½ΠΈΡ ΠΎΡΠΊΡΠΎΠΉΡΠ΅ ΡΡΡΠ°Π½ΠΈΡΡ Β«ΠΠ±ΡΠ°Π·Π΅Ρ ΡΡΡΠ°Π½ΠΈΡΡ Ρ Π²ΠΊΠ»Π°Π΄ΠΊΠ°ΠΌΠΈΒ».
- Π©Π΅Π»ΠΊΠ½ΠΈΡΠ΅ ΠΠ·ΠΌΠ΅Π½ΠΈΡΡ .
- Π Π²Π΅ΡΡ
Π½Π΅ΠΌ ΡΠΏΠΈΡΠΊΠ΅ ΡΡΡΠ»ΠΎΠΊ Π·Π°ΠΌΠ΅Π½ΡΠ΅Ρ ΡΠ΅ΠΊΡΡ ΠΌΠ΅ΡΠΊΠΈ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΡΡΡΠ»ΠΊΠΈ ΠΆΠ΅Π»Π°Π΅ΠΌΡΠΌΠΈ ΠΌΠ΅ΡΠΊΠ°ΠΌΠΈ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΈ.
ΠΡΠΈΠΌΠ΅ΡΠ°Π½ΠΈΠ΅: Π΄Π»Ρ Π΄ΠΎΡΡΠΈΠΆΠ΅Π½ΠΈΡ Π½Π°ΠΈΠ»ΡΡΡΠΈΡ ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠΎΠ² ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ Π² ΡΠ΅ΡΠ΅Π΄ΠΈΠ½Π΅ ΠΈΠΌΠ΅Π½ΠΈ ΠΏΡΠΈΠΌΠ΅ΡΠ° ΠΈ Π½Π°ΡΠ½ΠΈΡΠ΅ Π²Π²ΠΎΠ΄ΠΈΡΡ ΡΠ²ΠΎΠΉ ΠΏΠΎΠ²ΡΠΎΡ, Π° Π·Π°ΡΠ΅ΠΌ ΡΠ΄Π°Π»ΠΈΡΠ΅ Π²ΡΠ΅ Π»ΠΈΡΠ½ΠΈΠ΅ ΡΠΈΠΌΠ²ΠΎΠ»Ρ. ΠΡΠΎ Π³Π°ΡΠ°Π½ΡΠΈΡΡΠ΅Ρ, ΡΡΠΎ Π»Π΅ΠΆΠ°ΡΠΈΠΉ Π² ΠΎΡΠ½ΠΎΠ²Π΅ HTML Π½Π΅ Π±ΡΠ΄Π΅Ρ ΡΠ»ΡΡΠ°ΠΉΠ½ΠΎ Π½Π°ΡΡΡΠ΅Π½. - Π ΠΎΠ±Π»Π°ΡΡΠΈ ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠ³ΠΎ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ Π·Π°ΠΌΠ΅Π½ΡΠ΅Ρ ΡΠ΅ΠΊΡΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° Π΄Π»Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΠΎΠ±Π»Π°ΡΡΠΈ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ, ΡΡΠΎΠ±Ρ ΠΎΠ½ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΎΠ²Π°Π» ΠΌΠ΅ΡΠΊΠ΅ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΈ.
ΠΡΠΈΠΌΠ΅ΡΠ°Π½ΠΈΠ΅. ΠΠ°ΠΊ ΠΈ Π²ΡΡΠ΅, ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ Π² ΡΠ΅ΡΠ΅Π΄ΠΈΠ½Π΅ ΠΏΡΠΈΠΌΠ΅ΡΠ° ΠΈ Π½Π°ΡΠ½ΠΈΡΠ΅ Π²Π²ΠΎΠ΄ΠΈΡΡ Π·Π°ΠΌΠ΅Π½Ρ. Π£Π±Π΅ΡΠΈΡΠ΅ Π»ΠΈΡΠ½ΠΈΠ΅ ΡΠΈΠΌΠ²ΠΎΠ»Ρ Π΄ΠΎ ΠΈ ΠΏΠΎΡΠ»Π΅ ΡΠ΅ΠΊΡΡΠ°. - ΠΠ°ΠΌΠ΅Π½ΠΈΡΠ΅ ΡΠ΅ΠΊΡΡ-Π·Π°ΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»Ρ Π΄Π»Ρ Π°Π±Π·Π°ΡΠ΅Π² Β«Π‘ΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ Π°Π±Π·Π°ΡΠ° Tab 1Β» ΠΆΠ΅Π»Π°Π΅ΠΌΡΠΌ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΡΠΌ.
- ΠΠΎΠ²ΡΠΎΡΠΈΡΠ΅ ΡΠ°Π³ 5 Π΄Π»Ρ Π΄ΡΡΠ³ΠΈΡ ΠΎΠ±Π»Π°ΡΡΠ΅ΠΉ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ Π²Ρ Π±ΡΠ΄Π΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π½Π° ΡΡΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΠ΅.
- ΠΠ·ΠΌΠ΅Π½ΠΈΡΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ Π²Π΅ΡΡ
Π½Π΅Π³ΠΎ ΠΈ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½ΡΠΈΡΡΠ»Π° Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°.
ΠΡΠΈΠΌΠ΅ΡΠ°Π½ΠΈΠ΅. ΠΠ°ΡΡΠΎΡΡΠ΅Π»ΡΠ½ΠΎ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΠ΅ΡΡΡ ΡΠΎΡ ΡΠ°Π½ΠΈΡΡ ΠΊΠ°ΠΊ ΠΌΠΈΠ½ΠΈΠΌΡΠΌ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½ΡΠΈΡΡΠ»Π°.ΠΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ Π΅Π³ΠΎ, ΡΡΠΎΠ±Ρ Π½Π°ΠΏΠΎΠΌΠ½ΠΈΡΡ ΡΡΠ°ΡΠΈΠΌΡΡ ΠΎ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎΡΡΠΈ ΡΠ΅Π»ΠΊΠ°ΡΡ ΠΊΠ°ΠΆΠ΄ΡΡ Π²ΠΊΠ»Π°Π΄ΠΊΡ. - Π‘ΠΎΡ ΡΠ°Π½ΠΈΡΡ ΠΈ ΠΎΠΏΡΠ±Π»ΠΈΠΊΠΎΠ²Π°ΡΡ ΡΡΡΠ°Π½ΠΈΡΡ.
ΠΡΠ°ΠΏ III β Π£Π΄Π°Π»Π΅Π½ΠΈΠ΅ Π»ΠΈΡΠ½ΠΈΡ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ ΠΈΠ»ΠΈ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΡ
Π£Π΄Π°Π»ΠΈΡΡ Π»ΠΈΡΠ½ΠΈΠ΅ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ
Π§ΡΠΎΠ±Ρ ΡΠ΄Π°Π»ΠΈΡΡ Π½Π΅ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΠ΅ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ, ΠΏΡΠΎΡΡΠΎ Π²ΡΠ΄Π΅Π»ΠΈΡΠ΅ ΠΈ ΡΠ΄Π°Π»ΠΈΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½Ρ Π² Π²Π΅ΡΡ Π½Π΅ΠΌ ΡΠΏΠΈΡΠΊΠ΅ ΡΡΡΠ»ΠΎΠΊ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΈ, Π° ΡΠ°ΠΊΠΆΠ΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ ΠΈ ΠΏΡΠΈΠΌΠ΅ΡΡ Π°Π±Π·Π°ΡΠ΅Π² Π² ΠΎΠ±Π»Π°ΡΡΠΈ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.
ΠΠΎΠ±Π°Π²ΠΈΡΡ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ
ΠΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΡ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ Π²ΠΊΠ»ΡΡΠ°Π΅Ρ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ Π½ΠΈΠΆΠ΅Π»Π΅ΠΆΠ°ΡΠ΅Π³ΠΎ HTML-ΠΊΠΎΠ΄Π° ΡΡΡΠ°Π½ΠΈΡΡ.ΠΡΠΎ Π½Π΅ΡΠ»ΠΎΠΆΠ½ΠΎ, Π½ΠΎ Π½Π΅ ΡΡΠ΅ΡΠ½ΡΠΉΡΠ΅ΡΡ ΠΎΠ±ΡΠ°ΡΠ°ΡΡΡΡ ΠΊ oat@csustan.edu, Π΅ΡΠ»ΠΈ Π²Ρ Π½Π΅ Ρ ΠΎΡΠΈΡΠ΅ Π΄Π΅Π»Π°ΡΡ ΡΡΠΎ ΡΠ°ΠΌΠΎΡΡΠΎΡΡΠ΅Π»ΡΠ½ΠΎ.- Π©Π΅Π»ΠΊΠ½ΠΈΡΠ΅ ΡΡΡΠ»ΠΊΡ HTML Editor , ΡΡΠΎΠ±Ρ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠΈΡΡΡΡ Π½Π° ΠΏΡΠΎΡΠΌΠΎΡΡ ΡΡΡΠ°Π½ΠΈΡΡ Π² ΡΠΎΡΠΌΠ°ΡΠ΅ HTML. ΠΡΠΎΠΊΡΡΡΠΈΡΠ΅ Π΄ΠΎ Π²Π΅ΡΡ
Π½Π΅ΠΉ ΡΠ°ΡΡΠΈ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ°.
- ΠΡΠ΄Π΅Π»ΠΈΡΠ΅ ΠΈ ΡΠΊΠΎΠΏΠΈΡΡΠΉΡΠ΅ ΠΊΠΎΠ΄ Π΄Π»Ρ ΠΏΠΎΡΠ»Π΅Π΄Π½Π΅Π³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° Π² ΡΠΏΠΈΡΠΊΠ΅ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΈ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ. ΠΡΠΎ Π±ΡΠ΄Π΅Ρ ΠΏΡΠΈΠΌΠ΅ΡΠ½ΠΎ ΡΠ°ΠΊ:
Tab Five
- ΠΡΡΠ°Π²ΡΡΠ΅ ΠΊΠΎΠ΄ Π² Π½ΠΎΠ²ΡΡ ΠΏΡΡΡΡΡ ΡΡΡΠΎΠΊΡ ΡΡΠ°Π·Ρ ΠΏΠΎΡΠ»Π΅ ΠΏΠΎΡΠ»Π΅Π΄Π½Π΅Π³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΡΠΏΠΈΡΠΊΠ°. ΠΠΎΠ²Π°Ρ ΡΡΡΠΎΠΊΠ° Π΄ΠΎΠ»ΠΆΠ½Π° Π±ΡΡΡ Π²ΡΡΠ΅ ΡΠ΅Π³Π°
- ΠΠ·ΠΌΠ΅Π½ΠΈΡΠ΅ Π½ΠΎΠΌΠ΅Ρ ΠΏΠΎΡΠ»Π΅ β# tabs-β ΠΈ ΠΈΠΌΡ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ, ΡΡΠΎΠ±Ρ ΡΠΈΡΠ»Π° ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π»ΠΈΡΡ Π² ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΠΎΠΌ ΠΏΠΎΡΡΠ΄ΠΊΠ΅. ΠΠΊΠΎΠ½ΡΠ°ΡΠ΅Π»ΡΠ½ΡΠΉ ΠΊΠΎΠ΄ Π±ΡΠ΄Π΅Ρ ΠΏΡΠΈΠΌΠ΅ΡΠ½ΠΎ ΡΠ°ΠΊΠΈΠΌ:
Tab Six
ΠΡΠΈΠΌΠ΅Ρ:
ΠΡΠΈΠΌΠ΅Ρ:
ΠΠ°ΡΠ΅ΠΌ Π²Ρ ΡΠΎΠ·Π΄Π°Π΄ΠΈΡΠ΅ ΠΎΠ±Π»Π°ΡΡΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ, ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡΡΡ Π²Π½ΠΎΠ²Ρ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Π½ΠΎΠΉ ΡΡΡΠ»ΠΊΠ΅ Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΡ.
- Π‘ΠΊΠΎΠΏΠΈΡΡΠΉΡΠ΅ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΉ ΠΊΠΎΠ΄ Π½ΠΈΠΆΠ΅, Π½Π΅ Π·Π°Π±ΡΠ΄ΡΡΠ΅ Π²ΠΊΠ»ΡΡΠΈΡΡ ΡΠΈΠΌΠ²ΠΎΠ»Ρ β<' ΠΈ '>β Π² Π½Π°ΡΠ°Π»Π΅ ΠΈ Π² ΠΊΠΎΠ½ΡΠ΅:
Tab Five Title
Tab 5 content paragraph 1
ΠΠΊΠ»Π°Π΄ΠΊΠ° 5, Π°Π±Π·Π°Ρ ΡΠΎΠ΄Π΅ΡΠΆΠ°Π½ΠΈΡ 2
- ΠΡΡΠ°Π²ΡΡΠ΅ ΠΊΠΎΠ΄ Π½Π΅ΠΏΠΎΡΡΠ΅Π΄ΡΡΠ²Π΅Π½Π½ΠΎ Π½Π°Π΄ ΠΏΠΎΡΠ»Π΅Π΄Π½ΠΈΠΌ ΡΠ΅Π³ΠΎΠΌ