ΠΠΎΠ³ΠΎΡΠΈΠΏ ΠΏΠΎ ΡΡΠ°Π½Π΄Π°ΡΡΠ°ΠΌ HTML5 ΠΈΠ»ΠΈ ΠΠ°ΠΊ ΠΏΠΎΡΡΠ°Π²ΠΈΡΡ Π²Π΅ΠΊΡΠΎΡΠ½ΡΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΡ Π½Π° Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ
20-Π»Π΅ΡΠ½Π΅ΠΌΡ ΡΠ±ΠΈΠ»Π΅Ρ ΡΠ΅Π³Π° IMG ΠΏΠΎΡΠ²ΡΡΠ°Π΅ΡΡΡ
25 ΡΠ΅Π²ΡΠ°Π»Ρ 1993 Π³ΠΎΠ΄Π° ΠΠ°ΡΠΊ ΠΠ½Π΄ΡΠ΅ΡΡΠ΅Π½ (Marc Andreessen) Π½Π°ΠΏΠΈΡΠ°Π»:
ΠΡΠ΅Π΄Π»Π°Π³Π°Ρ Π½ΠΎΠ²ΡΠΉ ΠΎΠΏΡΠΈΠΎΠ½Π°Π»ΡΠ½ΡΠΉ HTML-ΡΠ΅Π³: IMG
ΠΡΠΈ Π½Π΅ΠΌ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ ΡΠΊΠ°Π·ΡΠ²Π°ΡΡΡΡ Π°ΡΠ³ΡΠΌΠ΅Π½Ρ SRC=Β«urlΒ».
Π’Π΅Π³ ΠΎΡΡΡΠ»Π°Π΅Ρ ΠΊ ΡΠ°ΠΉΠ»Ρ ΡΠ°ΡΡΡΠΎΠ²ΠΎΠ³ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ (bitmap ΠΈΠ»ΠΈ pixmap). ΠΡΠ°ΡΠ·Π΅Ρ Π±ΡΠ΄Π΅Ρ Π·Π°ΠΏΡΠ°ΡΠΈΠ²Π°ΡΡ ΡΡΠΎΡ ΡΠ°ΠΉΠ» Π² Π‘Π΅ΡΠΈ, ΡΠ°ΡΠΏΠΎΠ·Π½Π°Π²Π°ΡΡ ΠΊΠ°ΠΊ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈ Π²ΡΡΠ°Π²Π»ΡΡΡ Π² ΡΠ΅ΠΊΡΡ ΡΠΎΠΎΠ±ΡΠ°Π·Π½ΠΎ ΠΌΠ΅ΡΡΡ ΡΠ΅Π³Π° Π² ΠΊΠΎΠ΄Π΅ ΡΡΡΠ°Π½ΠΈΡΡ .
ΠΠΎΠΏΡΡΡΠΈΠΌ, Π²Ρ Π½Π°ΡΠΈΡΠΎΠ²Π°Π»ΠΈ Π² Corel Draw! Π»ΠΎΠ³ΠΎΡΠΈΠΏ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ ΠΈ ΡΠΎΠ±ΠΈΡΠ°Π΅ΡΠ΅ΡΡ ΡΠ°Π·ΠΌΠ΅ΡΡΠΈΡΡ Π΅Π³ΠΎ Π½Π° ΡΠ°ΠΉΡΠ΅ Π½Π΅ ΠΊΠ°ΠΊ-Π½ΠΈΠ±ΡΠ΄Ρ, Π° ΡΠΎΡΠΌΠ°ΡΠ΅ HTML5. Π, ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²Π΅Π½Π½ΠΎ, ΡΠ°Π·ΠΌΠ΅ΡΠ°ΡΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΡ Π½Π΅ Π² ΡΠ°ΡΡΡΠΎΠ²ΠΎΠΌ ΡΠΎΡΠΌΠ°ΡΠ΅, Π° Π² .SVG
ΠΠ°ΡΠ΅ΠΌ ΠΌΠ½Π΅ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ° Π² SVG?
Π§ΡΠΎ ΡΡΠΎ Π΄Π°Π΅Ρ, ΠΏΠΎΠ½ΡΡΠ½ΠΎ β ΠΏΡΠΈ Π»ΡΠ±ΠΎΠΌ ΠΌΠ°ΡΡΡΠ°Π±ΠΈΡΠΎΠ²Π°Π½ΠΈΠΈ Π½Π° ΠΏΠ»Π°Π½ΡΠ΅ΡΠ΅ ΠΈΠ»ΠΈ Π»ΡΠ±ΠΎΠΌ Π΄ΡΡΠ³ΠΎΠΌ Π³Π°Π΄ΠΆΠ΅ΡΠ΅ ΠΌΡ ΠΈΠΌΠ΅Π΅ΠΌ ΠΈΠ΄Π΅Π°Π»ΡΠ½ΠΎ ΡΠΎΡΠ½ΠΎ ΠΎΡΡΠΈΡΠΎΠ²Π°Π½Π½ΡΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΡ, Π½Π°ΡΠΊΠΎΠ»ΡΠΊΠΎ Π΄Π΅ΡΠ°Π»ΠΈΠ·ΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠΉ ΠΎΠ½Π° Π±Ρ Π½ΠΈ Π±ΡΠ»Π°.
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΡΠΊΡΠΏΠΎΡΡ ΠΈΠ· Corel Draw! Π² SVG ΡΠΎΡΠΌΠ°Ρ Π΄Π°ΠΆΠ΅ ΠΏΡΠΈ Π³Π°Π»ΠΎΡΠΊΠ΅ Β«Π’ΠΎΠ»ΡΠΊΠΎ Π²ΡΠ΄Π΅Π»Π΅Π½Π½ΡΠ΅ ΠΎΠ±ΡΠ΅ΠΊΡΡΒ» Π΄Π°Π΅Ρ Π² ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠ΅ ΠΊΠ°ΡΡΠΈΠ½ΠΊΡ ΡΠ°ΠΊΠΎΠ³ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠ°, ΠΊΠ°ΠΊ Π½Π°Ρ ΡΠ°Π±ΠΎΡΠΈΠΉ Π»ΠΈΡΡ. Π’ΠΎ Π΅ΡΡΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ° Π±ΡΠ΄Π΅Ρ Π½Π° A4, Π΅ΡΠ»ΠΈ ΡΠ°Π±ΠΎΡΠΈΠΉ Π»ΠΈΡΡ ΡΠ°ΠΊΠΎΠ³ΠΎ ΡΠΎΡΠΌΠ°ΡΠ°. ΠΡΠΈΡ ΠΎΠ΄ΠΈΡΡΡ Π΄Π΅Π»Π°ΡΡ ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΠΉ Π»ΠΈΡΡ ΡΠΎΡΠ½ΠΎ ΡΠ°ΠΊΠΎΠ³ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠ° Π² ΠΏΠΈΠΊΡΠ΅Π»Π°Ρ , ΠΊΠ°ΠΊΠΎΠΉ Π½Π°ΠΌ Π½ΡΠΆΠ΅Π½, Π΄Π΅Π»Π°ΡΡ Π½Π°Ρ Π»ΠΎΠ³ΠΎΡΠΈΠΏ ΠΈΠΌΠ΅Π½Π½ΠΎ ΡΠ°ΠΊΠΎΠ³ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠ°, ΡΠ΅Π½ΡΡΠΎΠ²Π°ΡΡ, Π° ΠΏΠΎΡΠΎΠΌ ΡΠΆΠ΅ ΡΠΊΡΠΏΠΎΡΡΠΈΡΠΎΠ²Π°ΡΡ.
Π ΡΠ΅ΠΏΠ΅ΡΡ Π²ΡΡΠ°Π²Π»ΡΠ΅ΠΌ Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ
ΠΡΠΈ Π²ΡΡΠ°Π²ΠΊΠ΅ Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ ΡΠ΅Π³Π°
<img src="logo.svg" alt="ΠΠ΅ΠΊΡΠΎΡΠ½ΡΠΉ Π»ΠΎΠ³ΠΎΡΠΈΠΏ" border=β0β>
ΠΌΡ Π²ΠΈΠ΄ΠΈΠΌ ΡΡΠ°Π·Ρ Π²ΠΎΠ»ΡΠ΅Π±Π½ΡΠΉ ΡΠ΅Π·ΡΠ»ΡΡΠ°Ρ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ°Ρ ΠΏΠΎΠ΄ Android 4 ΠΈ Π½Π° ipadβΠ°Ρ , Π½ΠΎ Π½ΠΈΡΠ΅Π³ΠΎ Π½Π΅ Π²ΠΈΠ΄ΠΈΠΌ Π½Π° ΠΊΠΎΠΌΠΏΡΡΡΠ΅ΡΠ΅ Π² ΠΎΠ±ΡΡΠ½ΡΡ Π±ΡΠ°ΡΠ·Π΅ΡΠ°Ρ . Firefox 13, IE 8, Opera 12, Chrome (Π²Π΅ΡΡΠΈΡ 24)- Π²ΡΠ΅ Π΄ΡΡΠΆΠ½ΠΎ ΠΏΡΠ΅Π΄Π»Π°Π³Π°ΡΡ ΡΠΊΠ°ΡΠ°ΡΡ ΠΈ ΡΠΎΡ ΡΠ°Π½ΠΈΡΡ SVG ΡΠ°ΠΉΠ» Π²ΠΌΠ΅ΡΡΠΎ ΡΠΎΠ³ΠΎ, ΡΡΠΎΠ±Ρ ΠΏΡΠΎΡΡΠΎ ΠΏΠΎΠΊΠ°Π·Π°ΡΡ Π΅Π³ΠΎ.
ΠΠΎΠΏΡΠΎΠ±ΡΠ΅ΠΌ Π΄ΡΡΠ³ΠΎΠΉ ΡΠΏΠΎΡΠΎΠ± Π²ΡΡΠ°Π²ΠΊΠΈ SVG β
<embed src="logo.svg" type="image/svg+xml" />
β ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°Π΅Ρ ΡΠΎΠ²Π΅ΡΡΠ΅Π½Π½ΠΎ Π°Π½Π°Π»ΠΎΠ³ΠΈΡΠ½ΡΠΉ ΡΠ΅Π·ΡΠ»ΡΡΠ°Ρ, ΠΠΏΠ΅ΡΠ°, ΠΏΡΠ°Π²Π΄Π°, Π²ΡΠ΄Π°Π΅Ρ Β«ΠΠ΅Ρ ΠΏΠ»Π°Π³ΠΈΠ½Π°. ΠΠ·Π½Π°ΠΊΠΎΠΌΠΈΡΡΡΡ?Β».
Π’ΡΠ΅ΡΠΈΠΉ ΡΠΏΠΎΡΠΎΠ± Π²ΡΡΠ°Π²ΠΊΠΈ SVG β Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ΅Π³Π°
<object type="image/svg+xml" data="logo_oss.svg">ΠΠ»ΡΡΠ΅ΡΠ½Π°ΡΠΈΠ²Π½ΡΠΉ ΡΠ΅ΠΊΡΡ: ΠΠ°Ρ Π±ΡΠ°ΡΠ·Π΅Ρ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ ΡΠΎΡΠΌΠ°Ρ SVG</object>
ΠΠΈΠΆΡ ΠΎΠΏΡΡΡ ΡΡ ΠΆΠ΅ ΠΊΠ°ΡΡΠΈΠ½Ρ β Π²ΡΠ΅ ΠΌΠΎΠΈ Π±ΡΠ°ΡΠ·Π΅ΡΡ Π½Π΅ ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°ΡΡ SVG.
ΠΠΎ
ΡΠ°Π±Π»ΠΈΡΠ΅ ΡΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΠΎΡΡΠΈβ Π²ΡΠ΅ ΠΌΠΎΠΈ Π±ΡΠ°ΡΠ·Π΅ΡΡ ΠΊΡΠΎΠΌΠ΅ IE8 ΠΏΡΠΎΡΡΠΎ ΠΎΠ±ΡΠ·Π°Π½Ρ ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°ΡΡ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎ. Π ΡΠΎΠΌΡ ΠΆΠ΅, Π½Π°ΠΏΠΎΠΌΠ½Ρ, ΠΏΠ»Π°Π½ΡΠ΅ΡΡ ΠΏΠΎΠ΄ Android ΠΈ IPad IOS ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡ ΠΌΠΎΡ ΡΡΡΠ°Π½ΠΈΡΡ Π²Π΅ΡΠ½ΠΎ.
MIME-Type
ΠΠΊΠ°Π·ΡΠ²Π°Π΅ΡΡΡ, Π΄Π΅Π»ΠΎ Π² ΡΠΎΠΌ, ΡΡΠΎ ΠΌΠΎΠΉ ΡΠ΅ΡΠ²Π΅Ρ (IBM Lotus Domino) Π½Π΅ ΡΠΌΠ΅Π΅Ρ ΠΊΠΎΡΡΠ΅ΠΊΡΠ½ΠΎ ΠΎΡΠ΄Π°Π²Π°ΡΡ MIME-Type Π΄Π»Ρ SVG. Π ΡΠ°ΠΉΠ», Π»Π΅ΠΆΠ°ΡΠΈΠΉ Π² File Resources Π±Π°Π·Ρ, Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΠΊΠΎΡΡΠ΅ΠΊΡΠ½ΠΎ ΠΎΡΠ΄Π°Π½! ΠΡΠΎΠΏΠΈΡΡΠ²Π°Ρ ΡΡΡΠΎΡΠΊΡ
image/svg+xmlΠ² ΡΠ²ΠΎΠΉΡΡΠ²Π°Ρ ΡΠ΅ΡΡΡΡΠ°. Π, ΠΎ ΡΡΠ΄ΠΎ! β Π²ΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ (ΠΊΡΠΎΠΌΠ΅ IE8) ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°ΡΡ Π²ΡΠ΅ ΡΡΠΈ Π²Π°ΡΠΈΠ°Π½ΡΠ° (
img,
embed,
object) Π²ΡΡΠ°Π²ΠΊΠΈ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ. ΠΡΠ»ΠΈΡΠ½ΠΎ, ΡΡΠΎ ΠΌΠ΅Π½Ρ ΡΡΡΡΠ°ΠΈΠ²Π°Π΅Ρ, Β«ΠΊΠΎΡΡΡΠ»ΠΈΒ» Π΄Π»Ρ IE Π±ΡΠ΄ΡΡ Π² gif. ΠΡΠ΅ ΡΠ°Π· ΡΠ΄ΠΈΠ²Π»ΡΡΡΡ ΡΠΎΠΌΡ ΡΠ°ΠΊΡΡ, ΡΡΠΎ Π΄Π°ΠΆΠ΅ Π±Π΅Π· mime-type Π½Π° ΠΏΠ»Π°Π½ΡΠ΅ΡΠ°Ρ Π²ΡΠ΅ ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°Π»ΠΎΡΡ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎ.
ΠΠ·Π³Π»ΡΠ½Π΅ΠΌ Π½Π° Π»ΠΎΠ³ΠΎΡΠΈΠΏ ΠΏΠΎΠ±Π»ΠΈΠΆΠ΅
Π ΡΠ΅ΠΏΠ΅ΡΡ Ρ ΠΏΡΠΎΠ±ΡΡ ΡΠ²Π΅Π»ΠΈΡΠΈΡΡ ΠΌΠ°ΡΡΡΠ°Π± ΡΡΡΠ°Π½ΠΈΡΡ, ΡΡΠΎΠ±Ρ ΠΏΠΎΡΠΌΠΎΡΡΠ΅ΡΡ Π½Π° ΡΠ²ΠΎΠΉ Π»ΠΎΠ³ΠΎΡΠΈΠΏ, Π°, ΡΠΎΡΠ½Π΅Π΅, ΡΡΠ°Π²Π½ΠΈΡΡ, ΠΊΠ°ΠΊ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΡΡΡ ΠΎΠ΄ΠΈΠ½ ΠΈ ΡΠΎΡ ΠΆΠ΅ ΡΠ°ΠΉΠ», Π²ΡΡΠ°Π²Π»Π΅Π½Π½ΡΠΉ ΡΡΠ΅ΠΌΡ ΡΠ°Π·Π½ΡΠΌΠΈ ΡΠ΅Π³Π°ΠΌΠΈ. ΠΠΊΠ°Π·ΡΠ²Π°Π΅ΡΡΡ, ΠΏΡΠΈ ΡΠ²Π΅Π»ΠΈΡΠ΅Π½ΠΈΠΈ ΠΌΠ°ΡΡΡΠ°Π±Π° ΡΡΡΠ°Π½ΠΈΡΡ Π² Firefox, ΠΊΠΎΠ½ΡΡΡ ΡΠΎΠ³ΠΎ Π²Π°ΡΠΈΠ°Π½ΡΠ°, ΠΊΠΎΡΠΎΡΡΠΉ Π±ΡΠ» Π²ΡΡΠ°Π²Π»Π΅Π½ ΡΠ΅Π³ΠΎΠΌ IMG, ΡΠΎ ΡΠ°ΡΠΏΠ»ΡΠ²Π°Π΅ΡΡΡ, ΡΠΎ ΡΠ½ΠΎΠ²Π° ΡΡΠ°Π½ΠΎΠ²ΠΈΡΡΡ ΡΠ΅ΡΠΊΠΈΠΌ.
Π ΠΊΠ°ΠΊ Π½Π°ΡΡΠ΅Ρ Π·Π°ΡΠΈΡΡ ΠΎΡ Π½Π΅ΡΠ°Π½ΠΊΡΠΈΠΎΠ½ΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ ΠΊΠΎΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΠΈ Π²ΠΎΡΠΏΡΠΎΠΈΠ·Π²Π΅Π΄Π΅Π½ΠΈΡ?
Π― Π½Π΅ ΠΏΡΠ΅ΡΠ΅Π½Π΄ΡΡ Π½Π° Π·Π²Π°Π½ΠΈΠ΅ ΡΠΏΠ΅ΡΠΈΠ°Π»ΠΈΡΡΠ° Π² ΡΡΠΎΠΉ ΠΎΠ±Π»Π°ΡΡΠΈ, Π½Π°ΠΎΠ±ΠΎΡΠΎΡ, Ρ ΠΎΡΠ΅Π»Π° Π±Ρ Π·Π°Π΄Π°ΡΡ Π²ΠΎΠΏΡΠΎΡ. ΠΡΠΎΡΡΠΎ Π½Π΅ Π½Π°ΡΠ»Π° Π½ΠΈΡΡΠ΅Π³ΠΎ ΠΌΠ½Π΅Π½ΠΈΡ ΠΏΠΎ Π΄Π°Π½Π½ΠΎΠΌΡ Π²ΠΎΠΏΡΠΎΡΡ. Π£ SVG ΡΠΎΡΠΌΠ°ΡΠ° Π½Π΅Ρ watermarks, ΡΠ°Π²Π½ΠΎ ΠΊΠ°ΠΊ ΠΈ Π΄ΡΡΠ³ΠΈΡ Π·Π°ΡΠΈΡΠ½ΡΡ Π°ΡΡΠΈΠ±ΡΡΠΎΠ².
ΠΠ±ΡΡΠ½ΠΎ ΡΠΈΡΠΌΡ Π²Π»Π°Π΄Π΅ΡΡ ΡΠ°ΠΉΠ»Π°ΠΌΠΈ Π² Π²Π΅ΠΊΡΠΎΡΠ°Ρ ΠΊΠ°ΠΊ ΠΈΡΡ ΠΎΠ΄Π½ΠΈΠΊΠ°ΠΌΠΈ. ΠΠ΅Π»Π°Ρ Π±ΡΠ΅Π½Π΄Π±ΡΠΊ, Π΄ΠΈΠ·Π°ΠΉΠ½-ΡΡΡΠ΄ΠΈΠΈ ΠΎΡΠ΄Π°ΡΡ Π²Π΅ΠΊΡΠΎΡ, Π° Π²Π΅Π·Π΄Π΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ ΡΠΆΠ΅ ΡΠ°ΡΡΡ.
Π SVG, Π²ΠΎΠΎΠ±ΡΠ΅-ΡΠΎ, ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠΉ ΡΠΎΡΠΌΠ°Ρ, ΡΠΎΡΠ½Π΅Π΅, XML-Π½ΡΠΉ. Π, Π±ΡΠ΄ΡΡΠΈ Π²ΡΡΠ°Π²Π»Π΅Π½Π½ΡΠΌ Π² Π»ΡΠ±ΡΡ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ Π΄Π»Ρ ΠΏΠ°Π±Π»ΠΈΡΠΈΠ½Π³Π°, ΠΎΠ½ Π±ΡΠ΄Π΅Ρ Π²ΠΎΡΠΏΡΠΎΠΈΠ·Π²Π΅Π΄Π΅Π½ Π±Π΅Π· ΠΏΠΎΡΠ΅ΡΠΈ ΠΊΠ°ΡΠ΅ΡΡΠ²Π°. ΠΡΠΎ Π½Π°Π΄ΠΎ ΡΡΠΈΡΡΠ²Π°ΡΡ, Ρ.ΠΊ. ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°ΡΡ Π²Π°ΡΠΈ ΡΠ°ΠΉΠ»Ρ Π±ΡΠ΄Π΅Ρ Π³ΠΎΡΠ°Π·Π΄ΠΎ ΠΏΡΠΎΡΠ΅ ΠΈ, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, ΠΏΠΎΡΠΎΠΌ Π±ΡΠ΄Π΅Ρ Π½Π΅ΡΠ΅ΠΌ Π΄ΠΎΠΊΠ°Π·Π°ΡΡ, ΡΡΠΎ Π²Ρ ΡΠ²Π»ΡΠ΅ΡΠ΅ΡΡ Π·Π°ΠΊΠΎΠ½Π½ΡΠΌ ΠΏΡΠ°Π²ΠΎΠΎΠ±Π»Π°Π΄Π°ΡΠ΅Π»Π΅ΠΌ.
ΠΠΈΡΠ΅ΡΠ°ΡΡΡΠ° ΠΏΠΎ ΡΠ΅ΠΌΠ΅:
Π’Π΅Ρ Π½ΠΈΠΊΠ° ΠΏΠΎΠ·ΠΈΡΠΈΠΎΠ½ΠΈΡΠΎΠ²Π°Π½ΠΈΡ Π»ΠΎΠ³ΠΎΡΠΈΠΏΠ° Π²Π½ΡΡΡΠΈ ΡΠ°ΠΏΠΊΠΈ ΡΠ°ΠΉΡΠ° (header).
ΠΠ° ΠΌΠ½ΠΎΠ³ΠΈΡ ΡΠ°ΠΉΡΠ°Ρ ΡΠΆΠ΅ ΠΏΡΠΈΠ½ΡΡΠΎ, ΠΊΠ°ΠΊ ΡΡΠ°Π½Π΄Π°ΡΡ, Π² ΡΠ°ΠΏΠΊΠ΅ ΡΠ°ΠΉΡΠ° ΡΠ°Π·ΠΌΠ΅ΡΠ°ΡΡ Π»ΠΎΠ³ΠΎΡΠΈΠΏ, ΠΊΠΎΡΠΎΡΡΠΉ ΡΠ²Π»ΡΠ΅ΡΡΡ ΡΡΡΠ»ΠΊΠΎΠΉ Π½Π° Π³Π»Π°Π²Π½ΡΡ ΡΡΡΠ°Π½ΠΈΡΡ.
ΠΠΎΡ ΠΏΡΠΈΠΌΠ΅Ρ:
ΠΠ°ΠΊ ΠΏΡΠ°Π²ΠΈΠ»ΠΎ, ΡΠ°ΠΊΠΎΠΉ Π»ΠΎΠ³ΠΎΡΠΈΠΏ ΡΠ°Π·ΠΌΠ΅ΡΠ°Π΅ΡΡΡ Ρ Π»Π΅Π²ΠΎΠΉ ΡΡΠΎΡΠΎΠ½Ρ ΠΈ ΡΡΠ΄ΠΎΠΌ Ρ Π½ΠΈΠΌ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡ ΠΌΠ΅Π½Ρ ΡΠ°ΠΉΡΠ°.
Π ΡΡΠΎΠΌΡ ΡΡΠΎΠΊΠ΅ Ρ ΠΎΡΡ ΡΠ°ΡΡΠΌΠΎΡΡΠ΅ΡΡ ΡΠ΅Ρ Π½ΠΈΠΊΡ Π²Π΅ΡΡΡΠΊΠΈ, ΠΊΠΎΡΠΎΡΠ°Ρ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π΄ΠΎΠ±ΠΈΡΡΡΡ ΡΠ°ΠΊΠΎΠ³ΠΎ ΡΡΡΠ΅ΠΊΡΠ°.
ΠΠ° ΡΠ°ΠΌΠΎΠΌ Π΄Π΅Π»Π΅, Π½ΠΈΡΠ΅Π³ΠΎ ΡΠ»ΠΎΠΆΠ½ΠΎΠ³ΠΎ Π·Π΄Π΅ΡΡ Π½Π΅Ρ.
ΠΠ»Ρ ΠΏΡΠΈΠΌΠ΅ΡΠ°, Π΄Π°Π²Π°ΠΉΡΠ΅ Π²ΠΎΠ·ΡΠΌΠ΅ΠΌ ΡΠ»Π΅Π΄ΡΡΡΡΡ ΡΡΡΡΠΊΡΡΡΡ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°:
<div> Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β <div>Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β <a href="#"><img src="logo.png"></a> Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β <p>ΠΠ΅ΡΡΠΎ Π΄Π»Ρ ΠΌΠ΅Π½Ρ</p> </div> </div> <div> Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β <div> Β Β Β Β Β Β Β <h2>ΠΠ°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ.</h2> Β Β Β Β Β Β Β <p>ΠLorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,</p> Β Β Β </div> </div> <div> Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β <div> Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β <p>Π’Π΅ΠΊΡΡ footer</p> Β Β Β </div> </div>
ΠΡΠ»ΠΈ ΠΌΡ ΠΏΡΠΎΡΡΠΎ Π²ΡΡΠ°Π²ΠΈΠΌ Π»ΠΎΠ³ΠΎΡΠΈΠΏ Π²Π½ΡΡΡΡ header, Π±Π΅Π· Π²ΡΡΠΊΠΈΡ ΡΡΠΈΠ»Π΅ΠΉ:
<a href="#"><img src="logo.png"></a>
Π’ΠΎ, ΠΌΠΎΠΆΠ½ΠΎ Π±ΡΠ΄Π΅Ρ ΡΠ²ΠΈΠ΄Π΅ΡΡ ΡΠ»Π΅Π΄ΡΡΡΡΡ ΠΊΠ°ΡΡΠΈΠ½Ρ:
ΠΠ΅ΡΡΠΎ Π΄Π»Ρ ΠΌΠ΅Π½Ρ ΡΠΌΠ΅ΡΡΠΈΠ»ΠΎΡΡ Π½Π° ΡΡΠΎΠ²Π΅Π½Ρ Π½ΠΈΠΆΠ΅ ΠΈ ΡΠ΅ΠΏΠ΅ΡΡ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΡΡΡ Π½Π΅ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎ.
Π§ΡΠΎΠ±Ρ ΠΈΠ·Π±Π΅ΠΆΠ°ΡΡ ΡΡΠΎΠΉ ΡΠΈΡΡΠ°ΡΠΈΠΈ, ΠΊ Π»ΠΎΠ³ΠΎΡΠΈΠΏΡ Π½ΡΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ ΡΡΠΈΠ»ΠΈ CSS.
<a href="#"><img src="logo.png"></a>
ΠΠ»Ρ ΡΡΡΠ»ΠΊΠΈ, ΠΊΠΎΡΠΎΡΠ°Ρ ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ Π»ΠΎΠ³ΠΎΡΠΈΠΏ ΠΌΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌ ΠΎΠ±ΡΠ΅ΠΊΠ°Π½ΠΈΠ΅ ΡΠ»Π΅Π²Π° float:left, ΠΈ Ρ ΠΏΠΎΠΌΠΎΡΡΡ margin-ΠΎΠ² Π·Π°Π΄Π°Π΅ΠΌ ΡΠΎΡΠ½ΡΡ ΠΏΠΎΠ·ΠΈΡΠΈΡ Π»ΠΎΠ³ΠΎΡΠΈΠΏΠ°.
Π’Π΅ΠΏΠ΅ΡΡ Π²ΡΠ΅ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΡΡΡ ΡΠ°ΠΊ, ΠΊΠ°ΠΊ Π½Π°Π΄ΠΎ:
ΠΠΎΠ»ΡΡΠ΅ ΠΌΠΎΠΈΡ ΡΡΠΎΠΊΠΎΠ² ΠΏΠΎ HTML, CSS ΠΈ Π²Π΅ΡΡΡΠΊΠ΅ ΡΠ°ΠΉΡΠΎΠ² Π·Π΄Π΅ΡΡ.
Π£ΡΠΎΠΊ ΠΏΠΎ html Π²Π΅ΡΡΡΠΊΠ΅ — ΠΊΠ»ΠΈΠΊΠ°Π±Π΅Π»ΡΠ½ΡΠΉ Π»ΠΎΠ³ΠΎΡΠΈΠΏ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ»ΠΎΡ (div)
Π‘Π΅Π³ΠΎΠ΄Π½Ρ ΡΠ°ΡΡΠΊΠ°ΠΆΡ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΠΎ Π²Π΅ΡΡΡΠΊΠ΅, HTML ΠΈ CSS. Π’ΠΎΠ²Π°ΡΠΈΡΠΈ, Π²Π΅ΡΡΡΠ°Π»ΡΡΠΈΠΊΠΈ ΠΏΡΠΎΡΡΠ±Π° Π½Π΅ ΡΡΠ΄ΠΈΡΡ ΡΡΡΠΎΠ³ΠΎ, ΠΏΠΎΡΠΊΠΎΠ»ΡΠΊΡ Ρ ΡΠ°ΠΌ ΡΠ°ΠΊΠΎΠ²ΡΠΌ Π½Π΅ ΡΠ²Π»ΡΡΡΡ, Π° Π»ΠΈΡΡ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ Π·Π½Π°ΠΊΠΎΠΌΠ»ΡΡΡ Ρ ΡΠ΅ΠΌΠΈ ΠΈΠ»ΠΈ ΠΈΠ½ΡΠΌΠΈ Π½ΡΠ°Π½ΡΠ°ΠΌΠΈ ΡΡΠΎΠ³ΠΎ Π½Π΅Π»Π΅Π³ΠΊΠΎΠ³ΠΎ Π΄Π΅Π»Π° ΠΏΠΎ ΠΌΠ΅ΡΠ΅ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎΡΡΠΈ.
ΠΠ°Π΄Π°ΡΠ° ΡΠ»Π΅Π΄ΡΡΡΠ°Ρ. Π ΡΠ°ΠΏΠΊΠ΅ ΡΠ°ΠΉΡΠ° ΠΈΠΌΠ΅Π΅ΡΡΡ ΡΠ΅Π»ΡΠ½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅, Π½Π° ΠΊΠΎΡΠΎΡΠΎΠΌ ΡΠ°ΡΠΏΠΎΠ»Π°Π³Π°Π΅ΡΡΡ Π»ΠΎΠ³ΠΎΡΠΈΠΏ ΡΠ°ΠΉΡΠ°. Π’ΡΠ΅Π±ΡΠ΅ΡΡΡ ΡΠ΄Π΅Π»Π°ΡΡ Π΅Π³ΠΎ ΠΊΠ»ΠΈΠΊΠ°Π±Π΅Π»ΡΠ½ΡΠΌ, ΡΡΠΎΠ±Ρ ΠΏΡΠΈ ΠΊΠ»ΠΈΠΊΠ΅ ΠΌΡ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄ΠΈΠ»ΠΈ Π½Π° Π³Π»Π°Π²Π½ΡΡ ΡΡΡΠ°Π½ΠΈΡΡ. Π₯ΠΎΡΡ Π·Π°ΠΌΠ΅ΡΠΈΡΡ, ΡΡΠΎ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ ΠΏΡΠΈΠ³ΠΎΠ΄ΡΡΡΡ, Π΅ΡΠ»ΠΈ Π²Ρ Π½Π΅ Π²Π΅ΡΡΡΠ°Π»ΠΈ ΡΠ°Π±Π»ΠΎΠ½ Ρ Π½ΡΠ»Ρ, Π° ΠΏΡΠΎΡΡΠΎ Ρ ΠΎΡΠΈΡΠ΅ Π²Π½Π΅ΡΡΠΈ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΡΠ°Π²ΠΊΠΈ ΡΠΆΠ΅ Π² ΡΡΡ-Π»ΠΈΠ±ΠΎ Π²Π΅ΡΡΡΠΊΡ β ΡΠ΅ΠΌΡ Π΄Π»Ρ wordpress, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ.
ΠΠ»Ρ Π½Π°ΡΠ°Π»Π° Π²ΡΡΠ΅Π·Π°Π΅ΠΌ Ρ ΠΏΠΎΠΌΠΎΡΡΡ photoshop ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π»ΠΎΠ³ΠΎΡΠΈΠΏΠ°, ΠΊΠΎΡΠΎΡΡΠΉ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±ΡΡΡ ΠΊΠ»ΠΈΠΊΠ°Π±Π΅Π»ΡΠ½ΡΠΌ:
ΠΠ°Π»Π΅Π΅ ΡΡΠ΅Π±ΡΠ΅ΡΡΡ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π² HTML ΠΊΠΎΠ΄ Π½ΠΎΠ²ΡΠΉ ΡΠ»ΠΎΠΉ. ΠΠ°Ρ ΠΎΠ΄ΠΈΠΌ Π² ΡΠ°Π±Π»ΠΎΠ½Π΅ ΠΌΠ΅ΡΡΠΎ, Π³Π΄Π΅ Π²ΡΠ²ΠΎΠ΄ΠΈΡΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π² ΡΠ°ΠΏΠΊΠ΅ ΠΈ ΡΠ°Π·ΠΌΠ΅ΡΠ°Π΅ΠΌ ΡΠ°ΠΌ Π΅ΡΠ΅ ΠΎΠ΄ΠΈΠ½ ΡΠ»Π΅ΠΌΠ΅Π½Ρ DIV. ΠΠΎΠ»ΡΡΠΈΠΌ ΡΡΠΎ-ΡΠΎ Π²ΡΠΎΠ΄Π΅ ΡΠ»Π΅Π΄ΡΡΡΠ΅ΠΉ ΠΊΠΎΠ½ΡΡΡΡΠΊΡΠΈΠΈ:
<div> <div> <a href="ΡΡΡΠ»ΠΊΠ°_Π½Π°_Π³Π»Π°Π²Π½ΡΡ"> <img src="images/logo1.jpg" /> </a> </div> </div> |
<div> <div> <a href=»ΡΡΡΠ»ΠΊΠ°_Π½Π°_Π³Π»Π°Π²Π½ΡΡ»> <img src=»images/logo1.jpg» /> </a> </div> </div>
Π ΡΠ°ΠΉΠ»Π΅ ΡΡΠΈΠ»Π΅ΠΉ CSS ΠΏΠΈΡΠ΅ΠΌ:
.logo1 {
position: absolute;
margin: 65px 0 0 282px;
z-index: 100;
} |
.logo1 { position: absolute; margin: 65px 0 0 282px; z-index: 100; }
ΠΠ΄Π΅ΡΡ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ position: absolute ΠΎΠ·Π½Π°ΡΠ°Π΅Ρ, ΡΡΠΎ ΠΏΠΎΠ·ΠΈΡΠΈΠΎΠ½ΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ Π±ΡΠ΄Π΅Ρ ΠΏΡΠΎΠΈΡΡ
ΠΎΠ΄ΠΈΡΡ ΠΎΡ Π»Π΅Π²ΠΎΠ³ΠΎ Π²Π΅ΡΡ
Π½Π΅Π³ΠΎ ΡΠ³Π»Π° ΡΡΡΠ°Π½ΠΈΡΡ, Π° Π² Π΄Π°Π½Π½ΠΎΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅ β ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° <div id=Β»headerΒ»>. Π ΠΏΡΠΈΠ½ΡΠΈΠΏΠ΅, Π΄Π»Ρ ΡΠ»ΠΎΡ Π΄ΠΎΡΡΡΠΏΠ½Ρ ΡΠ²ΠΎΠΉΡΡΠ²Π° Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΠΎΠ³ΠΎ ΠΈ Π²Π΅ΡΡΠΈΠΊΠ°Π»ΡΠ½ΠΎΠ³ΠΎ ΠΏΠΎΠ·ΠΈΡΠΈΠΎΠ½ΠΈΡΠΎΠ²Π°Π½ΠΈΡ β left ΠΈ top, ΠΊΠΎΡΠΎΡΡΠ΅ Π·Π°Π΄Π°ΡΡ ΠΎΡΡΡΡΠΏΡ ΠΎΡ Π»Π΅Π²ΠΎΠ³ΠΎ ΠΈ Π²Π΅ΡΡ
Π½Π΅Π³ΠΎ ΠΊΡΠ°Π΅Π² ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²Π΅Π½Π½ΠΎ. Π’Π΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅, Ρ Π²ΡΡΡΠ΅ΡΠ°Π» ΡΠ°ΠΊΠΆΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΎΠ±ΡΡΠ½ΠΎΠ³ΠΎ ΠΎΡΡΡΡΠΏΠ°
Π‘Π²ΠΎΠΉΡΡΠ²ΠΎ z-index Π·Π°Π΄Π°Π΅Ρ ΠΏΠΎΡΡΠ΄ΠΎΠΊ ΠΏΠ΅ΡΠ΅ΠΊΡΡΡΠΈΡ ΡΠ»ΠΎΡΠΌΠΈ Π΄ΡΡΠ³ Π΄ΡΡΠ³Π° ΠΏΡΠΈ Π½Π°Π»ΠΎΠΆΠ΅Π½ΠΈΠΈ. ΠΠ»ΠΎΠΊ DIV Ρ Π±ΠΎΠ»Π΅Π΅ Π²ΡΡΠΎΠΊΠΈΠΌ ΠΈΠ½Π΄Π΅ΠΊΡΠΎΠΌ Π±ΡΠ΄Π΅Ρ ΡΠ°ΡΠΏΠΎΠ»Π°Π³Π°ΡΡΡΡ Π²ΡΡΠ΅ ΡΠ΅ΠΌ ΡΠΎΡ, Ρ ΠΊΠΎΠ³ΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ Π½ΠΈΠΆΠ΅. ΠΠ½ΠΎ ΡΠ°ΠΊΠΆΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΊΠ»ΠΈΠΊΠ°Π±Π΅Π»ΡΠ½ΠΎΠΉ ΠΏΠΎΠ΄Π»ΠΎΠΆΠΊΠ° Π΄Π»Ρ ΡΠΎΠ½Π°.
Π§Π°ΡΡΠΎ Π² ΡΠ°Π±Π»ΠΎΠ½Π°Ρ wordpress ΠΈΠ»ΠΈ Π»ΡΠ±ΡΡ Π΄ΡΡΠ³ΠΈΡ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΡΡΡΡ ΠΎΡΡΡΡΠΏΡ ΠΈΠ»ΠΈ ΡΠ°ΠΌΠΊΠΈ Π΄Π»Ρ Π²ΡΠ΅Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ Π½Π° ΡΠ°ΠΉΡΠ΅, ΠΏΠΎΡΡΠΎΠΌΡ ΠΌΠΎΠΆΠ΅Ρ ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΠΈΡΡΡΡ ΠΎΠ±Π½ΡΠ»Π΅Π½ΠΈΠ΅ ΡΡΠΈΡ Π·Π½Π°ΡΠ΅Π½ΠΈΠΉ:
.logo1 img {
border: none;
margin: 0px;
}
Β
.logo1 a img {
border: none;
margin: 0px;
} |
.logo1 img { border: none; margin: 0px; } .logo1 a img { border: none; margin: 0px; }
ΠΡΠ»ΠΈ Π΅ΡΡΡ ΠΊΠ°ΠΊΠΈΠ΅-ΡΠΎ Π·Π°ΠΌΠ΅ΡΠ°Π½ΠΈΡ ΠΈΠ»ΠΈ ΡΠΎΠ²Π΅ΡΡ β Ρ ΡΠ°Π΄ΠΎΡΡΡΡ Π²ΡΡΠ»ΡΡΠ°Ρ Π² ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΡΡ .
ΠΡΡΠ°Π²ΠΈΡΡ Π»ΠΎΠ³ΠΎΡΠΈΠΏ Π² ΡΠ°ΠΏΠΊΡ | Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΡΠ°ΠΉΡΠ°
ΠΠΎΠ³ΠΎΡΠΈΠΏ……Π§ΡΠΎ ΡΡΠΎ ΡΠ°ΠΊΠΎΠ΅….ΠΡΠ΅ΠΆΠ΄Π΅ Π²ΡΠ΅Π³ΠΎ ΡΡΠΎ ΡΠΈΡΠΌΠ΅Π½Π½ΡΠΉ Π·Π½Π°ΠΊ ΡΠ°ΠΉΡΠ°. Π‘Π°ΠΉΡΡ Π±ΡΠ²Π°ΡΡ ΡΠ°Π·Π½ΡΠ΅ ΠΏΠΎ ΡΠ²ΠΎΠ΅ΠΉ ΡΠ΅ΠΌΠ°ΡΠΈΠΊΠ΅, ΠΏΠΎΡΡΠΎΠΌΡ Π²ΡΠ±ΠΈΡΠ°Ρ ΡΠ΅Π±Π΅ Π»ΠΎΠ³ΠΎΡΠΈΠΏ, ΠΏΠΎΠ΄Π±ΠΈΡΠ°ΠΉΡΠ΅ ΡΠ°ΠΊΠΎΠΉ, ΠΊΠΎΡΠΎΡΡΠΉ Π±Ρ Π±ΠΎΠ»Π΅Π΅ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΎΠ²Π°Π» ΡΠ΅ΠΌΠ΅ ΠΠ°ΡΠ΅Π³ΠΎ ΡΠ°ΠΉΡΠ°. Π’Π΅ ΠΊΡΠΎ Ρ ΠΎΡΠΎΡΠΎ ΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ ΡΠΎΡΠΎΡΠΎΠΏΠΎΠΌ, ΠΌΠΎΠΆΠ΅Ρ ΡΠ°ΠΌΠΎΡΡΠΎΡΡΠ΅Π»ΡΠ½ΠΎ ΠΈΠ·Π³ΠΎΡΠΎΠ²ΠΈΡΡ ΡΠ΅Π±Π΅ Π»ΠΎΠ³ΠΎΡΠΈΠΏ, Π½Ρ Π° ΠΊΡΠΎ Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ, ΡΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π²ΠΎΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ ΠΏΠΎΠΈΡΠΊΠΎΠΌ Π² ΠΈΠ½ΡΠ΅ΡΠ½Π΅ΡΠ΅ ΠΈ ΠΡ ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ Π½Π°ΠΉΠ΄ΡΡΠ΅ Π»ΠΎΠ³ΠΎΡΠΈΠΏ ΠΊ ΡΠ²ΠΎΠ΅ΠΌΡ ΡΠ°ΠΉΡΡ. Π ΠΊΡΠΎ ΠΎΡΠ΅Π½Ρ ΠΊΠ°ΠΏΡΠΈΠ·Π½ΡΠΉ, ΡΠΎ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π²ΠΎΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ ΡΡΠ΅ΠΉ-ΡΠΎ ΡΡΠ»ΡΠ³ΠΎΠΉ.
ΠΠ΅ΡΠ΅Π΄ ΡΠ΅ΠΌ ΠΊΠ°ΠΊ Π½Π°ΡΠ°ΡΡ, ΡΠΎ ΠΡ Π΄ΠΎΠ»ΠΆΠ½Ρ ΡΡΠΎΡΠ½ΠΈΡΡ ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½ Π»ΠΈ Π² ΠΠ°ΡΠ΅ΠΌ ΡΠ°Π±Π»ΠΎΠ½Π΅ Π»ΠΎΠ³ΠΎΡΠΈΠΏ. ΠΠ½ ΠΌΠΎΠΆΠ΅Ρ Π²ΡΠ³Π»ΡΠ΄Π΅ΡΡ ΠΊΠ°ΠΊ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ° Ρ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ ΠΠ°ΡΠ΅Π³ΠΎ ΡΠ°ΠΉΡΠ°. ΠΡΠ»ΠΈ Π΅ΡΡΡ ΡΠ°ΠΊΠΎΠΉ Π»ΠΎΠ³ΠΎΡΠΈΠΏ, ΡΠΎ ΠΏΠΎΠΌΠ΅Π½ΡΡΡ Π΅Π³ΠΎ Π±ΡΠ΄Π΅Ρ ΠΎΡΠ΅Π½Ρ ΠΏΡΠΎΡΡΠΎ. ΠΠ°Π΄ΠΎ Π±ΡΠ΄Π΅Ρ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΡΠ°ΠΉΠ»Π° Π½ΠΎΠ²ΠΎΠ³ΠΎ Π»ΠΎΠ³ΠΎΡΠΈΠΏΠ° Π·Π°ΠΌΠ΅Π½ΠΈΡΡ Π½Π° Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΡΡΠ°ΡΠΎΠ³ΠΎ, Π° ΠΏΠΎΡΠΎΠΌ ΡΠ΄Π°Π»ΠΈΡΡ ΡΡΠ°ΡΡΠΉ ΡΠ°ΠΉΠ» ΠΈΠ· ΠΏΠ°ΠΏΠΊΠΈ imedes, Π³Π΄Π΅ ΡΠ°ΡΠΏΠΎΠ»Π°Π³Π°ΡΡΡΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ ΡΠ°Π±Π»ΠΎΠ½Π° ΡΠ°ΠΉΡΠ° ΠΈ Π·Π°Π³ΡΡΠ·ΠΈΡΡ ΡΡΠ΄Π° Π½ΠΎΠ²ΡΠΉ ΡΠ°ΠΉΠ» ΡΠΎ ΡΡΠ°ΡΡΠΌ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ Π½ΠΎΠ²ΡΠΉ Π»ΠΎΠ³ΠΎΡΠΈΠΏ Π²ΡΡΠ°Π½Π΅Ρ Π½Π° ΠΌΠ΅ΡΡΠΎ ΡΡΠ°ΡΠΎΠ³ΠΎ
ΠΡ Π° Π΅ΡΠ»ΠΈ Π½Π΅Ρ Π»ΠΎΠ³ΠΎΡΠΈΠΏΠ°???
Π’Π΅ΠΏΠ΅ΡΡ ΠΏΡΠΈΡΡΡΠΏΠΈΠΌ ΠΊ Π΄Π΅Π»Ρ. ΠΠΎΠ³ΠΎΡΠΈΠΏ Ρ ΠΠ°Ρ Π³ΠΎΡΠΎΠ² ΠΈ Π΅Π³ΠΎ Π½Π°Π΄ΠΎ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ Π² ΡΠ°ΠΏΠΊΡ ΡΠ°ΠΉΡΠ°. Π‘ΡΠ°Π·Ρ ΠΏΡΠ΅Π΄ΡΠΏΡΠ΅ΠΆΠ΄Π°Ρ, ΡΡΠΎ ΡΡΠΎΡ ΡΠΏΠΎΡΠΎΠ± ΠΏΠΎΠ΄ΠΎΠΉΠ΄ΡΡ Π½Π΅ Π΄Π»Ρ Π²ΡΠ΅Ρ ΡΠ°Π±Π»ΠΎΠ½ΠΎΠ² WordPress, Π² ΡΡΠΎΠΌ Ρ ΡΠ±Π΅Π΄ΠΈΠ»ΡΡ.
Π ΠΏΠ΅ΡΠ²ΡΡ ΠΎΡΠ΅ΡΠ΅Π΄Ρ ΠΊΠ°ΡΡΠΈΠ½ΠΊΡ Π»ΠΎΠ³ΠΎΡΠΈΠΏΠ° Π½Π΅ΠΎΠ±Ρ
ΠΎΠ΄ΠΈΠΌΠΎ Π·Π°Π³ΡΡΠ·ΠΈΡΡ Π² ΠΏΠ°ΠΊΡ images ΡΠ΅ΠΌΡ (ΡΠ°Π±Π»ΠΎΠ½Π°) ΠΠ°ΡΠ΅Π³ΠΎ ΡΠ°ΠΉΡΠ°. Π€Π°ΠΉΠ» Π»ΠΎΠ³ΠΎΡΠΈΠΏΠ° ΠΌΠΎΠΆΠ΅ΡΠ΅ Π½Π°Π·Π²Π°ΡΡ ΠΊΠ°ΠΊ ΡΠ³ΠΎΠ΄Π½ΠΎ, Π° Ρ Π΄Π»Ρ ΠΏΡΠΈΠΌΠ΅ΡΠ° Π½Π°Π·ΠΎΠ²Ρ Π΅Π³ΠΎ logo.png. ΠΠ»Ρ Π²ΡΡΠ°Π²ΠΊΠΈ Π»ΠΎΠ³ΠΎΡΠΈΠΏΠ° Π½Π΅ΠΎΠ±Ρ
ΠΎΠ΄ΠΈΠΌΠΎ Π·Π½Π°ΡΡ ΠΏΠΎΠ»Π½ΡΠΉ Π°Π΄ΡΠ΅Ρ Π΄ΠΎΡΡΡΠΏΠ° ΠΊ ΡΠ°ΠΉΠ»Ρ ΡΡΠΎΠΉ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ. ΠΠ½ Π±ΡΠ΄Π΅Ρ Π²ΡΠ³Π»ΡΠ΄Π΅ΡΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ:
Β http://ΠΠ°Ρ ΡΠ°ΠΉΡ/wp-content/themes/Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΡΠ΅ΠΌΡ/images/logo.png
Π’Π΅ΠΏΠ΅ΡΡ ΠΈΠ· ΡΡΠΎΠ³ΠΎ Π°Π΄ΡΠ΅ΡΠ° ΡΠ΄Π΅Π»Π°Π΅ΠΌ ΠΊΠΎΠ΄ Π²ΡΡΠ°Π²ΠΊΠΈ Π»ΠΎΠ³ΠΎΡΠΈΠΏΠ° Π² ΡΠ°ΠΏΠΊΡ ΡΠ°ΠΉΡΠ°. ΠΠ»Ρ ΡΡΠΎΠ³ΠΎ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ Π°ΡΡΠΈΠ±ΡΡΡ. Π‘Π½Π°ΡΠ°Π»Π° ΡΠΎΡΡΠ°Π²Π»Ρ ΠΊΠΎΠ΄ ΡΠ°ΠΊ ΠΊΠ°ΠΊ ΠΎΠ½ Π±ΡΠ΄Π΅Ρ Π²ΡΠ³Π»ΡΠ΄Π΅ΡΡ, Π° ΠΏΠΎΡΠΎΠΌ ΠΎΠΏΠΈΡΡ Π΄Π»Ρ ΡΠ΅Π³ΠΎ ΠΈ ΠΊΠ°ΠΊΠΈΠ΅ Π°ΡΡΠΈΠ±ΡΡΡ Π² ΠΊΠΎΠ΄Π΅:
<img src=»http://ΠΠ°Ρ ΡΠ°ΠΉΡ/wp-content/themes/Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΡΠ΅ΠΌΡ/images/logo.png»>
Π Π°Π·Π±Π΅ΡΡΠΌ ΠΊΡΠ°ΡΠ½ΡΡ ΡΠ°ΡΡΡ ΠΊΠΎΠ΄Π° Ρ Π°ΡΡΠΈΠ±ΡΡΠ°ΠΌΠΈ:
position:absolute; —Β ΡΡΠΎ Π·Π½Π°ΡΠΈΡ, ΡΡΠΎ Π»ΠΎΠ³ΠΎΡΠΈΠΏ Π±ΡΠ΄Π΅Ρ ΠΈΠΌΠ΅ΡΡ Π°Π±ΡΠΎΠ»ΡΡΠ½ΠΎΠ΅ ΠΏΠΎΠ·ΠΈΡΠΈΠΎΠ½ΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅.
top: 18px;Β — ΠΈΠ·ΠΌΠ΅Π½ΡΡ ΡΠΈΡΡΡ Π² ΡΡΠΎΠΌ Π°ΡΡΠΈΠ±ΡΡΠ΅, Π±ΡΠ΄Π΅ΡΠ΅ Π΄ΠΎΠ±ΠΈΠ²Π°ΡΡΡΡ Π½Π΅ΠΎΠ±Ρ
ΠΎΠ΄ΠΈΠΌΠΎΠ³ΠΎ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΡ Π»ΠΎΠ³ΠΎΡΠΈΠΏΠ° ΠΎΡ Π²Π΅ΡΡ
Π½Π΅Π³ΠΎ ΠΊΡΠ°Ρ ΡΠ°ΠΏΠΊΠΈ.
left: 20px; — ΠΈΠ·ΠΌΠ΅Π½ΡΡ ΡΠΈΡΡΡ Π² ΡΡΠΎΠΌ Π°ΡΡΠΈΠ±ΡΡΠ΅, Π±ΡΠ΄Π΅ΡΠ΅ Π΄ΠΎΠ±ΠΈΠ²Π°ΡΡΡΡ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΡ Π»ΠΎΠ³ΠΎΡΠΈΠΏΠ° ΠΎΡΠ½ΠΎΡΠΈΡΠ΅Π»ΡΠ½ΠΎ Π»Π΅Π²ΠΎΠ³ΠΎ ΠΊΡΠ°Ρ ΡΠ°ΠΏΠΊΠΈ
Π‘Π»Π΅Π΄ΡΡΡΠΈΠΉ ΡΠ°Π³ ΡΡΠΎ Π²ΡΡΠ°Π²ΠΈΡΡ ΡΠΎΡΡΠ°Π²Π»Π΅Π½Π½ΡΠΉ ΠΊΠΎΠ΄ Π² ΡΠ°ΠΉΠ» header.php, Π΄Π»Ρ ΡΠ΅Π³ΠΎ Π½Π°Π΄ΠΎ Π·Π°ΠΉΡΠΈ Π² Π°Π΄ΠΌΠΈΠ½ΠΊΡ ΡΠ°ΠΉΡΠ° ΠΈ ΠΏΡΠΎΠΉΡΠΈ ΠΏΠΎ ΠΏΡΡΠΈ ΠΠΈΠ·Π°ΠΉΠ½==>Π Π΅Π΄Π°ΠΊΡΠΎΡ ΠΈ Π² ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ΅ ΠΎΡΠΊΡΡΡΡ ΡΠ°ΠΉΠ» header.php.
Β Π Π²ΠΎΡ ΠΊΡΠ΄Π° Π²ΡΡΠ°Π²Π»ΡΡΡ ΠΊΠΎΠ΄, ΠΊΠΎΠ½ΠΊΡΠ΅ΡΠ½ΡΡ ΡΠΎΠ²Π΅ΡΠΎΠ² Π΄Π°ΡΡ Π½Π΅ ΠΌΠΎΠ³Ρ, Ρ.ΠΊ. ΡΠ°ΠΉΠ»Ρ header.php Ρ ΠΏΠΎΡΡΠΈ Π²ΡΠ΅Ρ ΡΠ°Π±Π»ΠΎΠ½ΠΎΠ² ΠΎΡΠ»ΠΈΡΠ°ΡΡΡΡ. ΠΡΠΈΠ΄ΡΡΡΡ Π΄Π΅ΠΉΡΡΠ²ΠΎΠ²Π°ΡΡ «ΠΌΠ΅ΡΠΎΠ΄ΠΎΠΌ ΡΡΠΊΠ°», Π½ΠΎ ΡΡΠΎ Π½Π΅ ΡΠ»ΠΎΠΆΠ½ΠΎ. Π ΡΠ°ΠΉΠ»Π΅ Π½Π°Π΄ΠΎ ΡΠΌΠΎΡΡΠ΅ΡΡ ΠΊΠΎΠ΄ ΠΏΠΎΡΠ»Π΅ ΡΠ΅Π³Π° <body> ΠΈ ΠΈΡΠΊΠ°ΡΡ ΡΠ°ΠΌ ΡΡΠ°ΡΡΠΎΠΊ ΠΊΠΎΠ΄Π° ΡΠ°ΠΊΠΎΠ³ΠΎ Π²ΠΈΠ΄Π° <div…, Π²ΠΎΡ ΠΏΠΎΡΠ»Π΅ Π½Π΅Π³ΠΎ ΠΈ ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°ΠΉΡΠ΅ ΡΠΎΡΡΠ°Π²Π»Π΅Π½Π½ΡΠΉ ΡΠ°Π½Π΅Π΅ ΠΊΠΎΠ΄ Π²ΡΡΠ°Π²ΠΊΠΈ Π»ΠΎΠ³ΠΎΡΠΈΠΏΠ°.
ΠΠΎΠ»ΠΆΠ½ΠΎ Π²ΡΡ ΠΏΠΎΠ»ΡΡΠΈΡΡΡΡ. Π ΡΠΈΠ»ΡΠ½ΠΎ Π½Π°Π²ΠΎΡΠΎΡΠ΅Π½Π½ΡΡ
ΡΠ°ΠΏΠΊΠ°Ρ
ΠΌΠΎΠ³ΡΡ Π²ΠΎΠ·Π½ΠΈΠΊΠ½ΡΡΡ Π½Π΅Π±ΠΎΠ»ΡΡΠΈΠ΅ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ. ΠΠ΅ Π±ΠΎΠΉΡΠ΅ΡΡ, ΠΏΡΠΎΠ±ΡΠΉΡΠ΅ Π½ΠΈΠΆΠ΅ <div… ΠΏΠΎΡΡΠ°Π²ΠΈΡΡ ΡΠ²ΠΎΠΉ ΠΊΠΎΠ΄. Π’ΠΎΠ»ΡΠΊΠΎ Π½Π΅ Π²ΡΡΠ°Π²Π»ΡΠΉΡΠ΅ Π΅Π³ΠΎ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠ΅Π³Π°ΠΌΠΈ <?phpΒ ΠΈΒ ?> !!!
ΠΡΠ΄ΡΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ, ΠΎΠ±ΡΠ°ΡΠ°ΠΉΡΠ΅ΡΡ ΠΈ Ρ ΠΏΠΎΠΌΠΎΠ³Ρ!!!
Β
Β
Β
Β
Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΡΡ Π»ΠΎΠ³ΠΎΡΠΈΠΏΠΎΠ² Π² Adobe Creative Cloud Π΄Π»Ρ ΠΊΠΎΠΌΠ°Π½Π΄
ΠΡΠ΄Π΅Π»ΡΠΉΡΠ΅ΡΡ ΡΡΠ΅Π΄ΠΈ ΠΊΠΎΠ½ΠΊΡΡΠ΅Π½ΡΠΎΠ²
ΠΠ½Π΅ Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ ΠΎΡ ΡΠΎΠ³ΠΎ, ΠΈΠ΄Π΅Ρ Π»ΠΈ ΡΠ΅ΡΡ ΠΎΠ± ΠΎΠ³ΡΠΎΠΌΠ½ΡΡ
ΠΊΠΎΡΠΏΠΎΡΠ°ΡΠΈΡΡ
ΠΈΠ»ΠΈ ΠΎ Π½Π΅Π±ΠΎΠ»ΡΡΠΈΡ
ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΡΡ
, ΡΠ°ΠΌΡΠ΅ Π»ΡΡΡΠΈΠ΅ Π»ΠΎΠ³ΠΎΡΠΈΠΏΡ, ΠΊΠ°ΠΊ ΠΏΡΠ°Π²ΠΈΠ»ΠΎ, ΠΏΡΠΎΡΡΡ ΠΈ Ρ
ΠΎΡΠΎΡΠΎ Π·Π°ΠΏΠΎΠΌΠΈΠ½Π°ΡΡΡΡ. Π₯ΠΎΡΠΎΡΠΈΠ΅ Π»ΠΎΠ³ΠΎΡΠΈΠΏΡ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ·Π½Π°ΡΡ Π±ΡΡΡΡΠ΅Π΅ ΡΠ΅ΠΌ Π·Π° ΡΠ΅ΠΊΡΠ½Π΄Ρ. ΠΠ΅ ΠΎΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°ΠΉΡΠ΅ΡΡ Π½Π° ΠΏΠΎΠ΄Π±ΠΎΡΠ΅ Π³ΠΎΡΠΎΠ²ΡΡ
Π»ΠΎΠ³ΠΎΡΠΈΠΏΠΎΠ². ΠΡΠ»ΠΈ, ΡΠ²ΠΈΠ΄Π΅Π² Π»ΠΎΠ³ΠΎΡΠΈΠΏ Π²Π°ΡΠ΅Π³ΠΎ Π±ΡΠ΅Π½Π΄Π°, Π»ΡΠ΄ΠΈ Π½Π°ΡΠΈΠ½Π°ΡΡ Π²Π½ΠΈΠΌΠ°ΡΠ΅Π»ΡΠ½ΠΎ ΡΠ°Π·Π³Π»ΡΠ΄ΡΠ²Π°ΡΡ Π΅Π³ΠΎ ΠΈ ΠΏΡΠΈΡΡΡΠΈΠ²Π°ΡΡΡΡ, ΡΠΎ, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, ΠΎΠ½ ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ ΡΠ»ΠΈΡΠΊΠΎΠΌ ΠΌΠ½ΠΎΠ³ΠΎ Π΄Π΅ΡΠ°Π»Π΅ΠΉ. ΠΠΎΡΠ΅Π½ΡΠΈΠ°Π»ΡΠ½ΡΠΉ ΠΊΠ»ΠΈΠ΅Π½Ρ ΠΈΠ»ΠΈ ΠΏΠ°ΡΡΠ½Π΅Ρ ΡΠΊΠΎΡΠ΅Π΅ Π·Π°ΠΏΠΎΠΌΠ½ΠΈΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠΌΠ΅Π»ΡΡ
ΡΠΎΡΠΌ ΠΈ ΡΡΠΊΠΈΡ
ΡΠ²Π΅ΡΠΎΠ², ΡΠ΅ΠΌ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ Π΄Π΅ΡΠ°Π»Π΅ΠΉ ΠΈΠ»ΠΈ Π·Π°ΠΌΡΡΠ»ΠΎΠ²Π°ΡΡΡ
ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ².
Β
ΠΠΎΠΏΡΠΎΠ±ΡΠΉΡΠ΅ Π΄Π΅ΠΉΡΡΠ²ΠΎΠ²Π°ΡΡ ΡΠ²ΠΎΡΡΠ΅ΡΠΊΠΈ. Π₯ΠΎΡΠΎΡΠΈΠ΅ Π»ΠΎΠ³ΠΎΡΠΈΠΏΡ Π½Π΅ ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ°ΡΡ ΠΏΡΠΎΠ΄ΡΠΊΡΠΈΡ ΠΈΠ»ΠΈ ΡΡΠ»ΡΠ³ΠΈ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ. Β«Π‘Π²ΡΡ» β Π·Π½Π°ΠΌΠ΅Π½ΠΈΡΡΠΉ ΡΠΈΠΌΠ²ΠΎΠ» ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ NikeΒ β ΡΡΠΎ Π½Π΅ ΠΎΠ±ΡΠ²Ρ, Amazon Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅Ρ Π΄Π»Ρ ΠΏΡΠΎΠ΄Π²ΠΈΠΆΠ΅Π½ΠΈΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π³ΡΡΠ·ΠΎΠ²ΠΈΠΊΠ°, Π° Π»ΠΎΠ³ΠΎΡΠΈΠΏ AppleΒ β ΡΡΠΎ Π½Π΅ ΠΊΠΎΠΌΠΏΡΡΡΠ΅Ρ. ΠΠΎΡΡΠ°ΡΠ°ΠΉΡΠ΅ΡΡ ΠΈΠ·Π±Π΅ΠΆΠ°ΡΡ ΡΠ°ΠΌΡΡ ΠΎΡΠ΅Π²ΠΈΠ΄Π½ΡΡ Π°ΡΡΠΎΡΠΈΠ°ΡΠΈΠΉΒ β Π΅ΡΠ»ΠΈ Π²Ρ ΡΡΠΎΠΌΠ°ΡΠΎΠ»ΠΎΠ³, ΠΏΡΠΎΠ΄ΡΠΌΠ°ΠΉΡΠ΅ Π΄ΡΡΠ³ΠΈΠ΅ Π²Π°ΡΠΈΠ°Π½ΡΡ, ΠΊΡΠΎΠΌΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ Π·ΡΠ±Π° ΠΈΠ»ΠΈ ΡΠ»ΡΠ±ΠΊΠΈ.
Β
ΠΡΠΎΡΠ΅ΡΡΠΈΠΎΠ½Π°Π»ΡΠ½ΡΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ Π»ΠΎΠ³ΠΎΡΠΈΠΏΠΎΠ² Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±ΡΡΡ Π² ΠΊΡΡΡΠ΅ ΡΠ΅ΠΊΡΡΠΈΡ ΡΠ΅Π½Π΄Π΅Π½ΡΠΈΠΉ Π² ΡΡΠ΅ΡΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π°, Π½ΠΎ Π½Π΅ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΡΠ»ΠΈΡΠΊΠΎΠΌ ΡΠ²Π»Π΅ΠΊΠ°ΡΡΡΡ ΠΌΠΈΠΌΠΎΠ»Π΅ΡΠ½ΡΠΌΠΈ ΡΡΠ΅Π½Π΄Π°ΠΌΠΈ. ΠΠ΅ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΌΠΎΠ³ΡΡ ΡΠ°ΡΡΠΊΠ°Π·ΡΠ²Π°ΡΡ ΠΎ Π²Π°Ρ ΠΈ ΠΎ ΡΠΎΠ΄Π΅ Π²Π°ΡΠ΅ΠΉ Π΄Π΅ΡΡΠ΅Π»ΡΠ½ΠΎΡΡΠΈ, Π° Π΄ΡΡΠ³ΠΈΠ΅Β β ΠΎΡΡΠ°ΠΆΠ°ΡΡ Π²Π°ΡΠ΅ Π²ΠΈΠ΄Π΅Π½ΠΈΠ΅ ΠΈΠ»ΠΈ ΡΠ΅Π½Π½ΠΎΡΡΠΈ, Π²ΡΠ³ΠΎΠ΄Π½ΠΎ ΠΎΡΠ»ΠΈΡΠ°ΡΡΠΈΠ΅ Π²Π°Ρ ΠΎΡ ΠΊΠΎΠ½ΠΊΡΡΠ΅Π½ΡΠΎΠ². Β
Β
ΠΠ΄Π΅ΠΈ Π»ΠΎΠ³ΠΎΡΠΈΠΏΠΎΠ² ΡΠ°ΡΡΠΎ Π²ΠΎΠ·Π½ΠΈΠΊΠ°ΡΡ Π² ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠ΅ ΡΠΊΡΠΏΠ΅ΡΠΈΠΌΠ΅Π½ΡΠΎΠ². ΠΡΠ»ΠΈ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ Π²ΠΊΠ»ΡΡΠΈΡΡ Π² Π²Π°Ρ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΊΠ°ΠΊΠΎΠΉ-ΡΠΎ ΡΠ»Π΅ΠΌΠ΅Π½Ρ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ, ΡΠ°ΡΡΠΌΠΎΡΡΠΈΡΠ΅ Π²ΡΠ΅ ΡΠΏΠΎΡΠΎΠ±Ρ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΡ ΡΡΠΎΠΉ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ. ΠΠΎΡΠΊΡΠΏΠ΅ΡΠΈΠΌΠ΅Π½ΡΠΈΡΡΠΉΡΠ΅ Ρ Π΄ΡΠ³Π°ΠΌΠΈ, ΡΠΎΡΠΌΠ°ΠΌΠΈ ΠΈ ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°Π½ΠΈΡΠΌΠΈ ΡΠ΅ΠΊΡΡΠ°. ΠΠ°ΠΏΠΈΡΠΈΡΠ΅ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ ΡΠ°Π·Π½ΡΠΌΠΈ ΡΡΠΈΡΡΠ°ΠΌΠΈ ΠΈ ΡΡΠ°Π²Π½ΠΈΡΠ΅ ΠΊΠ°ΠΊ ΠΎΠ½ΠΎ Π±ΡΠ΄Π΅Ρ Π²ΡΠ³Π»ΡΠ΄Π΅ΡΡ.
Β
Β
Π¦Π²Π΅Ρ ΠΈ ΠΊΠΎΠ½ΡΡΠ°ΡΡΠ½ΠΎΡΡΡΒ β ΠΊΠ»ΡΡΠ΅Π²ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΡΡΠ΅ΠΊΡΠΈΠ²Π½ΠΎΠ³ΠΎ Π»ΠΎΠ³ΠΎΡΠΈΠΏΠ°
Π¦Π²Π΅ΡΠ° ΠΈ ΠΊΠΎΠ½ΡΡΠ°ΡΡΠ½ΠΎΡΡΡ ΠΏΠΎΠΌΠΎΠ³Π°ΡΡ ΠΊΠ»ΠΈΠ΅Π½ΡΠ°ΠΌ Π·Π°ΠΏΠΎΠΌΠ½ΠΈΡΡ Π²Π°Ρ Π»ΠΎΠ³ΠΎΡΠΈΠΏ. Π¦Π²Π΅Ρ ΠΈΠ³ΡΠ°Π΅Ρ ΠΎΡΠ΅Π½Ρ Π²Π°ΠΆΠ½ΡΡ ΡΠΎΠ»Ρ Π² ΠΏΡΠΎΡΠ΅ΡΡΠ΅ ΠΏΠ΅ΡΠ΅Π΄Π°ΡΠΈ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΡΡ
Π½Π°ΡΡΡΠΎΠ΅Π½ΠΈΠΉ ΠΈΠ»ΠΈ ΠΎΡΡΡΠ΅Π½ΠΈΠΉ. ΠΠ΅Π»Π΅Π½ΡΠ΅ ΠΎΡΡΠ΅Π½ΠΊΠΈ ΠΌΠΎΠ³ΡΡ ΡΠΊΠ°Π·ΡΠ²Π°ΡΡ Π½Π° Π·Π°Π±ΠΎΡΡ ΠΎΠ± ΠΎΠΊΡΡΠΆΠ°ΡΡΠ΅ΠΉ ΡΡΠ΅Π΄Π΅ ΠΈΠ»ΠΈ ΡΠ°ΡΠΈΠΎΠ½Π°Π»ΡΠ½ΠΎΠΌ ΠΏΡΠΈΡΠΎΠ΄ΠΎΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠΈ, ΠΊΡΠ°ΡΠ½ΡΠ΅Β β Π½Π° Π°ΠΊΡΠΈΠ²Π½ΠΎΡΡΡ ΠΈ ΡΠ½Π΅ΡΠ³ΠΈΡΠ½ΠΎΡΡΡ, Π° Π³Π»ΡΠ±ΠΎΠΊΠΈΠ΅ ΡΠΈΠ½ΠΈΠ΅Β β Π½Π° ΡΠΏΠΎΠΊΠΎΠΉΡΡΠ²ΠΈΠ΅ ΠΈ Π°Π²ΡΠΎΡΠΈΡΠ΅Ρ
.
ΠΠ°Ρ Π»ΠΎΠ³ΠΎΡΠΈΠΏ ΡΠ°ΠΊΠΆΠ΅ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π²ΡΠΏΠΎΠ»Π½ΡΡΡ ΡΠ²ΠΎΠΈ ΡΡΠ½ΠΊΡΠΈΠΈ Π² ΡΠ΅Ρ ΡΠΈΡΡΠ°ΡΠΈΡΡ , ΠΊΠΎΠ³Π΄Π° ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ²Π΅ΡΠ° ΠΎΠ³ΡΠ°Π½ΠΈΡΠ΅Π½ΠΎ. ΠΠΎ Π²ΡΠ΅ΠΌΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ Π»ΠΎΠ³ΠΎΡΠΈΠΏΠ° ΠΏΠΎΠ΄ΡΠΌΠ°ΠΉΡΠ΅ ΠΎ ΡΠΎΠΌ, ΠΊΠ°ΠΊ ΠΎΠ½ Π±ΡΠ΄Π΅Ρ Π²ΡΠ³Π»ΡΠ΄Π΅ΡΡ Π² ΡΠ°Π·Π»ΠΈΡΠ½ΡΡ ΡΠΎΡΠΌΠ°ΡΠ°Ρ , Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ Π½Π° ΡΠ΅ΡΠ½ΠΎ-Π±Π΅Π»ΠΎΠΌ Π±Π»Π°Π½ΠΊΠ΅ ΠΈΠ»ΠΈ Π½Π° ΠΎΠ΄Π½ΠΎΡΠ²Π΅ΡΠ½ΠΎΠΉ Π²ΠΈΠ·ΠΈΡΠ½ΠΎΠΉ ΠΊΠ°ΡΡΠΎΡΠΊΠ΅, ΠΈ ΠΎΠ±ΡΠ΅Π΄ΠΈΠ½ΠΈΡΠ΅ ΡΡΠΈ ΠΏΡΠ°Π²ΠΈΠ»Π° Π² Π±ΡΠ΅Π½Π΄Π±ΡΠΊΠ΅, ΡΡΠΎΠ±Ρ ΠΏΠΎΠΌΠΎΡΡ Π²Π°ΡΠ΅ΠΉ ΠΊΠΎΠΌΠ°Π½Π΄Π΅ Π² Π±ΡΠ΄ΡΡΠΈΡ ΠΏΡΠΎΠ΅ΠΊΡΠ°Ρ .
ΠΠΊΠΎΠ½ΠΊΠ° ΡΠ°ΠΉΡΠ°.
Π§ΡΠΎ ΡΠ°ΠΊΠΎΠ΅ ΠΈΠΊΠΎΠ½ΠΊΠ° ΡΠ°ΠΉΡΠ°?
ΠΠ»Ρ Π½Π°ΡΠ°Π»Π° ΡΠ°Π·Π±Π΅ΡΠ΅ΠΌΡΡ, ΡΡΠΎ ΡΠ°ΠΊΠΎΠ΅ ΠΈΠΊΠΎΠ½ΠΊΠ° ΡΠ°ΠΉΡΠ° ΠΈ Π³Π΄Π΅ ΠΌΡ Π΅Ρ ΠΌΠΎΠΆΠ΅ΠΌ Π½Π°Π±Π»ΡΠ΄Π°ΡΡ. ΠΠΊΠΎΠ½ΠΊΠ° ΡΠ°ΠΉΡΠ° ΡΡΠΎ Π½Π΅Π±ΠΎΠ»ΡΡΠΎΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ 16Ρ 16 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ Π² ΡΠΎΡΠΌΠ°ΡΠ΅ ico. ΠΊΠΎΡΠΎΡΠΎΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ²ΠΈΠ΄Π΅ΡΡ Π² Π°Π΄ΡΠ΅ΡΠ½ΠΎΠΉ ΡΡΡΠΎΠΊΠ΅, «Π·Π°ΠΊΠ»Π°Π΄ΠΊΠ°Ρ », «ΠΈΠ·Π±ΡΠ°Π½Π½ΠΎΠΌ» «ΠΈΡΡΠΎΡΠΈΠΈ», Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°Ρ ΡΡΡΠ°Π½ΠΈΡ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ°Ρ ,
Π° ΡΠ°ΠΊΠΆΠ΅ Π² ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠ°Ρ ΠΏΠΎΠΈΡΠΊΠ° ΠΏΠΎΠΈΡΠΊΠΎΠ²ΠΎΠΉ ΡΠΈΡΡΠ΅ΠΌΡ Π―Π½Π΄Π΅ΠΊΡ
ΠΠΊΠΎΠ½ΠΊΠΈ ΡΠ°ΠΉΡΠΎΠ² ΡΠ°ΠΊ ΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ²ΠΈΠ΄Π΅ΡΡ Π² Π½Π΅ΠΊΠΎΡΠΎΡΡΡ ΠΊΠ°ΡΠ°Π»ΠΎΠ³Π°Ρ ΡΠ°ΠΉΡΠΎΠ², ΡΠ΅ΡΠ²ΠΈΡΠ°Ρ Π°Π½Π°Π»ΠΈΡΠΈΠΊΠΈ ΠΈ ΡΡΠ°ΡΠΈΡΡΠΈΠΊΠΈ ΡΠ°ΠΉΡΠΎΠ², RSS Π»Π΅Π½ΡΠ°Ρ .. ΠΈ ΠΏΡΠΎΡΠΈΡ ΠΌΠ΅ΡΡΠ°Ρ Π±Π΅ΡΠΊΡΠ°ΠΉΠ½ΠΈΡ ΠΏΡΠΎΡΡΠΎΡΠΎΠ² ΡΠ΅ΡΠΈ ΠΠ½ΡΠ΅ΡΠ½Π΅Ρ.
ΠΡΠ½ΠΎΠ²Π½ΠΎΠ΅ ΠΏΡΠ΅Π΄Π½Π°Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΠΏΠΈΠΊΡΠΎΠ³ΡΠ°ΠΌΠΌΡ ΡΡΠΎ Π²ΡΠ΄Π΅Π»Π΅Π½ΠΈΠ΅ ΠΠ°ΡΠ΅Π³ΠΎ ΡΠ°ΠΉΡΠ° ΠΈΠ· ΠΌΠ°ΡΡΡ Π΄ΡΡΠ³ΠΈΡ ΡΠ΅ΡΡΡΡΠΎΠ². ΠΡΠ°ΡΠΈΠ²Π°Ρ ΠΈΠΊΠΎΠ½ΠΊΠ° Π΄Π΅Π»Π°Π΅Ρ ΡΠ°ΠΉΡ ΡΠ½ΠΈΠΊΠ°Π»ΡΠ½ΡΠΌ, ΠΎΡΠΈΠ³ΠΈΠ½Π°Π»ΡΠ½ΡΠΌ, ΠΏΡΠΈΠ²Π»Π΅ΠΊΠ°Π΅Ρ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ, Π° ΡΠ°ΠΊ ΠΆΠ΅ Π΄Π΅Π»Π°Π΅Ρ ΡΠ°ΠΉΡ Π±ΠΎΠ»Π΅Π΅ Π·Π°ΠΏΠΎΠΌΠΈΠ½Π°ΡΡΠΈΠΌΡΡ, ΡΠ°ΠΊ ΡΡΠΎ ΠΎΡΠ½Π΅ΡΠΈΡΠ΅ΡΡ ΠΊ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΈΠΊΠΎΠ½ΠΊΠΈ ΡΠ°ΠΉΡΠ° ΠΏΠΎΠ΄ΠΎΠ±Π°ΡΡΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ, ΡΠΆ ΡΠ΅Π³ΠΎ ΡΠΎΡΠ½ΠΎ Π½Π΅ ΡΡΠΎΠΈΡ Π΄Π΅Π»Π°ΡΡ, ΡΠ°ΠΊ ΡΡΠΎ ΠΏΡΠ΅Π½Π΅Π±ΡΠ΅Π³Π°ΡΡ ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ΠΌ ΠΈΠΊΠΎΠ½ΠΊΠΈ Π²ΠΎΠ²ΡΠ΅, ΡΠ΅ΠΌ ΡΠ°ΠΌΡΠΌ, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡ Π±ΡΠ°ΡΠ·Π΅ΡΠ°ΠΌ Π»Π΅ΠΏΠΈΡΡ Π½Π°ΠΏΡΠΎΡΠΈΠ² ΠΠ°ΡΠ΅Π³ΠΎ ΡΠ°ΠΉΡΠ° ΡΠ²ΠΎΡ ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΡΡ, ΡΠΊΡΡΠ½ΡΡ ΠΏΠΈΠΊΡΠΎΠ³ΡΠ°ΠΌΠΌΡ.
ΠΠ°ΠΊ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠΈΡΡ ΠΈΠΊΠΎΠ½ΠΊΡ ΠΊ ΡΠ²ΠΎΠ΅ΠΌΡ ΡΠ°ΠΉΡΡ?
ΠΠ»Ρ ΡΠΎΠ³ΠΎ ΡΡΠΎΠ±Ρ ΡΠΊΠ°Π·Π°ΡΡ ΠΈΠΊΠΎΠ½ΠΊΡ Π΄Π»Ρ ΡΡΡΠ°Π½ΠΈΡΡ ΡΠ°ΠΉΡΠ° Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ ΡΠ²ΡΠ·Π°ΡΡ ΡΡΡ ΡΡΡΠ°Π½ΠΈΡΡ Ρ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΡΠΌ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ — ΠΈΠΊΠΎΠ½ΠΊΠΎΠΉ, Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ΅Π³Π° <link>.
ΠΠ°ΠΏΠΎΠΌΠ½Ρ, ΡΠ΅Π³ <link> ΠΈΠΌΠ΅Π΅Ρ Π°ΡΡΠΈΠ±ΡΡΡ:
- href — ΠΡΡΡ ΠΊ ΡΠ°ΠΉΠ»Ρ.
- rel — ΠΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ ΠΎΡΠ½ΠΎΡΠ΅Π½ΠΈΡ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠ΅ΠΊΡΡΠΈΠΌ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠΎΠΌ ΠΈ ΡΠ°ΠΉΠ»ΠΎΠΌ, Π½Π° ΠΊΠΎΡΠΎΡΡΠΉ Π΄Π΅Π»Π°Π΅ΡΡΡ ΡΡΡΠ»ΠΊΠ°.
- shortcut icon — ΠΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ, ΡΡΠΎ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΡΠΉ ΡΠ°ΠΉΠ» ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΈΠΊΠΎΠ½ΠΊΠΎΠΉ.
- stylesheet — ΠΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ, ΡΡΠΎ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΡΠΉ ΡΠ°ΠΉΠ» ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ ΡΠ°Π±Π»ΠΈΡΡ ΡΡΠΈΠ»Π΅ΠΉ.
- application/rss+xml — Π€Π°ΠΉΠ» Π² ΡΠΎΡΠΌΠ°ΡΠ΅ XML Π΄Π»Ρ ΠΎΠΏΠΈΡΠ°Π½ΠΈΡ Π»Π΅Π½ΡΡ Π½ΠΎΠ²ΠΎΡΡΠ΅ΠΉ.
- type — MIME ΡΠΈΠΏ Π΄Π°Π½Π½ΡΡ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΠΎΠ³ΠΎ ΡΠ°ΠΉΠ»Π°.
Π ΠΏΠΈΡΠ΅ΡΡΡ Π² Π³ΠΎΠ»ΠΎΠ²Π΅ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ° ΠΌΠ΅ΠΆΠ΄Ρ ΡΠ΅Π³Π°ΠΌΠΈ <head> </head> ΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΠΎ Π²ΡΡ Π·Π°ΠΏΠΈΡΡ Π²ΠΌΠ΅ΡΡΠ΅ ΠΏΡΠΈΠΎΠ±ΡΠ΅ΡΠ°Π΅Ρ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΉ Π²ΠΈΠ΄:
<head><link rel=»shortcut icon» href=»favicon.ico» type=»image/x-icon»>
</head>
ΠΠ΄Π΅ favicon.ico Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ Π»Π΅ΠΆΠ°ΡΠ΅ΠΉ Π² ΠΊΠΎΡΠ½Π΅Π²ΠΎΠΉ ΠΏΠ°ΠΏΠΊΠ΅ ΡΠ°ΠΉΡΠ°.
ΠΡΡΠ°ΡΠΈ ΠΈΠΊΠΎΠ½ΠΊΡ Π΄Π»Ρ ΡΠ°ΠΉΡΠ° ΠΏΡΠΈΠ½ΡΡΠΎ Π½Π°Π·ΡΠ²Π°ΡΡ ΠΈΠΌΠ΅Π½Π½ΠΎ favicon.ico ΠΈ ΡΠ°ΡΠΏΠΎΠ»Π°Π³Π°ΡΡ Π² ΠΊΠΎΡΠ½Π΅Π²ΠΎΠΉ ΠΏΠ°ΠΏΠΊΠ΅ ΡΡΠ΄ΠΎΠΌ Ρ Π³Π»Π°Π²Π½ΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΠ΅ΠΉ ΡΠ°ΠΉΡΠ° , Π΄Π΅Π»ΠΎ Π² ΡΠΎΠΌ ΡΡΠΎ Π΅ΡΠ»ΠΈ ΠΈΠΊΠΎΠ½ΠΊΠ° Π±ΡΠ΄Π΅Ρ Π½Π°Π·ΡΠ²Π°ΡΡΡΡ favicon.ico ΠΈ Π»Π΅ΠΆΠ°ΡΡ Π² ΠΊΠΎΡΠ½Π΅ ΡΠ°ΠΉΡΠ° ΡΠΎ Π΄Π»Ρ Π±ΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²Π° Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠ² ΡΡΠΎΠ³ΠΎ ΡΠΆΠ΅ Π²ΠΏΠΎΠ»Π½Π΅ Ρ Π²Π°ΡΠΈΡ ΡΡΠΎΠ±Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡ ΠΠ°ΡΡ ΠΏΠΈΠΊΡΠΎΠ³ΡΠ°ΠΌΠΌΡ «ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ» Π΄Π°ΠΆΠ΅ Π±Π΅Π· ΡΡΡΠΎΡΠΊΠΈ:
<link rel=»shortcut icon» href=»favicon.ico» type=»image/x-icon»>ΠΠ΄Π½Π°ΠΊΠΎ Π²ΡΡ ΠΆΠ΅ Π»ΡΡΡΠ΅ ΡΠ²ΡΠ·ΡΠ²Π°ΠΉΡΠ΅ ΠΈΠΊΠΎΠ½ΠΊΡ ΡΠΎ ΡΡΡΠ°Π½ΠΈΡΠ΅ΠΉ ΡΠ°ΠΉΡΠ° ΡΠ΅Π³ΠΎΠΌ <link>
ΠΡΠΈΠΌΠ΅Ρ:
<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Transitional//EN» «http://www.w3.org/TR/html4/loose.dtd»><html>
<head>
<title>ΠΠΊΠΎΠ½ΠΊΠ° ΡΠ°ΠΉΡΠ°</title>
<link rel=»shortcut icon» href=»../graphics/favicon.ico» type=»image/x-icon»>
</head>
<body>
<h2>ΠΠΎΡ Π»ΡΠ±ΠΈΠΌΠ°Ρ ΡΡΡΠ°Π½ΠΈΡΠΊΠ°!</h2>
<p>ΠΡΠ° ΡΡΡΠ°Π½ΠΈΡΠΊΠ° ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅Ρ ΠΈΠ½Π΄ΠΈΠ²ΠΈΠ΄ΡΠ°Π»ΡΠ½ΡΡ ΠΈΠΊΠΎΠ½ΠΊΡ Π² Π²ΠΈΠ΄Π΅ ΡΠ΅ΡΠ΄Π΅ΡΠΊΠ°.</p>
</body>
</html>
Π ΡΡΠΎΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅ ΠΊ ΡΡΡΠ°Π½ΠΈΡΠ΅ ΠΌΡ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌ ΠΈΠΊΠΎΠ½ΠΊΡ, ΠΊΠΎΡΠΎΡΠ°Ρ Π»Π΅ΠΆΠΈΡ Π½Π° ΡΡΠΎΠ²Π΅Π½Ρ Π²ΡΡΠ΅ ΠΎΡ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ° Π² ΠΏΠ°ΠΏΠΊΠ΅ graphics. Π’Π°ΠΊΠΈΠΌ ΡΠΏΠΎΡΠΎΠ±ΠΎΠΌ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΠΎΡΠ΄Π΅Π»ΡΠ½ΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΠ΅ ΡΠ°ΠΉΡΠ° ΠΌΠΎΠΆΠ½ΠΎ Π½Π°Π·Π½Π°ΡΠΈΡΡ ΡΠ²ΠΎΡ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΡΡ ΠΏΠΈΠΊΡΠΎΠ³ΡΠ°ΠΌΠΌΡ.
ΠΠ°ΠΊ ΡΠ°ΠΌΠΎΡΡΠΎΡΡΠ΅Π»ΡΠ½ΠΎ ΠΈΠ·Π³ΠΎΡΠΎΠ²ΠΈΡΡ ΡΠ°ΠΉΠ» favicon.ico?
Π‘ΠΏΠΎΡΠΎΠ± ΠΏΠ΅ΡΠ²ΡΠΉ:
ΠΠ°ΠΉΡΠΈ Π² ΠΠ½ΡΠ΅ΡΠ½Π΅ΡΠ΅ Π³ΠΎΡΠΎΠ²ΡΡ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΡΡΡΡ ΠΈΠΊΠΎΠ½ΠΊΡ Π² ΠΊΠΎΠ»Π»Π΅ΠΊΡΠΈΡΡ ΠΈΠΊΠΎΠ½ΠΎΠΊ..
Π‘ΠΏΠΎΡΠΎΠ± Π²ΡΠΎΡΠΎΠΉ:
ΠΠ·Π³ΠΎΡΠΎΠ²ΠΈΡΡ ΠΈΠΊΠΎΠ½ΠΊΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΊΠ°ΠΊΠΎΠ³ΠΎ Π»ΠΈΠ±ΠΎ ΠΎΠ½Π»Π°ΠΉΠ½ ΡΠ΅ΡΠ²ΠΈΡΠ°. ΠΠ°ΠΈΠ±ΠΎΠ»Π΅Π΅ ΠΏΠΎΠΏΡΠ»ΡΡΠ½ΡΠΌ ΡΠ΅ΡΠ²ΠΈΡΠΎΠΌ, ΡΠΎΠ·Π΄Π°ΡΡΠΈΠΌ ΠΈΠΊΠΎΠ½ΠΊΠΈ Π΄Π»Ρ ΡΠ°ΠΉΡΠ°, Π² ΡΡΡΡΠΊΠΎΡΠ·ΡΡΠ½ΠΎΠΌ ΠΠ½ΡΠ΅ΡΠ½Π΅ΡΠ΅, ΡΠ²Π»ΡΠ΅ΡΡΡ ΡΠ΅ΡΡΡΡ www.favicon.ru
ΠΡΡ ΠΏΡΠΎΡΡΠΎ Π·Π°Ρ ΠΎΠ΄ΠΈΡΠ΅ Π½Π° Π΄Π°Π½Π½ΡΠΉ ΡΠ΅ΡΡΡΡ, Π·Π°Π³ΡΡΠΆΠ°Π΅ΡΠ΅ Π±ΠΎΠ»ΡΡΠΎΠ΅ ΡΠ°Π·ΠΌΠ΅ΡΠΎΠΌ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ (ΠΆΠ΅Π»Π°ΡΠ΅Π»ΡΠ½ΠΎ ΠΊΠ²Π°Π΄ΡΠ°ΡΠ½ΠΎΠ΅) ΡΠΎΠ»ΡΠΊΠΎ Π²Π΅ΡΠΎΠΌ Π½Π΅ Π±ΠΎΠ»Π΅Π΅ 300ΠΊΠ±.. Π½Ρ Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ Π»ΠΎΠ³ΠΎΡΠΈΠΏ ΡΠ°ΠΉΡΠ°, ΠΆΠΌΠ΅ΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΡ «Π‘ΠΎΠ·Π΄Π°ΡΡ favicon.ico» Π½Π° Π²ΡΡ ΠΎΠ΄Π΅ ΡΠΊΠ°ΡΠΈΠ²Π°Π΅ΡΠ΅ ΡΠΌΠ΅Π½ΡΡΠ΅Π½Π½ΡΡ ΠΊΠΎΠΏΠΈΡ ΡΡΠΎΠ³ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ 16Ρ 16 (Π° ΡΠ°ΠΊ ΠΆΠ΅ ΠΏΠΎ ΠΆΠ΅Π»Π°Π½ΠΈΡ 32Ρ 32 ΠΈ 48Ρ 48) ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ Π² ΡΠΎΡΠΌΠ°ΡΠ΅ ico. ΠΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ ΡΠ΄ΠΎΠ±Π½ΡΠΉ ΡΠ΅ΡΡΡΡ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡΠΈΠΉ Π±ΡΡΡΡΠΎ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΏΡΠΈΠ΅ΠΌΠ»Π΅ΠΌΠΎΠ³ΠΎ ΠΊΠ°ΡΠ΅ΡΡΠ²Π°.
ΠΡ ΠΈ ΡΡΠ΅ΡΠΈΠΉ ΡΠΏΠΎΡΠΎΠ±:
ΠΡΡΡΠ΅ Π²ΡΠ΅Π³ΠΎ, ΠΊΠΎΠ½Π΅ΡΠ½ΠΎ, Π½Π°ΡΠΈΡΠΎΠ²Π°ΡΡ ΠΈΠΊΠΎΠ½ΠΊΡ ΡΠ°ΠΌΠΎΡΡΠΎΡΡΠ΅Π»ΡΠ½ΠΎ, Π² ΠΊΠΎΡΠΎΡΠΎΠΉ ΠΊΠ°ΠΆΠ΄ΡΠΉ ΠΏΠΈΠΊΡΠ΅Π»Ρ Π±ΡΠ΄Π΅Ρ ΠΈΠΌΠ΅Π½Π½ΠΎ ΡΠ°ΠΊΠΈΠΌ ΠΊΠ°ΠΊΠΈΠΌ ΠΡ ΠΆΠ΅Π»Π°Π΅ΡΠ΅ Π΅Π³ΠΎ Π²ΠΈΠ΄Π΅ΡΡ. ΠΠ΄Π½Π°ΠΊΠΎ Π±ΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²ΠΎ ΠΏΠΎΠΏΡΠ»ΡΡΠ½ΡΡ Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΡ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠΎΠ² ΡΠΈΠΏΠ° ΡΠΎΡΠΎΡΠΎΠΏΠ° Π½Π΅ ΠΆΠ΅Π»Π°ΡΡ ΡΠΎΡ ΡΠ°Π½ΡΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π² ΡΠΎΡΠΌΠ°ΡΠ΅ ico.. ΠΠΎ Π½Π΅ Π±Π΅Π΄Π°!! Π ΠΠ½ΡΠ΅ΡΠ½Π΅ΡΠ΅ Π³ΡΠ»ΡΠ΅Ρ ΠΌΠ°ΡΡΠ° ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠΎΠ² ΠΈΠΊΠΎΠ½ΠΎΠΊ Ρ ΠΎΡΠΎΡΠΈΡ ΠΈ Π½Π΅ ΠΎΡΠ΅Π½Ρ, ΠΏΠ»Π°ΡΠ½ΡΡ ΠΈ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΡΡ , ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΠΎ ΠΏΡΠΎΡΡΠ΅Π½ΡΠΊΠΈΡ ΠΈ ΠΆΡΡΠΊΠΎ Π½Π°Π²ΠΎΡΠΎΡΠ΅Π½Π½ΡΡ .
ΠΠΈΡΠ½ΠΎ Ρ ΠΏΠΎΠ»ΡΠ·ΡΡΡΡ Π½Π΅ ΡΠΈΠ»ΡΠ½ΠΎ Ρ ΠΈΡΡΠΎΠΉ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΊΠΎΠΉ — ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠΎΠΌ ΠΈΠΊΠΎΠ½ΠΎΠΊ, Π½ΠΎ ΠΏΠΎΠ»ΡΠ·ΡΡΡΡ Π΅ΠΉ Π½Π΅ ΡΠ°ΠΊ, ΠΊΠ°ΠΊ Π·Π°Π΄ΡΠΌΡΠ²Π°Π»ΠΈ Π°Π²ΡΠΎΡΡ.. Π― ΡΠ½Π°ΡΠ°Π»Π° ΡΠΈΡΡΡ ΠΈΠΊΠΎΠ½ΠΊΡ Π² ΠΏΡΠΈΠ²ΡΡΠ½ΠΎΠΌ ΠΌΠ½Π΅ ΡΠΎΡΠΎΡΠΎΠΏΠ΅, ΡΠΎΡ ΡΠ°Π½ΡΡ Π΅Ρ Π² ΡΠΎΡΠΌΠ°ΡΠ΅ jpg, ΠΏΠΎΡΠΎΠΌ ΠΎΡΠΊΡΡΠ²Π°Ρ ΡΡΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΡΠΎΠΉ Π½Π΅Ρ ΠΈΡΡΠΎΠΉ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΊΠΈ ΠΈ ΡΠΎΡ ΡΠ°Π½ΡΡ Π΅Π³ΠΎ ΠΆΠ΅ ΡΠΆΠ΅ Π² ΡΠΎΡΠΌΠ°ΡΠ΅ ico. ΠΠΎΡΠΎΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΊΡ Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ «ΠΊΠΎΠ½Π²Π΅ΡΡΠΎΡΠ°», Π° Π½Π΅ Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΎΠ³ΠΎ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ°.. ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΊΠ° Π½Π°Π·ΡΠ²Π°Π΅ΡΡΡ IcoFX Π²ΠΏΡΠΎΡΠ΅ΠΌ, ΠΊΠ°ΠΊ ΡΠΆΠ΅ ΡΠΊΠ°Π·Π°Π½ΠΎ Π²ΡΡΠ΅ ΡΡΡΠ΅ΡΡΠ²ΡΠ΅Ρ ΠΊΡΡΠ° Π΄ΡΡΠ³ΠΈΡ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌ, ΡΠ°ΠΊ ΡΡΠΎ Π½Π΅ ΡΡΠΎΠΈΡ ΠΎΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°ΡΡΡΡ ΠΈΠΌΠ΅Π½Π½ΠΎ Π½Π° ΡΡΠΎΠΉ!! ΠΡΠΎ Ρ ΠΊ Π½Π΅ΠΉ ΠΏΡΠΈΠ»ΠΎΠ²ΡΠΈΠ»ΡΡ, Π° ΠΡ, ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ, Π½Π°ΠΉΠ΄Π΅ΡΠ΅, ΡΡΠΎ Π½ΠΈ Π±ΡΠ΄Ρ Π±ΠΎΠ»Π΅Π΅ ΡΠ΄ΠΎΠ±Π½ΠΎΠ΅ Π΄Π»Ρ ΡΠ΅Π±Ρ.
ΠΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π² HTML — ΠΠ·ΡΡΠ΅Π½ΠΈΠ΅ Π²Π΅Π±-ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ
Π Π½Π°ΡΠ°Π»Π΅ Web Π±ΡΠ» ΠΏΡΠΎΡΡΠΎ ΡΠ΅ΠΊΡΡΠΎΠΌ, ΡΡΠΎ Π±ΡΠ»ΠΎ Π΄ΠΎΠ²ΠΎΠ»ΡΠ½ΠΎ ΡΠΊΡΡΠ½ΠΎ. Π ΡΡΠ°ΡΡΡΡ, ΡΡΠΎ ΠΏΡΠΎΠ΄ΠΎΠ»ΠΆΠ°Π»ΠΎΡΡ Π½Π΅ Π΄ΠΎΠ»Π³ΠΎ — Π΄ΠΎ ΠΏΠΎΡΠ²Π»Π΅Π½ΠΈΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ Π²ΡΡΠ°Π²Π»ΡΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ (ΠΈ Π΄ΡΡΠ³ΠΈΠ΅, Π±ΠΎΠ»Π΅Π΅ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΡΠ΅, ΡΠΈΠΏΡ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ°) Π² Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ. Π‘ΡΡΠ΅ΡΡΠ²ΡΡΡ ΠΈ Π΄ΡΡΠ³ΠΈΠ΅ ΡΠΈΠΏΡ ΠΌΡΠ»ΡΡΠΈΠΌΠ΅Π΄ΠΈΠ°, ΠΎΠ΄Π½Π°ΠΊΠΎ Π»ΠΎΠ³ΠΈΡΠ½Π΅Π΅ Π½Π°ΡΠ°ΡΡ ΡΠΎ ΡΠΊΡΠΎΠΌΠ½ΠΎΠ³ΠΎ <img> Β ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΠΎΠ³ΠΎ Π΄Π»Ρ Π²ΡΡΠ°Π²ΠΊΠΈ ΠΏΡΠΎΡΡΠΎΠ³ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π² Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ. Π ΡΡΠΎΠΉ ΡΡΠ°ΡΡΠ΅ ΠΌΡ ΡΠ°ΡΡΠΌΠΎΡΡΠΈΠΌ, ΠΊΠ°ΠΊ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½Ρ, Π½Π°ΡΠΈΠ½Π°Ρ Ρ ΠΎΡΠ½ΠΎΠ², ΡΠ½Π°Π±ΠΆΠ°ΡΡ ΠΏΡΠΈΠΌΠ΅ΡΠ°Π½ΠΈΡΠΌΠΈ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΒ <figure>, ΠΈ ΡΠ°Π·Π±Π΅ΡΡΠΌ, ΠΊΠ°ΠΊ ΡΡΠΎ ΠΎΡΠ½ΠΎΡΠΈΡΡΡ ΠΊ ΡΠΎΠ½ΠΎΠ²ΡΠΌ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡΠΌ CSS.Β
Π§ΡΠΎΠ±ΡΒ ΡΠ°Π·ΠΌΠ΅ΡΡΠΈΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅, Π½ΡΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ΅Π³ <img>. ΠΡΠΎ ΠΏΡΡΡΠΎΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ (ΠΈΠΌΠ΅Π΅ΡΡΡ Π²Π²ΠΈΠ΄Ρ,Β ΡΡΠΎΒ Π½Π΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ ΡΠ΅ΠΊΡΡΠ° ΠΈ Π·Π°ΠΊΡΡΠ²Π°ΡΡΠ΅Π³ΠΎ ΡΠ΅Π³Π°),Β ΠΊΠΎΡΠΎΡΡΠΉ ΡΡΠ΅Π±ΡΠ΅Ρ ΠΌΠΈΠ½ΠΈΠΌΡΠΌ ΠΎΠ΄ΠΈΠ½ Π°ΡΡΠΈΠ±ΡΡ Π΄Π»Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡΒ β src (ΠΏΡΠΎΠΈΠ·Π½ΠΎΡΠΈΡΡΡ ΡΡ-Π°Ρ-ΡΠΈ, ΠΈΠ½ΠΎΠ³Π΄Π°Β Π³ΠΎΠ²ΠΎΡΡΡ Π΅Π³ΠΎ ΠΏΠΎΠ»Π½ΠΎΠ΅ Π½Π°Π·Π²Π°Π½ΠΈΠ΅, source). ΠΡΡΠΈΠ±ΡΡΒ src ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ ΠΏΡΡΡ ΠΊ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ,Β ΠΊΠΎΡΠΎΡΠΎΠ΅ Π²Ρ Ρ
ΠΎΡΠΈΡΠ΅Β Π²ΡΡΡΠΎΠΈΡΡ Π² ΡΡΡΠ°Π½ΠΈΡΡ, ΠΈ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΠΎΡΠ½ΠΎΡΠΈΡΠ΅Π»ΡΠ½ΡΠΌ ΠΈΠ»ΠΈ Π°Π±ΡΠΎΠ»ΡΡΠ½ΡΠΌΒ URL, ΡΠΎΡΠ½ΠΎ ΡΠ°ΠΊ ΠΆΠ΅, ΠΊΠ°ΠΊ Π·Π½Π°ΡΠ΅Π½ΠΈΡ Π°ΡΡΠΈΠ±ΡΡΠ°Β hrefΒ Π΄Π»Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° <a>.
ΠΡΠΈΠΌΠ΅ΡΠ°Π½ΠΈΠ΅: ΠΠ΅ΡΠ΅Π΄ ΡΠ΅ΠΌ ΠΊΠ°ΠΊ ΠΏΡΠΎΠ΄ΠΎΠ»ΠΆΠΈΡΡ, Π²Π°ΠΌ ΡΡΠΎΠΈΡ Π²ΡΠΏΠΎΠΌΠ½ΠΈΡΡ ΠΏΡΠΎ ΡΠΈΠΏΡ Π°Π΄ΡΠ΅ΡΠΎΠ²Β URL,Β ΡΡΠΎΠ±Ρ ΠΎΠ±Π½ΠΎΠ²ΠΈΡΡ Π² ΠΏΠ°ΠΌΡΡΠΈ ΠΏΡΠΎ ΠΎΡΠ½ΠΎΡΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ ΠΈ Π°Π±ΡΠΎΠ»ΡΡΠ½ΡΠ΅ Π°Π΄ΡΠ΅ΡΠ°.
ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, Π΅ΡΠ»ΠΈ Π²Π°ΡΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π°Π·ΡΠ²Π°Π΅ΡΡΡΒ dinosaur.jpg, ΠΈ ΠΎΠ½ΠΎΒ Π½Π°Ρ
ΠΎΠ΄ΠΈΡΡΡ Π² ΡΠΎΠΉ ΠΆΠ΅ Π΄ΠΈΡΠ΅ΠΊΡΠΎΡΠΈΠΈ ΡΡΠΎ ΠΈ Π²Π°ΡΠ° HTML ΡΡΡΠ°Π½ΠΈΡΠ°, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π²ΡΡΡΠΎΠΈΡΡ ΡΡΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΊΠ°ΠΊ:
ΠΡΠ»ΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π±ΡΠ»ΠΎ Π² ΠΏΠΎΠ΄Π΄ΠΈΡΠ΅ΠΊΡΠΎΡΠΈΠΈΒ imagesΒ , Π½Π°Ρ
ΠΎΠ΄ΡΡΠ°ΡΡΡ Π²Π½ΡΡΡΠΈ ΡΠΎΠΉ ΠΆΠ΅ Π΄ΠΈΡΠ΅ΠΊΡΠΎΡΠΈΠΈ, ΡΡΠΎ ΠΈΒ HTML ΡΡΡΠ°Π½ΠΈΡΠ° (ΡΡΠΎ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΠ΅Ρ Google Π΄Π»Ρ ΠΈΠ½Π΄Π΅ΠΊΡΠ°ΡΠΈΠΈ ΠΈ ΡΠ΅Π»Π΅ΠΉ SEO), ΡΠΎΠ³Π΄Π° Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π²ΡΡΡΠΎΠΈΡΡ Π΅Π³ΠΎ ΡΠ°ΠΊ:
<img src="images/dinosaur.jpg">Π ΡΠ°ΠΊ Π΄Π°Π»Π΅Π΅.
ΠΡΠΈΠΌΠ΅ΡΠ°Π½ΠΈΠ΅: ΠΠΎΠΈΡΠΊΠΎΠ²ΡΠ΅ ΡΠΈΡΡΠ΅ΠΌΡ ΡΠ°ΠΊΠΆΠ΅ ΡΠΈΡΠ°ΡΡ ΠΈΠΌΠ΅Π½Π° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ ΠΈ ΡΡΠΈΡΠ°ΡΡ ΠΈΡ
Π΄Π»Ρ ΠΎΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΠΈ ΠΏΠΎΠΈΡΠΊΠΎΠ²ΠΎΠ³ΠΎ Π·Π°ΠΏΡΠΎΡΠ°. ΠΠΎΡΡΠΎΠΌΡΒ ΠΏΡΠΈΡΠ²Π°ΠΈΠ²Π°ΠΉΡΠ΅ Π²Π°ΡΠΈΠΌ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡΠΌ ΡΠΌΡΡΠ»ΠΎΠ²ΡΠ΅ ΠΈΠΌΠ΅Π½Π°:Β dinosaur.jpg Π»ΡΡΡΠ΅, ΡΠ΅ΠΌ img835.png.
ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π²ΡΡΡΠΎΠΈΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ Π°Π±ΡΠΎΠ»ΡΡΠ½ΡΠΉ URL, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ:
<img src="https://www.example.com/images/dinosaur.jpg">ΠΠΎ ΡΡΠΎ Π±Π΅ΡΡΠΌΡΡΠ»Π΅Π½Π½ΠΎ, ΡΠ°ΠΊ ΠΊΠ°ΠΊ ΠΎΠ½ ΠΏΡΠΎΡΡΠΎ Π·Π°ΡΡΠ°Π²Π»ΡΠ΅ΡΒ Π±ΡΠ°ΡΠ·Π΅Ρ Π΄Π΅Π»Π°ΡΡ Π±ΠΎΠ»ΡΡΠ΅ ΡΠ°Π±ΠΎΡΡ, Π·Π°ΠΏΡΠ°ΡΠΈΠ²Π°Ρ ΠΊΠ°ΠΆΠ΄ΡΠΉ ΡΠ°Π· IP-Π°Π΄ΡΠ΅Ρ ΠΎΡ DNS-ΡΠ΅ΡΠ²Π΅ΡΠ°.Β ΠΡ ΠΏΠΎΡΡΠΈ Π²ΡΠ΅Π³Π΄Π° Π±ΡΠ΄Π΅ΡΠ΅ Π΄Π΅ΡΠΆΠ°ΡΡ ΡΠ²ΠΎΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π΄Π»Ρ ΡΠ°ΠΉΡΠ°Β Π½Π° ΡΠΎΠΌ ΠΆΠ΅ ΡΠ΅ΡΠ²Π΅ΡΠ΅, ΡΡΠΎ ΠΈ Π²Π°Ρ HTML.
ΠΠ½ΠΈΠΌΠ°Π½ΠΈΠ΅: ΠΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ Π·Π°ΡΠΈΡΠ΅Π½Ρ. ΠΠ΅ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΠΉΡΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π½Π° Π²Π°ΡΠ΅ΠΌ ΡΠ°ΠΉΡΠ΅ ΠΏΠΎΠΊΠ°:
- Π²Ρ Π½Π΅ Π±ΡΠ΄Π΅ΡΠ΅ Π²Π»Π°Π΄Π΅ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ
- Ρ Π²Π°Ρ Π½Π΅ Π±ΡΠ΄Π΅ΡΒ ΠΏΠΈΡΡΠΌΠ΅Π½Π½ΠΎΠ³ΠΎΒ ΡΠ°Π·ΡΠ΅ΡΠ΅Π½ΠΈΡΒ Π²Π»Π°Π΄Π΅Π»ΡΡΠ° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ, ΠΈΠ»ΠΈ
- ΠΏΠΎΠΊΠ° Ρ Π²Π°Ρ Π½Π΅Β Π±ΡΠ΄Π΅Ρ Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ Π΄ΠΎΠΊΠ°Π·Π°ΡΠ΅Π»ΡΡΡΠ² ΡΡΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡ Π² ΠΎΡΠΊΡΡΡΠΎΠΌ Π΄ΠΎΡΡΡΠΏΠ΅.
ΠΠ°ΡΡΡΠ΅Π½ΠΈΠ΅ Π°Π²ΡΠΎΡΡΠΊΠΈΡ
ΠΏΡΠ°Π² ΡΠ²Π»ΡΠ΅ΡΡΡ Π½Π΅Π·Π°ΠΊΠΎΠ½Π½ΡΠΌ. ΠΡΠΎΠΌΠ΅ ΡΠΎΠ³ΠΎ, Π½ΠΈΠΊΠΎΠ³Π΄Π° Π½Π΅ ΡΠΊΠ°Π·ΡΠ²Π°ΠΉΡΠ΅ Π² ΡΠ²ΠΎΡΠΌ Π°ΡΡΠΈΠ±ΡΡΠ΅Β srcΒ ΡΡΡΠ»ΠΊΡ Π½Π° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅, ΡΠ°Π·ΠΌΠ΅ΡΡΠ½Π½ΠΎΠ΅ Π½Π° ΡΡΠΆΠΎΠΌ ΡΠ°ΠΉΡΠ΅. ΠΡΠΎ Π½Π°Π·ΡΠ²Π°Π΅ΡΡΡ «Ρ
ΠΎΡΠ»ΠΈΠ½ΠΊΠΈΠ½Π³» (Ρ Π°Π½Π³Π». ‘hotlinking’ — ‘Π³ΠΎΡΡΡΠ°Ρ ΡΡΡΠ»ΠΊΠ°’). ΠΠ°ΠΏΠΎΠΌΠ½ΠΈΡΠ΅, ΠΊΡΠ°ΠΆΠ° ΠΏΡΠΎΠΏΡΡΠΊΠ½ΠΎΠΉ ΡΠΏΠΎΡΠΎΠ±Π½ΠΎΡΡΠΈ ΡΡΠΆΠΎΠ³ΠΎ ΡΠ°ΠΉΡΠ° Π½Π΅Π·Π°ΠΊΠΎΠ½Π½Π°. ΠΡΠΎ ΡΠ°ΠΊΠΆΠ΅ Π·Π°ΠΌΠ΅Π΄Π»ΡΠ΅Ρ Π²Π°ΡΡ ΡΡΡΠ°Π½ΠΈΡΡ ΠΈ Π½Π΅ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π²Π°ΠΌ ΠΊΠΎΠ½ΡΡΠΎΠ»ΠΈΡΠΎΠ²Π°ΡΡ, Π±ΡΠ΄Π΅Ρ Π»ΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΡΠ΄Π°Π»Π΅Π½ΠΎ ΠΈΠ»ΠΈ Π·Π°ΠΌΠ΅Π½Π΅Π½ΠΎ ΡΠ΅ΠΌ-ΡΠΎ Π½Π΅ΠΏΡΠΈΡΡΠ½ΡΠΌ.
ΠΠ°Ρ ΠΊΠΎΠ΄ Π²ΡΡΠ΅ Π΄Π°ΡΡ Π½Π°ΠΌ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΉ ΡΠ΅Π·ΡΠ»ΡΡΠ°Ρ:
ΠΡΠΈΠΌΠ΅ΡΠ°Π½ΠΈΠ΅: Π’Π°ΠΊΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΠΊΠ°ΠΊ <img> ΠΈ <video> ΠΈΠ½ΠΎΠ³Π΄Π° Π½Π°Π·ΡΠ²Π°ΡΡΡΡ Π·Π°ΠΌΠ΅ΡΠ°Π΅ΠΌΡΠΌΠΈΒ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌΠΈ. ΠΡΠΎ ΠΏΠΎΡΠΎΠΌΡ ΡΡΠΎ ΡΠΎΠ΄Π΅ΡΠΆΠ°Π½ΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΠΈ ΡΠ°Π·ΠΌΠ΅Ρ, ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ Π²Π½Π΅ΡΠ½ΠΈΠΉ ΡΠ΅ΡΡΡΡ (ΠΊΠ°ΠΊ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈΠ»ΠΈ Π²ΠΈΠ΄Π΅ΠΎ ΡΠ°ΠΉΠ»), Π° Π½Π΅ ΡΠΎΠ΄Π΅ΡΠΆΠ°Π½ΠΈΠ΅ ΡΠ°ΠΌΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°.Β ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ·Π½Π°ΡΡ ΠΎ Π½ΠΈΡ
Π±ΠΎΠ»ΡΡΠ΅ Π² ΠΠ°ΠΌΠ΅ΡΠ°Π΅ΠΌΡΡ
ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°Ρ
.
ΠΠ»ΡΡΠ΅ΡΠ½Π°ΡΠΈΠ²Π½ΡΠΉ ΡΠ΅ΠΊΡΡ
Π‘Π»Π΅Π΄ΡΡΡΠΈΠΉ Π°ΡΡΠΈΠ±ΡΡ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΌΡ ΡΠ°ΡΡΠΌΠΎΡΡΠΈΠΌΒ β alt. ΠΠ³ΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ΠΌ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±ΡΡΡ ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠ΅ ΠΎΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π΄Π»Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ Π² ΡΠΈΡΡΠ°ΡΠΈΡΡ
, ΠΊΠΎΠ³Π΄Π° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΠΏΡΠΎΡΠΌΠΎΡΡΠ΅Π½ΠΎ / ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΎ ΠΈΠ»ΠΈ ΠΎΡΡΠΈΡΠΎΠ²ΠΊΠ° Π·Π°Π½ΠΈΠΌΠ°Π΅Ρ ΠΌΠ½ΠΎΠ³ΠΎ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ ΠΈΠ·-Π·Π° ΠΌΠ΅Π΄Π»Π΅Π½Π½ΠΎΠ³ΠΎ ΠΈΠ½ΡΠ΅ΡΠ½Π΅Ρ-ΡΠΎΠ΅Π΄ΠΈΠ½Π΅Π½ΠΈΡ. Π§ΡΠΎΠ±Ρ ΠΏΡΠΎΠ΄Π΅ΠΌΠΎΠ½ΡΡΡΠΈΡΠΎΠ²Π°ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ Π°ΡΡΠΈΠ±ΡΡΠ° alt Π½Π° ΠΏΡΠ°ΠΊΡΠΈΠΊΠ΅, Π²Π½Π΅ΡΡΠΌ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ Π² ΠΊΠΎΠ΄ ΠΈΠ· ΠΏΡΠ΅Π΄ΡΠ΄ΡΡΠ΅Π³ΠΎ ΠΏΡΠΈΠΌΠ΅ΡΠ°:
<img src="images/dinosaur.jpg"
alt="ΠΠΎΠ»ΠΎΠ²Π° ΠΈ ΡΡΠ»ΠΎΠ²ΠΈΡΠ΅ ΡΠΊΠ΅Π»Π΅ΡΠ° Π΄ΠΈΠ½ΠΎΠ·Π°Π²ΡΠ°;
Β Β Β Β Ρ Π½Π΅Π³ΠΎ Π±ΠΎΠ»ΡΡΠ°Ρ Π³ΠΎΠ»ΠΎΠ²Π° Ρ Π΄Π»ΠΈΠ½Π½ΡΠΌΠΈ ΠΎΡΡΡΡΠΌΠΈ Π·ΡΠ±Π°ΠΌΠΈ">Π‘Π°ΠΌΡΠΉ ΠΏΡΠΎΡΡΠΎΠΉ ΡΠΏΠΎΡΠΎΠ± ΡΠ²ΠΈΠ΄Π΅ΡΡ Π°ΡΡΠΈΠ±ΡΡ alt Π² Π΄Π΅ΠΉΡΡΠ²ΠΈΠΈ β ΡΡΠΎ ΡΠ΄Π΅Π»Π°ΡΡ Π½Π°ΠΌΠ΅ΡΠ΅Π½Π½ΡΡ ΠΎΡΠΈΠ±ΠΊΡ Π² ΠΈΠΌΠ΅Π½ΠΈ ΡΠ°ΠΉΠ»Π°. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, Π΅ΡΠ»ΠΈ Π±Ρ ΠΌΡ Π½Π°ΠΏΠΈΡΠ°Π»ΠΈ ΠΈΠΌΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΊΠ°ΠΊ dinosooooor.jpg, Π±ΡΠ°ΡΠ·Π΅Ρ Π½Π΅ ΡΠΌΠΎΠ³ Π±Ρ Π΅Π³ΠΎ ΠΎΡΠΎΠ±ΡΠ°Π·ΠΈΡΡ, ΠΈ Π½Π° ΡΠΊΡΠ°Π½Π΅ ΠΏΠΎΡΠ²ΠΈΠ»ΡΡ Π±Ρ ΡΠ΅ΠΊΡΡ ΠΈΠ· Π°ΡΡΠΈΠ±ΡΡΠ° alt:
ΠΡΠ°ΠΊ, Π² ΠΊΠ°ΠΊΠΈΡ
ΡΠ»ΡΡΠ°ΡΡ
ΡΠ΅ΠΊΡΡ ΠΈΠ· Π°ΡΡΠΈΠ±ΡΡΠ° alt ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ Π½Π°ΠΌ ΠΏΠΎΠ»Π΅Π·Π΅Π½? ΠΡΠΈΠ²Π΅Π΄ΡΠΌ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΏΡΠΈΠΌΠ΅ΡΠΎΠ²:
- ΠΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Ρ Π½Π°ΡΡΡΠ΅Π½ΠΈΠ΅ΠΌ Π·ΡΠ΅Π½ΠΈΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅Ρ ΡΡΡΡΠΎΠΉΡΡΠ²ΠΎ ΡΡΠ΅Π½ΠΈΡ Ρ ΡΠΊΡΠ°Π½Π°, ΠΊΠΎΡΠΎΡΠΎΠ΅ ΠΌΠΎΠΆΠ΅Ρ ΡΠΈΡΠ°ΡΡ Π²ΡΠ»ΡΡ
ΠΎΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ. ΠΠ° ΡΠ°ΠΌΠΎΠΌ Π΄Π΅Π»Π΅, Π½Π°Π»ΠΈΡΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ° Π² Π°ΡΡΠΈΠ±ΡΡΠ΅
altΠ΄Π»Ρ ΠΎΠΏΠΈΡΠ°Π½ΠΈΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΠΏΠΎΠ»Π΅Π·Π½ΠΎ Π΄Π»Ρ Π±ΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²Π° ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ. - Π ΡΠ»ΡΡΠ°Π΅, Π΅ΡΠ»ΠΈ Π±ΡΠ»Π° Π΄ΠΎΠΏΡΡΠ΅Π½Π° ΠΎΡΠΈΠ±ΠΊΠ° Π² ΠΈΠΌΠ΅Π½ΠΈ ΡΠ°ΠΉΠ»Π° ΠΈΠ»ΠΈ ΠΏΡΡΠΈ ΠΊ Π½Π΅ΠΌΡ (ΠΊΠ°ΠΊ Π±ΡΠ»ΠΎ ΠΎΠΏΠΈΡΠ°Π½ΠΎ Π²ΡΡΠ΅).
- ΠΡΠ°ΡΠ·Π΅Ρ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ ΡΠΎΡΠΌΠ°Ρ Π΄Π°Π½Π½ΠΎΠ³ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ. ΠΠ΅ΠΊΠΎΡΠΎΡΡΠ΅ Π»ΡΠ΄ΠΈ Π΄ΠΎ ΡΠΈΡ
ΠΏΠΎΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ, ΡΠ°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ Lynx, ΠΊΠΎΡΠΎΡΡΠ΅ Π²ΠΌΠ΅ΡΡΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡ ΡΠ΅ΠΊΡΡ ΠΈΠ· Π°ΡΡΠΈΠ±ΡΡΠ°
alt. - ΠΡΠ»ΠΈ Π²Ρ Ρ
ΠΎΡΠΈΡΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ Π½Π°ΠΉΡΠΈ Π²Π°ΡΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΏΠΎΠΈΡΠΊΠΎΠ²ΡΡ
ΡΠΈΡΡΠ΅ΠΌ. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΏΠΎΠΈΡΠΊΠΎΠ²ΡΠ΅ ΡΠΈΡΡΠ΅ΠΌΡ ΠΌΠΎΠ³ΡΡ ΠΈΡΠΊΠ°ΡΡ ΡΠΎΠ²ΠΏΠ°Π΄Π΅Π½ΠΈΡ ΠΏΠΎΠΈΡΠΊΠΎΠ²ΡΡ
Π·Π°ΠΏΡΠΎΡΠΎΠ² Ρ ΡΠ΅ΠΊΡΡΠΎΠΌ Π°ΡΡΠΈΠ±ΡΡΠ°
alt. - ΠΡΠ»ΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΠΈ ΠΎΡΠΊΠ»ΡΡΠΈΠ»ΠΈ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅ Π΄Π»Ρ ΡΠΌΠ΅Π½ΡΡΠ΅Π½ΠΈΡ ΠΎΠ±ΡΡΠΌΠ° ΠΏΠ΅ΡΠ΅Π΄Π°Π²Π°Π΅ΠΌΡΡ Π΄Π°Π½Π½ΡΡ ΠΈ Π΄Π»Ρ ΡΠΎΠΊΡΡΡΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ², ΠΎΡΠ²Π»Π΅ΠΊΠ°ΡΡΠΈΡ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅. ΠΡΠΎ ΠΎΠ±ΡΡΠ½Π°Ρ ΠΏΡΠ°ΠΊΡΠΈΠΊΠ° Π΄Π»Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ ΡΠ΅Π»Π΅ΡΠΎΠ½ΠΎΠ², Π° ΡΠ°ΠΊΠΆΠ΅ Π² ΡΡΡΠ°Π½Π°Ρ Ρ ΠΌΠ°Π»Π΅Π½ΡΠΊΠΎΠΉ ΠΏΡΠΎΠΏΡΡΠΊΠ½ΠΎΠΉ ΡΠΏΠΎΡΠΎΠ±Π½ΠΎΡΡΡΡ ΠΈΠ½ΡΠ΅ΡΠ½Π΅Ρ-ΠΊΠ°Π½Π°Π»ΠΎΠ² ΠΈ Ρ Π²ΡΡΠΎΠΊΠΎΠΉ ΡΡΠΎΠΈΠΌΠΎΡΡΡΡ ΠΈΠ½ΡΠ΅ΡΠ½Π΅Ρ-ΡΡΠ°ΡΠΈΠΊΠ°.
Π§ΡΠΎ ΠΈΠΌΠ΅Π½Π½ΠΎ Π²Ρ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΏΠΈΡΠ°ΡΡ Π² Π°ΡΡΠΈΠ±ΡΡ alt? Π ΠΏΠ΅ΡΠ²ΡΡ ΠΎΡΠ΅ΡΠ΅Π΄Ρ, ΡΡΠΎ Π·Π°Π²ΠΈΡΠΈΡ ΠΎΡ ΡΠΎΠ³ΠΎ,Β Π·Π°ΡΠ΅ΠΌΒ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π²ΠΎΠΎΠ±ΡΠ΅ Π½Π°Ρ
ΠΎΠ΄ΠΈΡΡΡ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅. ΠΡΡΠ³ΠΈΠΌΠΈ ΡΠ»ΠΎΠ²Π°ΠΌΠΈ, ΡΡΠΎ Π²Ρ ΠΏΠΎΡΠ΅ΡΡΠ΅ΡΠ΅, Π΅ΡΠ»ΠΈ Π²Π°ΡΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π΅ ΠΏΠΎΡΠ²ΠΈΡΡΡ:
- ΠΠ΅ΠΊΠΎΡΠ°ΡΠΈΡ. ΠΡ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π€ΠΎΠ½ΠΎΠ²ΡΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ CSS Π΄Π»Ρ Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠ²Π½ΡΡ
ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ, Π½ΠΎ Π΅ΡΠ»ΠΈ Π²Ρ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ HTML, Π΄ΠΎΠ±Π°Π²ΡΡΠ΅ ΠΏΡΡΡΠΎΠΉ alt = «».Β ΠΡΠ»ΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΡΠ»ΡΠΆΠΈΡ ΠΏΡΠΎΡΡΠΎ ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅ΠΌ ΠΈ Π½Π΅ ΡΠ²Π»ΡΠ΅ΡΡΡ ΡΠ°ΡΡΡΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ, Π΄ΠΎΠ±Π°Π²ΡΡΠ΅ ΠΏΡΡΡΠΎΠΉ
alt="". ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ° ΡΡΠ΅Π½ΠΈΡ Ρ ΡΠΊΡΠ°Π½Π° Π½Π΅ ΡΡΠ°ΡΠΈΡ Π²ΡΠ΅ΠΌΡ Π½Π° ΡΡΠ΅Π½ΠΈΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ, ΠΊΠΎΡΠΎΡΠΎΠ΅ Π½Π΅ ΡΠ²Π»ΡΠ΅ΡΡΡ Π²Π°ΠΆΠ½ΡΠΌ Π΄Π»Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ. - ΠΠΎΠ½ΡΠ΅Π½Ρ.Β ΠΡΠ»ΠΈ Π²Π°ΡΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ Π²Π°ΠΆΠ½ΡΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ, ΠΏΠ΅ΡΠ΅Π΄Π°ΠΉΡΠ΅ ΡΡ ΠΆΠ΅ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ ΡΠ΅ΡΠ΅Π· ΠΊΡΠ°ΡΠΊΠΈΠΉΒ
alt. ΠΠ»ΠΈ Π΄Π°ΠΆΠ΅ Π»ΡΡΡΠ΅, Π² Π³Π»Π°Π²Π½ΠΎΠΌΒ ΡΠ΅ΠΊΡΡΠ΅, ΠΊΠΎΡΠΎΡΡΠΉ Π²ΡΠ΅ ΡΠ²ΠΈΠ΄ΡΡ. ΠΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ΒaltΒ , Π΅ΡΠ»ΠΈ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΎΠ±ΠΎΠΉΡΠΈΡΡ Π±Π΅Π· Π½Π΅Π³ΠΎ. ΠΠ°ΡΠΊΠΎΠ»ΡΠΊΠΎ Π½Π΅ΡΠ΄ΠΎΠ±Π½ΠΎ Π±ΡΠ»ΠΎ Π±Ρ Π΄Π»Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ, Π΅ΡΠ»ΠΈ Π±Ρ ΠΏΠ°ΡΠ°Π³ΡΠ°ΡΡΒ Π±ΡΠ»ΠΈ Π½Π°ΠΏΠΈΡΠ°Π½Ρ Π΄Π²Π°ΠΆΠ΄Ρ Π² Π³Π»Π°Π²Π½ΠΎΠΌ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ΅? ΠΡΠ»ΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π°Π΄Π΅ΠΊΠ²Π°ΡΠ½ΠΎ ΠΎΠΏΠΈΡΠ°Π½ΠΎ Π² ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΌ ΡΠ΅ΠΊΡΡΠ΅, ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΡΠΎΡΡΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΒalt="". - Π‘ΡΡΠ»ΠΊΠ°. ΠΡΠ»ΠΈ Π²Ρ ΠΏΠΎΠΌΠ΅ΡΠ°Π΅ΡΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π²
<a>, Π΄Π»Ρ ΡΠΎΠ³ΠΎ, ΡΡΠΎΠ±Ρ ΡΠ΄Π΅Π»Π°ΡΡ ΠΈΠ· Π½Π΅Π³ΠΎ ΡΡΡΠ»ΠΊΡ, Π²Ρ Π²ΡΡ Π΅ΡΡ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΡΡΠΊΠΈΠ΅ ΡΠΎΡΠΌΡΠ»ΠΈΡΠΎΠ²ΠΊΠΈ ΠΎΠΏΠΈΡΠ°Π½ΠΈΡ ΡΡΡΠ»ΠΎΠΊ. Π ΡΠ°ΠΊΠΎΠΌ ΡΠ»ΡΡΠ°Π΅, Π²Ρ ΡΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΒ<a>Β ΠΈΠ»ΠΈ Π°ΡΡΠΈΠ±ΡΡΒalt. Π‘ΡΠ°ΡΠ°ΠΉΡΠ΅ΡΡ Π²ΡΠ±ΡΠ°ΡΡ Π»ΡΡΡΠΈΠΉ Π²Π°ΡΠΈΠ°Π½Ρ. - Π’Π΅ΠΊΡΡ.Β ΠΠ΅ ΠΏΠΈΡΠΈΡΠ΅ ΡΠ΅ΠΊΡΡ Π² ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡΡ
. ΠΡΠ»ΠΈ Π²Π°ΡΠ΅ΠΌΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΡ ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΠΈΡΡΡ ΡΠ΅Π½Ρ, ΡΠΎΒ Π»ΡΡΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ Π΄Π»Ρ ΡΡΠΎΠ³ΠΎΒ CSSΒ Π²ΠΌΠ΅ΡΡΠΎ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ° Π² ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅. ΠΠ΄Π½Π°ΠΊΠΎ, Π΅ΡΠ»ΠΈΒ Π΄Π΅ΠΉΡΡΠ²ΠΈΡΠ΅Π»ΡΠ½ΠΎ ΡΡΠΎΠ³ΠΎ Π½Π΅ ΠΈΠ·Π±Π΅ΠΆΠ°ΡΡ, ΡΠΎ Π²Π°ΠΌ ΡΠ»Π΅Π΄ΡΠ΅Ρ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΡ ΡΠ΅ΠΊΡΡ Π² Π°ΡΡΠΈΠ±ΡΡΠ΅Β
alt.
ΠΠΎ ΡΡΡΠ΅ΡΡΠ²Ρ, Π³Π»Π°Π²Π½Π°Ρ ΠΈΠ΄Π΅Ρ Π·Π΄Π΅ΡΡ ΡΡΠΎΒ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²ΠΈΡΡΒ Π½Π΅ΡΡΠΎ ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠ΅, Π΄Π»Ρ ΡΠ»ΡΡΠ°Ρ ΠΊΠΎΠ³Π΄Π° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π½Π΅ Π²ΠΈΠ΄Π½Ρ. ΠΡΠΎ Π³Π°ΡΠ°Π½ΡΠΈΡΡΠ΅Ρ ΡΡΠΎ Π²ΡΠ΅ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΠΈ Π½Π΅ ΡΠΏΡΡΡΡΡ Π½ΠΈΡΠ΅Π³ΠΎ ΠΈΠ· ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ ΡΡΡΠ°Π½ΠΈΡΡ. ΠΠΎΠΏΡΠΎΠ±ΡΠΉΡΠ΅ ΠΎΡΠΊΠ»ΡΡΠΈΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π² ΡΠ²ΠΎΡΠΌ Π±ΡΠ°ΡΠ·Π΅ΡΠ΅ ΠΈ ΠΏΠΎΡΠΌΠΎΡΡΠΈΡΠ΅ ΠΊΠ°ΠΊ Π²ΡΡ Π²ΡΠ³Π»ΡΠ΄ΠΈΡ. ΠΡ Π²ΡΠΊΠΎΡΠ΅ Π²ΡΡΡΠ½ΠΈΡΠ΅ Π½Π°ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΏΠΎΠ»Π΅Π·Π½ΡΠΌ ΡΠ²Π»ΡΠ΅ΡΡΡ Π°Π»ΡΡΠ΅ΡΠ½Π°ΡΠΈΠ²Π½ΡΠΉ ΡΠ΅ΠΊΡΡ, Π΅ΡΠ»ΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π½Π΅ Π²ΠΈΠ΄Π½Ρ.
Π¨ΠΈΡΠΈΠ½Π° ΠΈ Π²ΡΡΠΎΡΠ°
ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π°ΡΡΠΈΠ±ΡΡΡΒ widthΒ ΠΈΒ height, ΡΡΠΎΠ±Ρ ΡΠΊΠ°Π·Π°ΡΡ ΡΠΈΡΠΈΠ½Ρ ΠΈ Π²ΡΡΠΎΡΡ Π²Π°ΡΠ΅Π³ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ. Π¨ΠΈΡΠΈΠ½Ρ ΠΈ Π²ΡΡΠΎΡΡ Π²Π°ΡΠ΅Π³ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π½Π°ΠΉΡΠΈ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠΌΠΈ ΡΠΏΠΎΡΠΎΠ±Π°ΠΌΠΈ. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, Π½Π° Mac ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΒ Β Cmd + IΒ ΡΡΠΎΠ±ΡΒ ΠΏΠΎΠ»ΡΡΠΈΡΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ ΠΏΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ. ΠΠΎΠ²ΡΠΎΡΡΡ Π½Π°Ρ ΠΏΡΠΈΠΌΠ΅Ρ, ΠΌΡ ΠΌΠΎΠΆΠ΅ΠΌ ΡΠ΄Π΅Π»Π°ΡΡ ΡΠ°ΠΊ:
<img src="images/dinosaur.jpg"
alt="The head and torso of a dinosaur skeleton;
it has a large head with long sharp teeth"
>ΠΡΠΎ Π½Π΅ ΠΏΡΠΈΠ²ΠΎΠ΄ΠΈΡ ΠΊ Π±ΠΎΠ»ΡΡΠΎΠΉ ΡΠ°Π·Π½ΠΈΡΠ΅ Π² ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΈ ΠΏΡΠΈ Π½ΠΎΡΠΌΠ°Π»ΡΠ½ΡΡ ΠΎΠ±ΡΡΠΎΡΡΠ΅Π»ΡΡΡΠ²Π°Ρ .Β ΠΠΎ Π΅ΡΠ»ΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π΅ Π±ΡΠ΄Π΅Ρ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΊΠΎΠ³Π΄Π°Β ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΡΠΎΠ»ΡΠΊΠΎ ΡΡΠΎ ΠΏΠ΅ΡΠ΅ΡΡΠ» Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ, Π° ΠΎΠ½ΠΎ Π΅ΡΡ Π½Π΅ ΡΡΠΏΠ΅Π»ΠΎ Π·Π°Π³ΡΡΠ·ΠΈΡΡΡ, Π²Ρ ΡΠΊΠ°ΠΆΠΈΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ ΠΎΡΡΠ°Π²ΠΈΡΡ ΠΌΠ΅ΡΡΠΎ Π΄Π»Ρ ΠΎΡΡΠΈΡΠΎΠ²ΠΊΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ:
ΠΡΠΎ Ρ ΠΎΡΠΎΡΠ°Ρ ΠΏΡΠ°ΠΊΡΠΈΠΊΠ°, Π² ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠ΅ ΡΡΡΠ°Π½ΠΈΡΠ° Π·Π°Π³ΡΡΠ·ΠΈΡΡΡ Π±ΡΡΡΡΠ΅Π΅ ΠΈ Π±ΠΎΠ»Π΅Π΅ Π³Π»Π°Π΄ΠΊΠΎ.
ΠΠ΄Π½Π°ΠΊΠΎ, Π²Ρ Π½Π΅ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΈΠ·ΠΌΠ΅Π½ΡΡΡ ΡΠ°Π·ΠΌΠ΅ΡΡ Π²Π°ΡΠΈΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ HTML Π°ΡΡΠΈΠ±ΡΡΡ. ΠΡΠ»ΠΈ Π²Ρ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅ ΡΠ°Π·ΠΌΠ΅Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΡΠ»ΠΈΡΠΊΠΎΠΌ Π±ΠΎΠ»ΡΡΠΈΠΌ, ΡΠΎ Π² ΠΊΠΎΠ½Π΅ΡΠ½ΠΎΠΌ ΠΈΡΠΎΠ³Π΅ Π²Ρ ΡΡΠΎΠ»ΠΊΠ½ΡΡΠ΅ΡΡ Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡΠΌΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ Π²ΡΠ³Π»ΡΠ΄ΡΡ Π·Π΅ΡΠ½ΠΈΡΡΡΠΌΠΈ, ΡΠ°Π·ΠΌΡΡΡΠΌΠΈΒ ΠΈΠ»ΠΈ ΡΠ»ΠΈΡΠΊΠΎΠΌ ΠΌΠ°Π»Π΅Π½ΡΠΊΠΈΠΌΠΈ, ΠΈ ΠΏΠΎΡΡΠ°ΡΠΈΡΠ΅Β ΡΡΠ°ΡΠΈΠΊ Π΄Π»Ρ Π·Π°Π³ΡΡΠ·ΠΊΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ, ΠΊΠΎΡΠΎΡΠΎΠ΅ Π½Π΅ Π±ΡΠ΄Π΅Ρ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΎΠ²Π°ΡΡΒ Π½ΡΠΆΠ΄Π°ΠΌ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ. ΠΠΎΠ½Π΅ΡΠ½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΌΠΎΠΆΠ΅Ρ ΡΠ°ΠΊΠΆΠ΅ Π²ΡΠ³Π»ΡΠ΄Π΅ΡΡΒ ΠΈΡΠΊΠ°ΠΆΡΠ½Π½ΡΠΌ, Π΅ΡΠ»ΠΈ Π²Ρ Π½Π΅ ΡΠΎΡ ΡΠ°Π½ΠΈΡΠ΅Β ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎΠ΅ ΡΠΎΠΎΡΠ½ΠΎΡΠ΅Π½ΠΈΠ΅ ΡΡΠΎΡΠΎΠ½. Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΠ΅ΡΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΠΉ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΒ Π΄Π»Ρ ΠΏΠΎΠ΄Π³ΠΎΠ½ΠΊΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΊ Π½ΡΠΆΠ½ΠΎΠΌΡ ΡΠ°Π·ΠΌΠ΅ΡΡ, ΠΏΠ΅ΡΠ΅Π΄ Π²ΡΡΠ°Π²ΠΊΠΎΠΉ Π΅Π³ΠΎ Π½Π° Π²Π°ΡΡ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ.
ΠΡΠΈΠΌΠ΅ΡΠ°Π½ΠΈΠ΅: ΠΡΠ»ΠΈ Π²Π°ΠΌ Π΄Π΅ΠΉΡΡΠ²ΠΈΡΠ΅Π»ΡΠ½ΠΎ Π½ΡΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΡΠ°Π·ΠΌΠ΅Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ, Π²Ρ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π²ΠΌΠ΅ΡΡΠΎ ΡΡΠΎΠ³ΠΎΒ CSS.
ΠΠ°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ
ΠΠ°ΠΊ ΠΈΒ Π΄Π»ΡΒ ΡΡΡΠ»ΠΎΠΊ, Π²Ρ ΡΠ°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π°ΡΡΠΈΠ±ΡΡΒ title Π΄Π»Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ, ΡΡΠΎΠ±Ρ ΠΏΡΠΈ Π½Π΅ΠΎΠ±Ρ
ΠΎΠ΄ΠΈΠΌΠΎΡΡΠΈ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²ΠΈΡΡ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ. Π Π½Π°ΡΠ΅ΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅ ΠΌΡ ΠΌΠΎΠ³Π»ΠΈ Π±Ρ ΡΠ΄Π΅Π»Π°ΡΡ ΡΡΠΎ ΡΠ°ΠΊ:
<img src="images/dinosaur.jpg"
alt="The head and torso of a dinosaur skeleton;
it has a large head with long sharp teeth"
title="A T-Rex on display in the Manchester University Museum">ΠΡΠΎ Π΄Π°ΡΡ Π½Π°ΠΌ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΡΡ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΡ ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΊΡΡΡΠΎΡΠ° ΠΌΡΡΠΈ, ΡΠ°ΠΊΠΆΠ΅ ΠΊΠ°ΠΊ ΠΈ Π² ΡΡΡΠ»ΠΊΠ°Ρ :
ΠΠ΄Π½Π°ΠΊΠΎ ΡΡΠΎ Π½Π΅ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΠ΅ΡΡΡ — title ΠΈΠΌΠ΅Π΅Ρ ΡΡΠ΄ ΠΏΡΠΎΠ±Π»Π΅ΠΌ Ρ Π΄ΠΎΡΡΡΠΏΠ½ΠΎΡΡΡΡ, Π² ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΌ ΠΈΠ·-Π·Π° ΡΠΎΠ³ΠΎ, ΡΡΠΎ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌ ΡΡΠ΅Π½ΠΈΡ Ρ ΡΠΊΡΠ°Π½Π° ΠΎΡΠ΅Π½Ρ Π½Π΅ΠΏΡΠ΅Π΄ΡΠΊΠ°Π·ΡΠ΅ΠΌΠ°, ΠΈ Π±ΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²ΠΎ Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠ² Π½Π΅ Π±ΡΠ΄ΡΡ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡ Π΅Ρ, Π΅ΡΠ»ΠΈ Π²Ρ Π½Π΅ Π½Π°Π²Π΅Π΄ΡΡΠ΅ ΠΊΡΡΡΠΎΡ ΠΌΡΡΠΈ (Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, Π½Π΅Ρ Π΄ΠΎΡΡΡΠΏΠ° Π΄Π»Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ ΠΊΠ»Π°Π²ΠΈΠ°ΡΡΡΡ). ΠΠ°ΡΠ°ΡΡΡΡ Π»ΡΡΡΠ΅ Π²ΠΊΠ»ΡΡΠΈΡΡ ΡΠ°ΠΊΠΎΠ³ΠΎ ΡΠΎΠ΄Π° Π²ΡΠΏΠΎΠΌΠΎΠ³Π°ΡΠ΅Π»ΡΠ½ΡΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ Π²Β ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΉ ΡΠ΅ΠΊΡΡ ΡΡΠ°ΡΡΠΈ, ΡΠ΅ΠΌ ΠΏΡΠΈΠΊΡΠ΅ΠΏΠ»ΡΡΡ Π΅Ρ ΠΊ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ. ΠΠ΄Π½Π°ΠΊΠΎ, ΠΎΠ½Π° ΠΏΠΎΠ»Π΅Π·Π½Π° Π² Π½Π΅ΠΊΠΎΡΠΎΡΡΡ
ΠΎΠ±ΡΡΠΎΡΡΠ΅Π»ΡΡΡΠ²Π°Ρ
; Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, Π² Π³Π°Π»Π΅ΡΠ΅ΡΡ
ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ, ΠΊΠΎΠ³Π΄Π° Ρ Π²Π°Ρ Π½Π΅Ρ ΠΌΠ΅ΡΡΠ° Π΄Π»Ρ ΠΈΡ
Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ².
ΠΠΊΡΠΈΠ²Π½ΠΎΠ΅ ΠΎΠ±ΡΡΠ΅Π½ΠΈΠ΅: Π²ΡΡΡΠ°ΠΈΠ²Π°Π½ΠΈΠ΅Β ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ
ΠΠ°ΡΡΡΠΏΠΈΠ»Π° ΠΎΡΠ΅ΡΠ΅Π΄Ρ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΠΏΠΎΠΈΠ³ΡΠ°ΡΡ!Β ΠΡΠΎΡΒ ΡΠ°Π·Π΄Π΅Π» Π°ΠΊΡΠΈΠ²Π½ΠΎΠ³ΠΎ ΠΎΠ±ΡΡΠ΅Π½ΠΈΡ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ Π²Π°ΠΌΒ Π²ΡΠΏΠΎΠ»Π½ΠΈΡΡ ΠΏΡΠΎΡΡΠΎΠ΅ ΡΠΏΡΠ°ΠΆΠ½Π΅Π½ΠΈΠ΅ ΠΏΠΎΒ Π²ΡΡΡΠ°ΠΈΠ²Π°Π½ΠΈΡ. ΠΡ Π±ΡΠ΄Π΅ΡΠ΅ ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠ΅Π½Ρ ΠΏΡΠΎΡΡΡΠΌΒ <img> ΡΡΠ³ΠΎΠΌ; ΠΌΡ Ρ
ΠΎΡΠ΅Π»ΠΈ Π±Ρ ΡΡΠΎΠ±Ρ Π²Ρ Π²ΡΡΡΠΎΠΈΠ»ΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½Π½ΠΎΠ΅ ΠΏΠΎ ΡΠ»Π΅Π΄ΡΡΡΠ΅ΠΉ ΡΡΡΠ»ΠΊΠ΅:
https://raw.githubusercontent.com/mdn/learning-area/master/html/multimedia-and-embedding/images-in-html/dinosaur_small.jpg
Π Π°Π½Π΅Π΅ ΠΌΡ Π³ΠΎΠ²ΠΎΡΠΈΠ»ΠΈ Π½ΠΈΠΊΠΎΠ³Π΄Π° Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ Π³ΠΎΡΡΡΠΈΠ΅ ΡΡΡΠ»ΠΊΠΈ Π½Π° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡΒ Ρ Π΄ΡΡΠ³ΠΈΡ ΡΠ΅ΡΠ²Π΅ΡΠΎΠ², Π΄Π°Π½Π½ΡΠΉ ΡΠ»ΡΡΠ°ΠΉ ΡΠΎΠ»ΡΠΊΠΎ Π΄Π»Ρ ΡΠ΅Π»Π΅ΠΉ ΠΎΠ±ΡΡΠ΅Π½ΠΈΡ, ΠΈΡΠ°ΠΊ ΠΌΡ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΠΌ Π²Π°ΠΌ ΠΏΡΠ΅Π½Π΅Π±ΡΠ΅ΡΡ ΡΡΠΈΠΌ ΠΎΠ΄ΠΈΠ½ ΡΠ°Π·ΠΎΠΊ.
ΠΡ ΡΠ°ΠΊΠΆΠ΅ Ρ ΠΎΡΠ΅Π»ΠΈ Π±Ρ, ΡΡΠΎΠ±Ρ Π²Ρ:
- ΠΠΎΠ±Π°Π²ΠΈΠ»ΠΈ Π»ΡΠ±ΠΎΠΉ Π°Π»ΡΡΠ΅ΡΠ½Π°ΡΠΈΠ²Π½ΡΠΉ ΡΠ΅ΠΊΡΡ, ΠΈ ΠΏΡΠΎΠ²Π΅ΡΠΈΠ»ΠΈ ΠΊΠ°ΠΊ ΡΡΠΎ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ Π²Π½Π΅ΡΡ ΠΎΡΠΈΠ±ΠΊΡ Π² ΡΡΡΠ»ΠΊΡ Π½Π° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅.
- Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΡΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ
widthΠΈheightΒ (ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠ°:Β ΡΡΠΎ 200px ΠΏΠΎ ΡΠΈΡΠΈΠ½Π΅Β ΠΈΒ 171px ΠΏΠΎ Π²ΡΡΠΎΡΠ΅), ΠΏΠΎΡΠ»Π΅ ΠΏΠΎΡΠΊΡΠΏΠ΅ΡΠΈΠΌΠ΅Π½ΡΠΈΡΡΠΉΡΠ΅ Ρ Π΄ΡΡΠ³ΠΈΠΌΠΈ Π·Π½Π°ΡΠ΅Π½ΠΈΡΠΌΠΈ, ΡΡΠΎΠ±Ρ ΡΠ²ΠΈΠ΄Π΅ΡΡ ΠΊΠ°ΠΊΠΎΠΉ Π±ΡΠ΄Π΅Ρ ΡΡΡΠ΅ΠΊΡ. - Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅Β
titleΒ Π΄Π»Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ.
ΠΡΠ»ΠΈ Π²Ρ ΡΠ΄Π΅Π»Π°Π΅ΡΠ΅ ΠΎΡΠΈΠ±ΠΊΡ, Π²Ρ Π²ΡΠ΅Π³Π΄Π° ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΎΡΠΈΡΡΠΈΡΡ ΠΊΠΎΠ΄, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΒ ΠΊΠ½ΠΎΠΏΠΊΡΒ Reset. ΠΡΠ»ΠΈ Π²Ρ ΡΠ΅Π°Π»ΡΠ½ΠΎ Π½Π΅ Π±ΡΠ΄Π΅ΡΠ΅ ΠΏΠΎΠ½ΠΈΠΌΠ°ΡΡΒ ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°ΡΡ,Β Π½Π°ΠΆΠΌΠΈΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΡΒ Show solution, ΡΡΠΎΠ±Ρ ΡΠ²ΠΈΠ΄Π΅ΡΡ ΠΎΡΠ²Π΅Ρ:
ΠΠ°ΡΠΈΠ½Π°Ρ ΡΠ°Π·Π³ΠΎΠ²ΠΎΡΒ ΠΎΒ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°Ρ , Π΅ΡΡΡ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ ΠΏΡΡΠ΅ΠΉ ΠΊΠ°ΠΊ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΊ ΡΠ²ΠΎΠ΅ΠΌΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ. ΠΠ»Ρ ΠΏΡΠΈΠΌΠ΅ΡΠ°, Π½Π΅Ρ Π½ΠΈΡΠ΅Π³ΠΎ, ΡΡΠΎ ΠΌΠΎΠΆΠ΅Ρ Π²Π°Ρ ΠΎΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ ΡΠ΄Π΅Π»Π°ΡΡ ΡΡΠΎ ΡΠ°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ:
<div>
<img src="images/dinosaur.jpg"
alt="The head and torso of a dinosaur skeleton;
it has a large head with long sharp teeth"
>
<p>A T-Rex on display in the Manchester University Museum.</p>
</div>ΠΡΠΎ Π½ΠΎΡΠΌΠ°Π»ΡΠ½ΠΎ. ΠΡΠΎ ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ Π²ΡΡ ΡΡΠΎ Π²Π°ΠΌ Π½ΡΠΆΠ½ΠΎ, ΠΈ ΠΊΡΠ°ΡΠΈΠ²ΠΎ ΡΡΠΈΠ»ΠΈΠ·ΡΠ΅ΡΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡΒ CSS. ΠΠΎ, Π΅ΡΡΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌΠ°: Π·Π΄Π΅ΡΡ Π½Π΅Ρ Π½ΠΈΡΠ΅Π³ΠΎ, ΡΡΠΎ ΡΠ΅ΠΌΠ°Π½ΡΠΈΡΠ΅ΡΠΊΠΈ ΡΠ²ΡΠ·ΡΠ²Π°Π΅Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Ρ Π΅Π³ΠΎ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠΌ,Β ΠΈ ΡΡΠΎ ΠΌΠΎΠΆΠ΅Ρ Π²ΡΠ·Π²Π°ΡΡ ΡΠ»ΠΎΠΆΠ½ΠΎΡΡΠΈΒ Π΄Π»Ρ ΡΠΈΡΠ°ΡΠ΅Π»Π΅ΠΉ. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΊΠΎΠ³Π΄Π° Ρ Π²Π°Ρ Π΅ΡΡΡΒ 50 ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ ΠΈ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ², ΠΊΠ°ΠΊΠΎΠΉ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΈΠ΄ΡΡ Π²ΠΌΠ΅ΡΡΠ΅ Ρ ΠΊΠ°ΠΊΠΈΠΌ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ?
ΠΡΡΡΠΈΠΌ ΡΠ΅ΡΠ΅Π½ΠΈΠ΅ΠΌ Π±ΡΠ΄Π΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² HTML5Β <figure> ΠΈΒ <figcaption>. ΠΠ½ΠΈ Π±ΡΠ»ΠΈ ΡΠΎΠ·Π΄Π°Π½Ρ ΠΈΡΠΊΠ»ΡΡΠΈΡΠ΅Π»ΡΠ½ΠΎ Π΄Π»Ρ ΡΡΠΎΠΉ ΡΠ΅Π»ΠΈ: ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²ΠΈΡΡ ΡΠ΅ΠΌΠ°Π½ΡΠΈΡΠ΅ΡΠΊΠΈΠΉ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅Ρ Π΄Π»Ρ ΡΠΈΡΡΠ½ΠΊΠΎΠ² ΠΈ ΡΡΡΠΊΠΎ ΡΠ²ΡΠ·Π°ΡΡ ΡΠΈΡΡΠ½ΠΎΠΊ Ρ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠΌ. ΠΠ°Ρ ΠΏΡΠΈΠΌΠ΅Ρ Π²ΡΡΠ΅Β ΠΌΠΎΠ³ Π±Ρ Π±ΡΡΡ ΠΏΠ΅ΡΠ΅ΠΏΠΈΡΠ°Π½ ΡΠ°ΠΊ:
<figure>
<img src="images/dinosaur.jpg"
alt="The head and torso of a dinosaur skeleton;
it has a large head with long sharp teeth"
>
<figcaption>A T-Rex on display in the Manchester University Museum.</figcaption>
</figure>ΠΠ»Π΅ΠΌΠ΅Π½Ρ <figcaption> Π³ΠΎΠ²ΠΎΡΠΈΡ Π±ΡΠ°ΡΠ·Π΅ΡΠ°ΠΌΒ ΠΈ Π²ΡΠΏΠΎΠΌΠΎΠ³Π°ΡΠ΅Π»ΡΠ½ΠΎΠΉΒ ΡΠ΅Ρ
Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ, ΡΡΠΎ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΎΠΏΠΈΡΡΠ²Π°Π΅Ρ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° <figure>.
ΠΠ°ΠΌΠ΅ΡΠ°Π½ΠΈΠ΅: Π‘ ΡΠΎΡΠΊΠΈ Π·ΡΠ΅Π½ΠΈΡ Π΄ΠΎΡΡΡΠΏΠ½ΠΎΡΡΠΈ, Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ ΠΈΒ alt ΠΈΠΌΠ΅ΡΡ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠ΅ ΠΏΡΠ΅Π΄Π½Π°Π·Π½Π°ΡΠ΅Π½ΠΈΡ. ΠΠ°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ ΠΏΠΎΠΌΠΎΠ³Π°ΡΡΒ Π΄Π°ΠΆΠ΅ ΡΠ΅ΠΌ, ΠΊΡΠΎ ΠΈΠΌΠ΅Π΅Ρ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ ΠΏΡΠΎΡΠΌΠ°ΡΡΠΈΠ²Π°ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅, ΡΠΎΠ³Π΄Π° ΠΊΠ°ΠΊ alt ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠΈΠ²Π°Π΅Ρ Π·Π°ΠΌΠ΅Π½Ρ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΠΎΡΡΠΈ ΠΎΡΡΡΡΡΡΠ²ΡΡΡΠ΅Π³ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ, Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ ΠΈ altΒ Π½Π΅ ΠΏΠΎΠ΄ΡΠ°Π·ΡΠΌΠ΅Π²Π°ΡΡ ΠΏΠΎΠ΄ ΡΠΎΠ±ΠΎΠΉ ΠΎΠ΄Π½ΠΈ ΠΈ ΡΠ΅ ΠΆΠ΅ Π²Π΅ΡΠΈ, ΠΏΠΎΡΠΎΠΌΡ ΡΡΠΎ ΠΎΠ±Π° ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠΌ ΠΏΡΠΈ ΠΎΡΡΡΡΡΡΠ²ΠΈΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ. ΠΠΎΠΏΡΠΎΠ±ΡΠΉΡΠ΅ ΠΎΡΠΊΠ»ΡΡΠΈΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π² ΡΠ²ΠΎΡΠΌ Π±ΡΠ°ΡΠ·Π΅ΡΠ΅, ΡΡΠΎΠ±Ρ ΡΠ²ΠΈΠ΄Π΅ΡΡ ΠΊΠ°ΠΊ ΡΡΠΎ Π²ΡΠ³Π»ΡΠ΄ΠΈΡ.
Π’Π΅Π³ <figure> Π½Π΅ ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ. ΠΠ½ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠΎΠ±ΠΎΠΉ Π½Π΅Π·Π°Π²ΠΈΡΠΈΠΌΡΠΉ ΡΡΡΡΠΊΡΡΡΠ½ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ, ΠΊΠΎΡΠΎΡΡΠΉ:Β
- ΠΠ΅ΡΠ΅Π΄Π°ΡΡ ΡΠΌΡΡΠ» ΠΊΠΎΠΌΠΏΠ°ΠΊΡΠ½ΡΠΌ, ΠΈΠ½ΡΡΠΈΡΠΈΠ²Π½ΠΎ ΠΏΠΎΠ½ΡΡΠ½ΡΠΌΒ ΡΠΏΠΎΡΠΎΠ±ΠΎΠΌ.
- ΠΠΎΠΆΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ Π² ΡΠ°Π·Π»ΠΈΡΠ½ΡΡ ΠΌΠ΅ΡΡΠ°Ρ ΡΡΡΠ°Π½ΠΈΡΡ.
- ΠΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠ΅Π½Π½ΡΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ, ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°ΡΡΡΡ ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΉ ΡΠ΅ΠΊΡΡ.
Π’Π΅Π³ <figure> ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΠΌΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡΠΌΠΈ, ΠΊΡΡΠΊΠΎΠΌ ΠΊΠΎΠ΄Π°, Π°ΡΠ΄ΠΈΠΎ, Π²ΠΈΠ΄Π΅ΠΎ, ΡΡΠ°Π²Π½Π΅Π½ΠΈΠ΅ΠΌ, ΡΠ°Π±Π»ΠΈΡΠ΅ΠΉ, Π»ΠΈΠ±ΠΎ ΡΠ΅ΠΌ-ΡΠΎ Π΄ΡΡΠ³ΠΈΠΌ.
ΠΠΊΡΠΈΠ²Π½ΠΎΠ΅ ΠΈΠ·ΡΡΠ΅Π½ΠΈΠ΅: ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ <figure>
Π ΡΡΠΎΠΌ ΡΠ°Π·Π΄Π΅Π»Π΅ Π°ΠΊΡΠΈΠ²Π½ΠΎΠ³ΠΎ ΠΈΠ·ΡΡΠ΅Π½ΠΈΡΒ ΠΌΡ Ρ ΠΎΡΠ΅Π»ΠΈ Π±Ρ, ΡΡΠΎΠ±Ρ Π²Ρ Π²Π·ΡΠ»ΠΈ ΡΠ΅ΠΊΡΡ ΠΈΠ· ΠΏΡΠ΅Π΄ΡΠ΄ΡΡΠ΅Π³ΠΎ ΡΠ°Π·Π΄Π΅Π»Π° Π°ΠΊΡΠΈΠ²Π½ΠΎΠ³ΠΎ ΠΈΠ·ΡΡΠ΅Π½ΠΈΡΒ ΠΈ ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°Π»ΠΈ Π΅Π³ΠΎ Π² <figure>:
- ΠΠ±Π΅ΡΠ½ΠΈΡΠ΅ Π΅Π³ΠΎ Π²
<figure>ΡΠ»Π΅ΠΌΠ΅Π½Ρ. - Π‘ΠΊΠΎΠΏΠΈΡΡΠΉΡΠ΅ ΡΠ΅ΠΊΡΡ ΠΈΠ· Π°ΡΡΠΈΠ±ΡΡΠ°Β
title, ΡΠ΄Π°Π»ΠΈΡΠ΅Β Π°ΡΡΠΈΠ±ΡΡΒtitle, ΠΈ Π²Π±Π΅ΠΉΡΠ΅ ΡΠ΅ΠΊΡΡ Π² ΡΠ»Π΅ΠΌΠ΅Π½Ρ<figcaption>.
Π ΡΠ»ΡΡΠ°Π΅ Π΄ΠΎΠΏΡΡΠ΅Π½ΠΈΡ ΠΎΡΠΈΠ±ΠΊΠΈ, Π²Ρ Π²ΡΠ΅Π³Π΄Π° ΠΌΠΎΠΆΠ΅ΡΠ΅ Π½Π°Π±ΡΠ°ΡΡ ΠΊΠΎΠ΄ ΠΏΠΎΠ²ΡΠΎΡΠ½ΠΎ, Π½Π°ΠΆΠ°Π² ΠΊΠ½ΠΎΠΏΠΊΡΒ Reset. ΠΡΠ»ΠΈ Π²Ρ Π·Π°ΡΡΡΡΠ»ΠΈ, Π½Π°ΠΆΠΌΠΈΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΡΒ Show solution, ΡΡΠΎΠ±Ρ ΡΠ²ΠΈΠ΄Π΅ΡΡ ΠΎΡΠ²Π΅Ρ:
ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ CSS Π΄Π»Ρ Π²ΡΡΡΠ°ΠΈΠ²Π°Π½ΠΈΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ Π² Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡΒ (ΠΈΠ»ΠΈ JavaScript, Π½ΠΎ ΡΡΠΎ ΡΠΎΠ²ΡΠ΅ΠΌ Π΄ΡΡΠ³Π°Ρ ΠΈΡΡΠΎΡΠΈΡ). ΠΠ°ΡΠ°ΠΌΠ΅ΡΡΡ CSS background-image ΠΈ Π΄ΡΡΠ³ΠΈΠ΅Β background-*Β ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡΡΡ Π΄Π»Ρ ΠΊΠΎΠ½ΡΡΠΎΠ»Ρ ΡΠ°Π·ΠΌΠ΅ΡΠ΅Π½ΠΈΡ ΡΠΎΠ½ΠΎΠ²ΠΎΠ³ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ. Π ΠΏΡΠΈΠΌΠ΅ΡΡ, ΡΡΠΎΠ±Ρ Π·Π°Π»ΠΈΡΡ ΡΠΎΠ½ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΏΠ°ΡΠ°Π³ΡΠ°ΡΠ° ΡΡΡΠ°Π½ΠΈΡΡ, Π½Π΅ΠΎΠ±Ρ
ΠΎΠ΄ΠΈΠΌΠΎ ΡΠ΄Π΅Π»Π°ΡΡ ΡΠ»Π΅Π΄ΡΡΡΠ΅Π΅:
p {
background-image: url("images/dinosaur.jpg");
}ΠΠΎΠ»ΡΡΠΈΠ²ΡΠ΅Π΅ΡΡ Π² ΠΊΠΎΠ½Π΅ΡΠ½ΠΎΠΌ ΠΈΡΠΎΠ³Π΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΌΠΎΠΆΠ½ΠΎ Π»Π΅Π³ΠΊΠΎ ΠΏΠΎΠ·ΠΈΡΠΈΠΎΠ½ΠΈΡΠΎΠ²Π°ΡΡ ΠΈ ΠΊΠΎΠ½ΡΡΠΎΠ»ΠΈΡΠΎΠ²Π°ΡΡ, Π² ΠΎΡΠ»ΠΈΡΠΈΠ΅ ΠΎΡ Π΅Π³ΠΎ HTML Π°Π½Π°Π»ΠΎΠ³Π°. Π’Π°ΠΊ Π·Π°ΡΠ΅ΠΌ ΠΆΠ΅ Π²ΠΎΠ·ΠΈΡΡΡΡ Ρ HTML ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡΠΌΠΈ? ΠΠ°ΠΊ ΡΠΊΠ°Π·Π°Π½ΠΎ Π²ΡΡΠ΅, ΡΠΎΠ½ΠΎΠ²ΡΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ CSS ΠΏΡΠ΅Π΄Π½Π°Π·Π½Π°ΡΠ΅Π½Ρ ΡΠΎΠ»ΡΠΊΠΎ Π΄Π»Ρ ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΡ. ΠΡΠ»ΠΈ Π²Ρ ΠΏΡΠΎΡΡΠΎ Ρ ΠΎΡΠΈΡΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΡΡΠΎ-ΡΠΎ ΠΊΡΠ°ΡΠΈΠ²ΠΎΠ΅ Π½Π° ΡΠ²ΠΎΡ ΡΡΡΠ°Π½ΠΈΡΡ, ΡΡΠΎΠ±Ρ ΡΠ»ΡΡΡΠΈΡΡ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΠ΅ ΡΡΡΠ΅ΠΊΡΡ, ΡΡΠΎ Π½ΠΎΡΠΌΠ°Π»ΡΠ½ΠΎ. Π’Π΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅, ΡΠ°ΠΊΠΎΠ³ΠΎ ΡΠΎΠ΄Π° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π½Π΅ ΠΈΠΌΠ΅ΡΡ ΡΠ΅ΠΌΠ°Π½ΡΠΈΡΠ΅ΡΠΊΠΎΠ³ΠΎ ΡΠΌΡΡΠ»Π° Π²ΠΎΠΎΠ±ΡΠ΅. ΠΠ½ΠΈ Π½Π΅ ΠΌΠΎΠ³ΡΡ ΠΈΠΌΠ΅ΡΡ ΠΊΠ°ΠΊΠΈΡ -ΡΠΎ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΡ ΡΠΊΠ²ΠΈΠ²Π°Π»Π΅Π½ΡΠΎΠ², Π²ΠΈΠ΄ΠΈΠΌΡΡ ΠΏΠΎΡΠ΅ΡΠΈΡΠ΅Π»Ρ, ΠΎΠ½ΠΈ Π½Π΅Π²ΠΈΠ΄ΠΈΠΌΡ Π΄Π»Ρ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌ ΡΡΠ΅Π½ΠΈΡ Ρ ΡΠΊΡΠ°Π½Π°. ΠΠΎΡ Π³Π΄Π΅ Π±Π»ΠΈΡΡΠ°ΡΡ HTML-ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ!
ΠΡΠΎΠ³: Π΅ΡΠ»ΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈΠΌΠ΅Π΅Ρ Π²Π°ΠΆΠ½ΠΎΡΡΡ, Π² ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ Π²Π°ΡΠ΅ΠΉ ΡΡΡΠ°Π½ΠΈΡΡ, Π²Π°ΠΌ ΡΠ»Π΅Π΄ΡΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ HTML ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ. ΠΡΠ»ΠΈ ΠΆΠ΅ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ° ΡΠ²Π»ΡΠ΅ΡΡΡ Π±Π°Π½Π°Π»ΡΠ½ΠΎΠΉ Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠ΅ΠΉ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΡΠΎΠ½ΠΎΠ²ΡΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ CSS.
ΠΡ Π΄ΠΎΡΠ»ΠΈ Π΄ΠΎ ΠΊΠΎΠ½ΡΠ° ΡΡΠΎΠΉ ΡΡΠ°ΡΡΠΈ, Π½ΠΎ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π»ΠΈ Π²Ρ Π²ΡΠΏΠΎΠΌΠ½ΠΈΡΡ ΡΠ°ΠΌΡΡ Π²Π°ΠΆΠ½ΡΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ? ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π½Π°ΠΉΡΠΈ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ ΡΠ΅ΡΡΡ, ΡΡΠΎΠ±Ρ ΡΠ±Π΅Π΄ΠΈΡΡΡΡ, ΡΡΠΎ Π²Ρ ΡΡΠ²ΠΎΠΈΠ»ΠΈ ΡΡΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ, ΠΏΡΠ΅ΠΆΠ΄Π΅ ΡΠ΅ΠΌ Π΄Π²ΠΈΠ³Π°ΡΡΡΡ Π΄Π°Π»ΡΡΠ΅. Π‘ΠΌΠΎΡΡΠΈΡΠ΅Β ΠΡΠΎΠ²Π΅ΡΡΡΠ΅ Π·Π½Π°Π½ΠΈΡ ΠΏΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡΠΌ Π² HTML.
ΠΠ° ΡΡΠΎΠΌ ΠΏΠΎΠΊΠ° Π²ΡΠ΅. ΠΡ ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΠΎ ΡΠ°ΡΡΠΌΠΎΡΡΠ΅Π»ΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΈ ΠΈΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ. Π ΡΠ»Π΅Π΄ΡΡΡΠ΅ΠΉ ΡΡΠ°ΡΡΠ΅ ΠΌΡ ΡΠ°ΡΡΠΌΠΎΡΡΠΈΠΌ, ΠΊΠ°ΠΊ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ HTML Π΄Π»Ρ Π²ΡΡΡΠ°ΠΈΠ²Π°Π½ΠΈΡ Π²ΠΈΠ΄Π΅ΠΎ ΠΈ Π°ΡΠ΄ΠΈΠΎ Π½Π° Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ.
ΠΠ°ΠΊ Π²ΡΡΠ°Π²Π»ΡΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ HTML — ΡΠΏΡΠΎΡΠ΅Π½Π½ΠΎΠ΅ ΡΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ²ΠΎ
Π ΠΊΠ°ΠΊΠΎΠΉ-ΡΠΎ ΠΌΠΎΠΌΠ΅Π½Ρ Π²ΡΠ΅ ΡΡΠ°Π»ΠΊΠΈΠ²Π°ΡΡΡΡ Ρ HTML. ΠΡΠ»ΠΈ Π²Ρ Π½Π΅ Π·Π½Π°ΠΊΠΎΠΌΡ Ρ HTML, ΡΡΠΎ Π½Π΅ ΠΏΡΠΎΠ±Π»Π΅ΠΌΠ°. ΠΡ ΠΏΠΎ-ΠΏΡΠ΅ΠΆΠ½Π΅ΠΌΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π»Π΅Π³ΠΊΠΎ Π²ΡΡΠ°Π²Π»ΡΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π² ΡΠΎΠΎΠ±ΡΠ΅Π½ΠΈΠ΅ Π² Π±Π»ΠΎΠ³Π΅ ΠΈΠ»ΠΈ Π½Π° Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ Π΅Π³ΠΎ. ΠΠ° ΡΠ°ΠΌΠΎΠΌ Π΄Π΅Π»Π΅, ΡΡΠΎ Π½Π΅ ΡΠ°ΠΊ ΡΠΆ ΠΈ ΡΠ»ΠΎΠΆΠ½ΠΎ, Π΅ΡΠ»ΠΈ Π²Ρ ΠΏΠΎΠΉΠΌΠ΅ΡΠ΅ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΎΡΠ½ΠΎΠ²Π½ΡΡ ΠΏΡΠΈΠ½ΡΠΈΠΏΠΎΠ². ΠΠΎΡ ΡΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ²ΠΎ, ΠΊΠΎΡΠΎΡΠΎΠ΅ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ Π²Π°ΠΌ. Π§ΡΠΎΠ±Ρ Π²ΡΠ΅ ΡΠΏΡΠΎΡΡΠΈΡΡ ΠΈ ΠΈΠ·Π±Π΅ΠΆΠ°ΡΡ ΠΏΡΡΠ°Π½ΠΈΡΡ, Ρ Π·Π°ΠΊΠΎΠ΄ΠΈΡΠΎΠ²Π°Π» HTML-ΡΠ΅Π³ΠΈ ΡΠ²Π΅ΡΠΎΠΌ, ΡΡΠΎΠ±Ρ Π²Ρ ΠΌΠΎΠ³Π»ΠΈ ΠΈΡ ΡΠ°Π·Π»ΠΈΡΠ°ΡΡ.
ΠΠ°ΠΊ Π²ΡΡΠ°Π²ΠΈΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Ρ HTML
ΠΠ°ΠΆΠ΄ΡΠΉ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΠΌΠΎΠΆΠ΅Ρ ΠΏΡΠΎΠΉΡΠΈ ΡΡΠΎΡ ΡΠ°Π³ ΡΠ°Π·Π½ΡΠΌΠΈ ΠΏΡΡΡΠΌΠΈ, ΠΏΠΎΡΡΠΎΠΌΡ Π½Π΅ ΡΠ΄ΠΈΠ²Π»ΡΠΉΡΠ΅ΡΡ, Π΅ΡΠ»ΠΈ Π²Π°Ρ ΠΌΠ°ΡΡΡΡΡ Π±ΡΠ΄Π΅Ρ ΠΎΡΠ»ΠΈΡΠ°ΡΡΡΡ ΠΎΡ Π΄ΡΡΠ³ΠΈΡ .
1. ΠΠ°Π³ΡΡΠ·ΠΈΡΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅
ΠΡΠΎ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ Π²ΡΠΏΠΎΠ»Π½Π΅Π½ΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ»ΡΠΆΠ±Ρ Ρ ΠΎΡΡΠΈΠ½Π³Π° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ, ΡΠ»ΡΠΆΠ±Ρ FTP ΠΈΠ»ΠΈ ΡΠ»ΡΠΆΠ±Ρ Ρ ΠΎΡΡΠΈΠ½Π³Π° Π±Π»ΠΎΠ³ΠΎΠ². ΠΡΠ±Π΅ΡΠΈΡΠ΅ ΡΠΎ, ΡΡΠΎ Π²Π°ΠΌ Π±ΠΎΠ»ΡΡΠ΅ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΠΈΡ.
ΠΠ°ΡΠ½ΠΈΡΠ΅ Π²ΡΡΠ°Π²ΠΊΡ Ρ Π·Π°Π³ΡΡΠ·ΠΊΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ.2. ΠΡΠΊΡΠΎΠΉΡΠ΅ HTML-Π΄ΠΎΠΊΡΠΌΠ΅Π½Ρ
ΠΡΠΎ Π³ΠΎΠ²ΠΎΡΠΈΡ ΡΠ°ΠΌΠΎ Π·Π° ΡΠ΅Π±Ρ, ΠΏΡΠΎΡΡΠΎ ΡΠ±Π΅Π΄ΠΈΡΠ΅ΡΡ, ΡΡΠΎ ΡΡΠΎ Π΄ΠΎΠΊΡΠΌΠ΅Π½Ρ HTML Π΄Π»Ρ ΡΠΎΠ³ΠΎ ΠΌΠ΅ΡΡΠ°, ΠΊΡΠ΄Π° Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ Π²ΡΡΠ°Π²ΠΈΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅.
3. Π‘ΠΊΠΎΠΏΠΈΡΡΠΉΡΠ΅ ΠΈ Π²ΡΡΠ°Π²ΡΡΠ΅ URL ΡΠ²ΠΎΠ΅Π³ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π² ΡΠ΅Π³ IMG, Π΄ΠΎΠ±Π°Π²ΡΡΠ΅ ΠΊ Π½Π΅ΠΌΡ SRC
Π‘Π½Π°ΡΠ°Π»Π° ΠΎΠΏΡΠ΅Π΄Π΅Π»ΠΈΡΠ΅, Π³Π΄Π΅ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ ΡΠ°Π·ΠΌΠ΅ΡΡΠΈΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π² HTML, ΠΈ Π²ΡΡΠ°Π²ΡΡΠ΅ ΡΠ΅Π³ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ: < img > .ΠΠ°ΡΠ΅ΠΌ Π²ΠΎΠ·ΡΠΌΠΈΡΠ΅ Π·Π°Π³ΡΡΠΆΠ΅Π½Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅, ΡΠΊΠΎΠΏΠΈΡΡΠΉΡΠ΅ URL-Π°Π΄ΡΠ΅Ρ ΠΈ ΠΏΠΎΠΌΠ΅ΡΡΠΈΡΠ΅ Π΅Π³ΠΎ Π² ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ img Ρ ΠΏΡΠ΅ΡΠΈΠΊΡΠΎΠΌ src .
ΠΠΎΠ½Π΅ΡΠ½ΡΠΉ ΡΠ΅Π·ΡΠ»ΡΡΠ°Ρ ΡΡΠΎΠ³ΠΎ ΡΠ°Π³Π° Π΄ΠΎΠ»ΠΆΠ΅Π½ Π²ΡΠ³Π»ΡΠ΄Π΅ΡΡ ΡΠ°ΠΊ:
< img src = β(URL Π²Π°ΡΠ΅Π³ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π·Π΄Π΅ΡΡ)β >
4. ΠΠΎΠ±Π°Π²ΡΡΠ΅ Π°ΡΡΠΈΠ±ΡΡ alt ΠΈ ΠΏΠΎΡΠ»Π΅Π΄Π½ΠΈΠ΅ ΡΡΡΠΈΡ ΠΈ
ΠΡΠΎ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΠΈΡΡ, ΡΡΠΎ Π²Π»Π΅ΡΠ΅Ρ Π·Π° ΡΠΎΠ±ΠΎΠΉ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, Π΅ΡΠ»ΠΈ ΡΡΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π·ΠΎΠ½ΡΠΈΠΊΠ° Π½Π° ΠΏΠ»ΡΠΆΠ΅, Π½Π°ΠΏΠΈΡΠΈΡΠ΅ ΡΠ΅Π³ alt, ΡΡΠΎΠ±Ρ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΡΡΠΎ-Π½ΠΈΠ±ΡΠ΄Ρ ΠΎ ΠΏΠ»ΡΠΆΠ½ΠΎΠΌ Π·ΠΎΠ½ΡΠΈΠΊΠ΅.ΠΡΠ΄ΡΡΠ΅ ΠΎΡΠ΅Π½Ρ ΠΎΠΏΠΈΡΠ°ΡΠ΅Π»ΡΠ½ΡΠΌΠΈ, ΠΊΠ°ΠΊ Π΅ΡΠ»ΠΈ Π±Ρ Π²Ρ ΠΎΠΏΠΈΡΡΠ²Π°Π»ΠΈ ΡΡΠΎ ΠΊΠΎΠΌΡ-ΡΠΎ, ΠΊΡΠΎ Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ Π½Π° ΡΡΠΎ Π²Π·Π³Π»ΡΠ½ΡΡΡ.
ΠΡΡΠΈΠ±ΡΡ alt HTML Π²Π°ΠΆΠ΅Π½.ΠΠ°ΠΊ ΠΏΠΎΠΌΠ΅ΡΡΠΈΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π² ΠΊΠ°ΡΠ°Π»ΠΎΠ³ Π² HTML
ΠΡΠ»ΠΈ Ρ Π²Π°Ρ Π΅ΡΡΡ Π²Π΅Π±-ΡΠ°ΠΉΡ, ΠΈ Π²Ρ ΠΏΡΡΠ°Π΅ΡΠ΅ΡΡ Π²ΡΡΠ°Π²ΠΈΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π² ΠΊΠ°ΡΠ°Π»ΠΎΠ³, ΠΏΡΠΎΡΠ΅ΡΡ ΠΎΡΠ½ΠΎΡΠΈΡΠ΅Π»ΡΠ½ΠΎ ΠΏΡΠΎΡΡ. ΠΠΎΡ ΠΊΠ°ΠΊ ΡΡΠΎ ΡΠ΄Π΅Π»Π°ΡΡ Π² ΡΡΠΈ ΠΏΡΠΎΡΡΡΡ ΡΠ°Π³Π°:
- Π‘ΠΊΠΎΠΏΠΈΡΡΠΉΡΠ΅ URL-Π°Π΄ΡΠ΅Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ, ΠΊΠΎΡΠΎΡΠΎΠ΅ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ Π²ΡΡΠ°Π²ΠΈΡΡ.
- ΠΠ°ΡΠ΅ΠΌ ΠΎΡΠΊΡΠΎΠΉΡΠ΅ ΡΠ°ΠΉΠ» index.html ΠΈ Π²ΡΡΠ°Π²ΡΡΠ΅ Π΅Π³ΠΎ Π² ΠΊΠΎΠ΄ img.ΠΡΠΈΠΌΠ΅Ρ: < img src = β(URL Π²Π°ΡΠ΅Π³ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π·Π΄Π΅ΡΡ)β >
- Π‘ΠΎΡ ΡΠ°Π½ΠΈΡΠ΅ ΡΠ°ΠΉΠ» HTML. Π ΡΠ»Π΅Π΄ΡΡΡΠΈΠΉ ΡΠ°Π·, ΠΊΠΎΠ³Π΄Π° Π²Ρ ΠΎΡΠΊΡΠΎΠ΅ΡΠ΅ Π΅Π³ΠΎ, Π²Ρ ΡΠ²ΠΈΠ΄ΠΈΡΠ΅ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ Ρ ΡΠΎΠ»ΡΠΊΠΎ ΡΡΠΎ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Π½ΡΠΌ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ.
ΠΠ°ΠΊ ΡΠ²ΡΠ·Π°ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π² HTML
ΠΠ»Ρ ΡΠ²ΡΠ·ΡΠ²Π°Π½ΠΈΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π² HTML ΡΡΠ΅Π±ΡΠ΅ΡΡΡ Π΅ΡΠ΅ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ°Π³ΠΎΠ², ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎ Π΅ΡΠ»ΠΈ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΡΠ΅ Π°ΡΡΠΈΠ±ΡΡΡ ΠΈ Π΄Π΅ΡΠ°Π»ΠΈ. ΠΠΎΡ ΠΏΠΎΠ»Π½ΠΎΠ΅ ΠΏΠΎΡΠ°Π³ΠΎΠ²ΠΎΠ΅ ΡΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ²ΠΎ, ΠΊΠΎΡΠΎΡΠΎΠ΅ ΠΎΡ Π²Π°ΡΡΠ²Π°Π΅Ρ Π²ΡΠ΅, ΡΡΠΎ Π²Π°ΠΌ Π½ΡΠΆΠ½ΠΎ. ΠΡ Π½Π°ΡΠ½Π΅ΡΠ΅ Ρ ΡΠ΅Π³Π° ΡΡΡΠ»ΠΊΠΈ: < a > . href — ΡΡΠΎ ΠΌΠ΅ΡΡΠΎ, Π³Π΄Π΅ Π²Ρ ΡΠ°Π·ΠΌΠ΅ΡΡΠΈΡΠ΅ URL. ΠΠ°ΡΠ΅ΠΌ Π²Π°ΠΌ ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΠΈΡΡΡ ΡΠ΅Π³ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ: < img > . ΠΠ°ΠΊ ΡΠΊΠ°Π·Π°Π½ΠΎ Π²ΡΡΠ΅, src — ΡΡΠΎ ΡΠΎ ΠΌΠ΅ΡΡΠΎ, ΠΊΡΠ΄Π° Π²Ρ Π±ΡΠ΄Π΅ΡΠ΅ Π²ΠΊΠ»ΡΡΠ°ΡΡ ΡΠ°ΠΉΠ» ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ.
Π’Π΅ΠΏΠ΅ΡΡ, ΡΡΠΎΠ±Ρ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ Π°ΡΡΠΈΠ±ΡΡΡ, Π²Π°ΠΌ Π½ΡΠΆΠ½ΠΎ Π·Π½Π°ΡΡ ΡΠ»Π΅Π΄ΡΡΡΠ΅Π΅. ΠΠΎ-ΠΏΠ΅ΡΠ²ΡΡ , Π°ΡΡΠΈΠ±ΡΡ title — title = «(Π²Π°Ρ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ)» . ΠΠ°ΡΠ΅ΠΌ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅ Π°ΡΡΠΈΠ±ΡΡ alt , ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΠΎ ΠΎΠ±ΡΡΡΠ½ΡΠ΅Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅. ΠΠ°ΠΊΠΎΠ½Π΅Ρ, ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅ Π²ΡΡΠΎΡΡ ΠΈ ΡΠΈΡΠΈΠ½Ρ Π²Π°ΡΠ΅Π³ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ.ΠΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΠΊΠΎΠ΄ < img src = «(Π²Π°Ρ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ)» alt = «Image» height = «(Π²ΡΡΠΎΡΠ° Π²Π°ΡΠ΅Π³ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ)» width = «(ΡΠΈΡΠΈΠ½Π° Π²Π°ΡΠ΅Π³ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ)» > .
HTML — Π΄ΠΎΠ²ΠΎΠ»ΡΠ½ΠΎ ΠΏΡΠΎΡΡΠΎΠΉ ΡΠ·ΡΠΊ, Π½ΠΎ Π½ΠΈΡΠ΅Π³ΠΎ ΡΡΡΠ°ΡΠ½ΠΎΠ³ΠΎ, Π΅ΡΠ»ΠΈ Π²Ρ Π½Π΅ Ρ ΠΎΡΠΈΡΠ΅ ΠΈΠ·ΡΡΠ°ΡΡ Π΅Π³ΠΎ Π²ΡΠ΅ΡΡΠΎΡΠΎΠ½Π½Π΅. ΠΡΠΎΡΡΠΎ ΡΠ±Π΅Π΄ΠΈΡΠ΅ΡΡ, ΡΡΠΎ Ρ Π²Π°Ρ Π΅ΡΡΡ ΠΎΡΠ½ΠΎΠ²Ρ, ΡΡΠΎΠ±Ρ Π²Ρ ΠΌΠΎΠ³Π»ΠΈ Π²ΡΠΆΠΈΡΡ ΠΏΡΠΈ ΡΠΎΠ·Π΄Π°Π½ΠΈΠΈ ΡΠΈΡΡΠΎΠ²ΡΡ ΡΠ°Π±ΠΎΡ.
ΠΠ°ΠΊ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π½Π° HTML-ΡΠ°ΠΉΡ
ΠΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΎ: 01.02.2021, Computer Hope
ΠΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ Π²Π°ΡΠ΅Π³ΠΎ Π²Π΅Π±-ΡΠ°ΠΉΡΠ° ΡΠ°ΡΡΠΎ ΠΌΠΎΠΆΠ΅Ρ ΡΠ΄Π΅Π»Π°ΡΡ ΠΈΡ Π±ΠΎΠ»Π΅Π΅ ΠΏΡΠΈΡΡΠ½ΡΠΌΠΈ Π΄Π»Ρ Π³Π»Π°Π· ΠΈ ΠΏΠ΅ΡΠ΅Π΄Π°ΡΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ Π»ΡΡΡΠ΅, ΡΠ΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΡΠ΅ΠΊΡΡΠ°.ΠΡΠΎΡ ΠΏΡΠΎΡΠ΅ΡΡ Π²ΡΠΏΠΎΠ»Π½ΡΠ΅ΡΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΊΠΎΠ΄Π° HTML ΠΈ ΡΠ°ΠΉΠ»Π° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ. Π€Π°ΠΉΠ» ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ Ρ Π΄ΡΡΠ³ΠΎΠΉ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ ΠΈΠ»ΠΈ Ρ ΡΠ°Π½ΠΈΡΡΡΡ Π½Π° Π²Π΅Π±-ΡΠ΅ΡΠ²Π΅ΡΠ΅.
ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ΅Π³Π°
Π ΠΊΠΎΠ΄Π΅ HTML Π΄Π»Ρ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ΅Π³Π° . Π ΡΠ΅Π³Π΅
Π½ΡΠΆΠ½ΠΎ ΡΠΊΠ°Π·Π°ΡΡ ΡΠ΅ΡΡΡΠ΅ Π°ΡΡΠΈΠ±ΡΡΠ°:
- Src — ΠΡΡΠΈΠ±ΡΡ ΠΈΡΡΠΎΡΠ½ΠΈΠΊΠ° ΡΠΊΠ°Π·ΡΠ²Π°Π΅Ρ ΠΌΠ΅ΡΡΠΎΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ. ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΎΡΠ½ΠΎΡΠΈΡΠ΅Π»ΡΠ½ΡΠΉ ΠΏΡΡΡ, Π΅ΡΠ»ΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡ Π½Π° ΡΠΎΠΌ ΠΆΠ΅ ΡΠ΅ΡΠ²Π΅ΡΠ΅, ΡΡΠΎ ΠΈ Π²Π°Ρ ΡΠ°ΠΉΡ, Π½ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Ρ Π΄ΡΡΠ³ΠΎΠ³ΠΎ ΡΠ°ΠΉΡΠ° ΡΡΠ΅Π±ΡΡΡ Π°Π±ΡΠΎΠ»ΡΡΠ½ΡΡ ΠΏΡΡΠ΅ΠΉ.
- Alt — ΠΡΡΠΈΠ±ΡΡ Π°Π»ΡΡΠ΅ΡΠ½Π°ΡΠΈΠ²Π½ΠΎΠ³ΠΎ ΡΠ΅ΠΊΡΡΠ° ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠΎΠ±ΠΎΠΉ ΠΏΠΈΡΡΠΌΠ΅Π½Π½ΠΎΠ΅ ΠΎΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ.
- Π¨ΠΈΡΠΈΠ½Π° — Π¨ΠΈΡΠΈΠ½Π° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ.
- ΠΡΡΠΎΡΠ° — ΠΡΡΠΎΡΠ° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ.
ΠΠ΅ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΡΠΉ Π°ΡΡΠΈΠ±ΡΡ — Border , ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΡΠΊΠ°Π·Π°ΡΡ Π³ΡΠ°Π½ΠΈΡΡ Π²ΠΎΠΊΡΡΠ³ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ. ΠΡΡΠΈΠ±ΡΡ Π³ΡΠ°Π½ΠΈΡΡ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅ΡΡΡ ΡΠ°Π·ΠΌΠ΅ΡΠΎΠΌ Π² ΠΏΠΈΠΊΡΠ΅Π»ΡΡ
. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ border = 1 Π² ΡΠ΅Π³Π΅ ΠΎΠ·Π½Π°ΡΠ°Π΅Ρ, ΡΡΠΎ ΡΠΈΡΠΈΠ½Π° Π³ΡΠ°Π½ΠΈΡΡ Π²ΠΎΠΊΡΡΠ³ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π±ΡΠ΄Π΅Ρ 1 ΠΏΠΈΠΊΡΠ΅Π»Ρ.
ΠΡΡΠΈΠ±ΡΡ Border ΠΎΠ±ΡΡΠ²Π»Π΅Π½ ΡΡΡΠ°ΡΠ΅Π²ΡΠΈΠΌ Π² HTML5 ΠΈ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΡΡΡ.
ΠΡΠΈΠΌΠ΅ΡΡ
Π‘Π»Π΅Π΄ΡΡΡΠΈΠ΅ ΠΏΡΠΈΠΌΠ΅ΡΡ ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°ΡΡ ΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈΠΉ HTML, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΠΉ Π΄Π»Ρ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π²Π²Π΅ΡΡ Ρ ΡΡΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΡ. ΠΡ ΠΌΠΎΠΆΠ½ΠΎ Π²ΡΡΠ°Π²ΠΈΡΡ Π² Π»ΡΠ±ΠΎΠΌ ΠΌΠ΅ΡΡΠ΅ Π²Π°ΡΠ΅ΠΉ ΡΡΡΠ°Π½ΠΈΡΡ. ΠΠ΅ΡΠ²ΡΠΉ ΠΈΠΌΠ΅Π΅Ρ Π±ΠΎΠ»Π΅Π΅ ΠΊΠΎΡΠΎΡΠΊΠΈΠΉ URL-Π°Π΄ΡΠ΅Ρ, ΠΏΠΎΡΠΊΠΎΠ»ΡΠΊΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈ HTML-ΡΠ°ΠΉΠ» Π½Π°Ρ ΠΎΠ΄ΡΡΡΡ Π½Π° ΠΎΠ΄Π½ΠΎΠΌ ΡΠ΅ΡΠ²Π΅ΡΠ΅. ΠΠΎ-Π²ΡΠΎΡΡΡ , ΠΊΠ°ΠΊ Π²Ρ ΠΌΠΎΠ³Π»ΠΈ Π±Ρ ΡΡΡΠ»Π°ΡΡΡΡ Π½Π° Π½Π°ΡΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Ρ Π΄ΡΡΠ³ΠΎΠ³ΠΎ ΡΠ΅ΡΠ²Π΅ΡΠ°.
ΠΡΠΈΠΌΠ΅Ρ 1
ΠΡΠΈΠΌΠ΅Ρ Π΄Π²Π°
ΠΠ°ΠΊΠΈΠ΅ ΡΠΎΡΠΌΠ°ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ Ρ ΠΌΠΎΠ³Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π½Π° Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΠ΅?
ΠΠ°ΠΈΠ±ΠΎΠ»Π΅Π΅ ΡΠ°ΡΠΏΡΠΎΡΡΡΠ°Π½Π΅Π½Π½ΡΠΌΠΈ ΡΠΎΡΠΌΠ°ΡΠ°ΠΌΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΡ Π΄Π»Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ, ΡΠΎΡΠΎΠ³ΡΠ°ΡΠΈΠΉ, Π»ΠΎΠ³ΠΎΡΠΈΠΏΠΎΠ² ΠΈ Π΄ΡΡΠ³ΠΈΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ, ΡΠ²Π»ΡΡΡΡΡ JPEG, GIF ΠΈ PNG. ΠΡΡΠ³ΠΈΠ΅ ΡΠΎΡΠΌΠ°ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ, ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠΈΡΠΎΠΊΠΎ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°ΡΡΡΡ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ BMP, ΠΌΠΎΠ³ΡΡ ΡΠ°Π±ΠΎΡΠ°ΡΡ Π½Π΅ Π²ΠΎ Π²ΡΠ΅Ρ Π±ΡΠ°ΡΠ·Π΅ΡΠ°Ρ .
ΠΡΠΆΠ½ΠΎ Π»ΠΈ Π·Π°ΠΊΠ»ΡΡΠ°ΡΡ Π² ΠΊΠ°Π²ΡΡΠΊΠΈ Π°ΡΡΠΈΠ±ΡΡΡ Π² ΡΠ΅Π³Π΅ img?
ΠΠ°. Π₯ΠΎΡΡ ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ ΠΎΠ±ΡΡΠ½ΠΎ ΠΌΠΎΠ³ΡΡ ΠΈΡΠΏΡΠ°Π²Π»ΡΡΡ Π»ΡΠ±ΡΠ΅ ΠΎΡΠΈΠ±ΠΊΠΈ Ρ ΠΎΡΡΡΡΡΡΠ²ΡΡΡΠΈΠΌΠΈ ΠΊΠ°Π²ΡΡΠΊΠ°ΠΌΠΈ Π²ΠΎΠΊΡΡΠ³ Π·Π½Π°ΡΠ΅Π½ΠΈΡ Π°ΡΡΠΈΠ±ΡΡΠ°, ΠΌΡ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΠ΅ΠΌ Π·Π°ΠΊΠ»ΡΡΠ°ΡΡ Π² ΠΊΠ°Π²ΡΡΠΊΠΈ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ Π°ΡΡΠΈΠ±ΡΡΠ°, ΡΡΠΎΠ±Ρ ΠΏΡΠ΅Π΄ΠΎΡΠ²ΡΠ°ΡΠΈΡΡ ΠΎΡΠΈΠ±ΠΊΠΈ.
ΠΠ°ΠΊ Π²ΡΡΠ°Π²Π»ΡΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π² HTML-ΡΡΡΠ°Π½ΠΈΡΡ
Π ΡΡΠΎΠΌ ΡΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ²Π΅ Π²Ρ ΡΠ·Π½Π°Π΅ΡΠ΅, ΠΊΠ°ΠΊ Π²ΠΊΠ»ΡΡΠ°ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π² Π΄ΠΎΠΊΡΠΌΠ΅Π½Ρ HTML.
ΠΡΡΠ°Π²ΠΊΠ° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ Π² Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ
ΠΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΡΠ»ΡΡΡΠ°ΡΡ Π²Π½Π΅ΡΠ½ΠΈΠΉ Π²ΠΈΠ΄ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡ, Π΄Π΅Π»Π°Ρ ΠΈΡ Π±ΠΎΠ»Π΅Π΅ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΡΠΌΠΈ ΠΈ ΠΊΡΠ°ΡΠΎΡΠ½ΡΠΌΠΈ.
Π’Π΅Π³ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π΄Π»Ρ Π²ΡΡΠ°Π²ΠΊΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ Π² Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΡ HTML.ΠΡΠΎ ΠΏΡΡΡΠΎΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ, ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΠΈΠΉ ΡΠΎΠ»ΡΠΊΠΎ Π°ΡΡΠΈΠ±ΡΡΡ. Π‘ΠΈΠ½ΡΠ°ΠΊΡΠΈΡ ΡΠ΅Π³Π°
ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ Π·Π°Π΄Π°Π½ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ:
url » alt = « some_text «>
Π ΡΠ»Π΅Π΄ΡΡΡΠ΅ΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅ Π½Π° Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ Π²ΡΡΠ°Π²Π»ΡΡΡΡΡ ΡΡΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ:
ΠΠ°ΠΆΠ΄ΠΎΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΡ ΠΊΠ°ΠΊ ΠΌΠΈΠ½ΠΈΠΌΡΠΌ Π΄Π²Π° Π°ΡΡΠΈΠ±ΡΡΠ°: Π°ΡΡΠΈΠ±ΡΡ src ΠΈ Π°ΡΡΠΈΠ±ΡΡ alt .
ΠΡΡΠΈΠ±ΡΡ src ΡΠΎΠΎΠ±ΡΠ°Π΅Ρ Π±ΡΠ°ΡΠ·Π΅ΡΡ, Π³Π΄Π΅ Π½Π°ΠΉΡΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅. ΠΠ³ΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ — ΡΡΠΎ URL-Π°Π΄ΡΠ΅Ρ ΡΠ°ΠΉΠ»Π° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ.
ΠΡΠΈΠ½ΠΈΠΌΠ°Ρ Π²ΠΎ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, ΡΡΠΎ Π°ΡΡΠΈΠ±ΡΡ alt ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΠ΅Ρ Π°Π»ΡΡΠ΅ΡΠ½Π°ΡΠΈΠ²Π½ΡΠΉ ΡΠ΅ΠΊΡΡ Π΄Π»Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ, Π΅ΡΠ»ΠΈ ΠΎΠ½ Π½Π΅Π΄ΠΎΡΡΡΠΏΠ΅Π½ ΠΈΠ»ΠΈ Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ ΠΏΠΎ ΠΊΠ°ΠΊΠΎΠΉ-Π»ΠΈΠ±ΠΎ ΠΏΡΠΈΡΠΈΠ½Π΅.ΠΠ³ΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±ΡΡΡ Π·Π½Π°ΡΠΈΠΌΠΎΠΉ Π·Π°ΠΌΠ΅Π½ΠΎΠΉ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ.
ΠΡΠΈΠΌΠ΅ΡΠ°Π½ΠΈΠ΅. ΠΠ°ΠΊ ΠΈ , ΡΠ»Π΅ΠΌΠ΅Π½Ρ
ΡΠ°ΠΊΠΆΠ΅ ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΏΡΡΡΡΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠΌ ΠΈ Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ Π·Π°ΠΊΡΡΠ²Π°ΡΡΠ΅Π³ΠΎ ΡΠ΅Π³Π°. ΠΠ΄Π½Π°ΠΊΠΎ Π² XHTML ΠΎΠ½ Π·Π°ΠΊΡΡΠ²Π°Π΅ΡΡΡ, Π·Π°ΠΊΠ°Π½ΡΠΈΠ²Π°ΡΡΡ Π½Π° Β«
/> Β».
Π‘ΠΎΠ²Π΅Ρ: ΠΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΡΠΉ Π°ΡΡΠΈΠ±ΡΡ alt ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΠ΅Ρ Π°Π»ΡΡΠ΅ΡΠ½Π°ΡΠΈΠ²Π½ΠΎΠ΅ ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠ΅ ΠΎΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ, Π΅ΡΠ»ΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΠΏΠΎ ΠΊΠ°ΠΊΠΎΠΉ-Π»ΠΈΠ±ΠΎ ΠΏΡΠΈΡΠΈΠ½Π΅ Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ Π΅Π³ΠΎ ΠΏΡΠΎΡΠΌΠΎΡΡΠ΅ΡΡ ΠΈΠ·-Π·Π° ΠΌΠ΅Π΄Π»Π΅Π½Π½ΠΎΠ³ΠΎ ΡΠΎΠ΅Π΄ΠΈΠ½Π΅Π½ΠΈΡ, ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π΅Π΄ΠΎΡΡΡΠΏΠ½ΠΎ ΠΏΠΎ ΡΠΊΠ°Π·Π°Π½Π½ΠΎΠΌΡ URL-Π°Π΄ΡΠ΅ΡΡ ΠΈΠ»ΠΈ Π΅ΡΠ»ΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅Ρ ΡΠΊΡΠ°Π½ ΡΠΈΡΠ°Π»ΠΊΠ° ΠΈΠ»ΠΈ Π½Π΅Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΠΉ Π±ΡΠ°ΡΠ·Π΅Ρ.
Π£ΡΡΠ°Π½ΠΎΠ²ΠΊΠ° ΡΠΈΡΠΈΠ½Ρ ΠΈ Π²ΡΡΠΎΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ
ΠΡΡΠΈΠ±ΡΡΡ width ΠΈ height ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ Π΄Π»Ρ ΡΠΊΠ°Π·Π°Π½ΠΈΡ ΡΠΈΡΠΈΠ½Ρ ΠΈ Π²ΡΡΠΎΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ.
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ Π·Π½Π°ΡΠ΅Π½ΠΈΡ ΡΡΠΈΡ Π°ΡΡΠΈΠ±ΡΡΠΎΠ² ΠΈΠ½ΡΠ΅ΡΠΏΡΠ΅ΡΠΈΡΡΡΡΡΡ Π² ΠΏΠΈΠΊΡΠ΅Π»ΡΡ .
ΠΡ ΡΠ°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π°ΡΡΠΈΠ±ΡΡ style , ΡΡΠΎΠ±Ρ ΡΠΊΠ°Π·Π°ΡΡ ΡΠΈΡΠΈΠ½Ρ ΠΈ Π²ΡΡΠΎΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ. ΠΡΠΎ ΠΏΡΠ΅Π΄ΠΎΡΠ²ΡΠ°ΡΠ°Π΅Ρ ΡΠ»ΡΡΠ°ΠΉΠ½ΠΎΠ΅ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΡΠ°Π·ΠΌΠ΅ΡΠ° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π² ΡΠ°Π±Π»ΠΈΡΠ°Ρ
ΡΡΠΈΠ»Π΅ΠΉ, ΠΏΠΎΡΠΊΠΎΠ»ΡΠΊΡ Π²ΡΡΡΠΎΠ΅Π½Π½ΡΠΉ ΡΡΠΈΠ»Ρ ΠΈΠΌΠ΅Π΅Ρ Π½Π°ΠΈΠ²ΡΡΡΠΈΠΉ ΠΏΡΠΈΠΎΡΠΈΡΠ΅Ρ.
ΠΡΠΈΠΌΠ΅ΡΠ°Π½ΠΈΠ΅. Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΠ΅ΡΡΡ ΡΠΊΠ°Π·ΡΠ²Π°ΡΡ Π°ΡΡΠΈΠ±ΡΡΡ ΡΠΈΡΠΈΠ½Π° ΠΈ Π²ΡΡΠΎΡΠ° Π΄Π»Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ, ΡΡΠΎΠ±Ρ Π±ΡΠ°ΡΠ·Π΅Ρ ΠΌΠΎΠ³ Π²ΡΠ΄Π΅Π»ΠΈΡΡ Π΄Π»Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΡΡΠΎΠ»ΡΠΊΠΎ ΠΌΠ΅ΡΡΠ° ΠΏΠ΅ΡΠ΅Π΄ Π΅Π³ΠΎ Π·Π°Π³ΡΡΠ·ΠΊΠΎΠΉ.Π ΠΏΡΠΎΡΠΈΠ²Π½ΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ Π·Π°Π³ΡΡΠ·ΠΊΠ° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΌΠΎΠΆΠ΅Ρ Π²ΡΠ·Π²Π°ΡΡ ΠΈΡΠΊΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈΠ»ΠΈ ΠΌΠ΅ΡΡΠ°Π½ΠΈΠ΅ Π² ΠΌΠ°ΠΊΠ΅ΡΠ΅ Π²Π°ΡΠ΅Π³ΠΎ ΡΠ°ΠΉΡΠ°.
ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ HTML5
ΠΠ½ΠΎΠ³Π΄Π° ΠΌΠ°ΡΡΡΠ°Π±ΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π²Π²Π΅ΡΡ
ΠΈΠ»ΠΈ Π²Π½ΠΈΠ· Π΄Π»Ρ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΈΡ ΡΠ°Π·Π½ΡΠΌ ΡΡΡΡΠΎΠΉΡΡΠ²Π°ΠΌ (ΠΈΠ»ΠΈ ΡΠ°Π·ΠΌΠ΅ΡΠ°ΠΌ ΡΠΊΡΠ°Π½Π°) Π½Π΅ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ Π΄ΠΎΠ»ΠΆΠ½ΡΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ. ΠΡΠΎΠΌΠ΅ ΡΠΎΠ³ΠΎ, ΡΠΌΠ΅Π½ΡΡΠ΅Π½ΠΈΠ΅ ΡΠ°Π·ΠΌΠ΅ΡΠ° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π°ΡΡΠΈΠ±ΡΡΠ° ΠΈΠ»ΠΈ ΡΠ²ΠΎΠΉΡΡΠ²Π° width ΠΈ height Π½Π΅ ΠΏΡΠΈΠ²ΠΎΠ΄ΠΈΡ ΠΊ ΡΠΌΠ΅Π½ΡΡΠ΅Π½ΠΈΡ ΠΈΡΡ
ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠ° ΡΠ°ΠΉΠ»Π°.ΠΠ»Ρ ΡΠ΅ΡΠ΅Π½ΠΈΡ ΡΡΠΈΡ
ΠΏΡΠΎΠ±Π»Π΅ΠΌ HTML5 ΠΏΡΠ΅Π΄ΡΡΠ°Π²ΠΈΠ» ΡΠ΅Π³ , ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π²Π°ΠΌ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ Π²Π΅ΡΡΠΈΠΉ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π΄Π»Ρ ΡΠ°Π·Π»ΠΈΡΠ½ΡΡ
ΡΠΈΠΏΠΎΠ² ΡΡΡΡΠΎΠΉΡΡΠ².
ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ Π½ΠΎΠ»Ρ ΠΈΠ»ΠΈ Π±ΠΎΠ»Π΅Π΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² , ΠΊΠ°ΠΆΠ΄ΡΠΉ ΠΈΠ· ΠΊΠΎΡΠΎΡΡΡ
ΠΎΡΠ½ΠΎΡΠΈΡΡΡ ΠΊ ΡΠ°Π·Π½ΠΎΠΌΡ ΠΈΡΡΠΎΡΠ½ΠΈΠΊΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ, ΠΈ ΠΎΠ΄ΠΈΠ½ ΡΠ»Π΅ΠΌΠ΅Π½Ρ Π² ΠΊΠΎΠ½ΡΠ΅. Π’Π°ΠΊΠΆΠ΅ ΠΊΠ°ΠΆΠ΄ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ
ΠΈΠΌΠ΅Π΅Ρ Π°ΡΡΠΈΠ±ΡΡ media , ΠΊΠΎΡΠΎΡΡΠΉ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ ΡΠΎΡΡΠΎΡΠ½ΠΈΠ΅ ΠΌΡΠ»ΡΡΠΈΠΌΠ΅Π΄ΠΈΠ° (Π°Π½Π°Π»ΠΎΠ³ΠΈΡΠ½ΠΎ ΠΌΠ΅Π΄ΠΈΠ°-Π·Π°ΠΏΡΠΎΡΡ), ΠΊΠΎΡΠΎΡΠΎΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠΌ Π΄Π»Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΡ ΡΠΎΠ³ΠΎ, ΠΊΠΎΠ³Π΄Π° ΡΠ»Π΅Π΄ΡΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΊΠΎΠ½ΠΊΡΠ΅ΡΠ½ΡΠΉ ΠΈΡΡΠΎΡΠ½ΠΈΠΊ.ΠΠ°Π²Π°ΠΉΡΠ΅ ΠΏΠΎΠΏΡΠΎΠ±ΡΠ΅ΠΌ ΠΏΡΠΈΠΌΠ΅Ρ:
<ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ°>
ΠΡΠΈΠΌΠ΅ΡΠ°Π½ΠΈΠ΅: ΠΡΠ°ΡΠ·Π΅Ρ ΠΎΡΠ΅Π½ΠΈΡ ΠΊΠ°ΠΆΠ΄ΡΠΉ Π΄ΠΎΡΠ΅ΡΠ½ΠΈΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΠΈ Π²ΡΠ±Π΅ΡΠ΅Ρ ΡΡΠ΅Π΄ΠΈ Π½ΠΈΡ
Π½Π°ΠΈΠ»ΡΡΡΠ΅Π΅ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΈΠ΅; Π΅ΡΠ»ΠΈ ΡΠΎΠ²ΠΏΠ°Π΄Π΅Π½ΠΈΠΉ Π½Π΅ Π½Π°ΠΉΠ΄Π΅Π½ΠΎ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ URL-Π°Π΄ΡΠ΅Ρ Π°ΡΡΠΈΠ±ΡΡΠ° src ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° .ΠΡΠΎΠΌΠ΅ ΡΠΎΠ³ΠΎ, ΡΠ΅Π³
Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±ΡΡΡ ΡΠΊΠ°Π·Π°Π½ ΠΊΠ°ΠΊ ΠΏΠΎΡΠ»Π΅Π΄Π½ΠΈΠΉ Π΄ΠΎΡΠ΅ΡΠ½ΠΈΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°
.
Π Π°Π±ΠΎΡΠ° Ρ ΠΊΠ°ΡΡΠ°ΠΌΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ
ΠΠ°ΡΡΠ° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π²Π°ΠΌ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΡΡ Π³ΠΎΡΡΡΠΈΠ΅ ΡΠΎΡΠΊΠΈ Π½Π° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΈ, ΠΊΠΎΡΠΎΡΠΎΠ΅ Π΄Π΅ΠΉΡΡΠ²ΡΠ΅Ρ ΠΊΠ°ΠΊ Π³ΠΈΠΏΠ΅ΡΡΡΡΠ»ΠΊΠ°.
ΠΡΠ½ΠΎΠ²Π½Π°Ρ ΠΈΠ΄Π΅Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΊΠ°ΡΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ ΡΠΎΡΡΠΎΠΈΡ Π² ΡΠΎΠΌ, ΡΡΠΎΠ±Ρ ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠΈΡΡ ΠΏΡΠΎΡΡΠΎΠΉ ΡΠΏΠΎΡΠΎΠ± ΡΠ²ΡΠ·ΡΠ²Π°Π½ΠΈΡ ΡΠ°Π·Π»ΠΈΡΠ½ΡΡ ΡΠ°ΡΡΠ΅ΠΉ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π±Π΅Π· ΡΠ°Π·Π΄Π΅Π»Π΅Π½ΠΈΡ Π΅Π³ΠΎ Π½Π° ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΠ΅ ΡΠ°ΠΉΠ»Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ.ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, Π½Π° ΠΊΠ°ΡΡΠ΅ ΠΌΠΈΡΠ° ΠΊΠ°ΠΆΠ΄Π°Ρ ΡΡΡΠ°Π½Π° ΠΌΠΎΠΆΠ΅Ρ ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΡ Π³ΠΈΠΏΠ΅ΡΡΡΡΠ»ΠΊΡ Π΄Π»Ρ ΠΏΠΎΠ»ΡΡΠ΅Π½ΠΈΡ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΠΎΠΉ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ ΠΎΠ± ΡΡΠΎΠΉ ΡΡΡΠ°Π½Π΅.
ΠΠ°Π²Π°ΠΉΡΠ΅ ΠΏΠΎΠΏΡΠΎΠ±ΡΠ΅ΠΌ ΠΏΡΠΎΡΡΠΎΠΉ ΠΏΡΠΈΠΌΠ΅Ρ, ΡΡΠΎΠ±Ρ ΠΏΠΎΠ½ΡΡΡ, ΠΊΠ°ΠΊ ΡΡΠΎ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ Π½Π° ΡΠ°ΠΌΠΎΠΌ Π΄Π΅Π»Π΅:
ΠΡΡΠΈΠ±ΡΡ name ΡΠ΅Π³Π° ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π΄Π»Ρ ΡΡΡΠ»ΠΊΠΈ Π½Π° ΠΊΠ°ΡΡΡ ΠΈΠ· ΡΠ΅Π³Π° Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ Π΅Π³ΠΎ Π°ΡΡΠΈΠ±ΡΡΠ°
usemap . Π’Π΅Π³ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π²Π½ΡΡΡΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° Π΄Π»Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΡ ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΡΡ
ΠΎΠ±Π»Π°ΡΡΠ΅ΠΉ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ.ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΠΈΡΡ Π»ΡΠ±ΠΎΠ΅ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΡΡ
ΠΎΠ±Π»Π°ΡΡΠ΅ΠΉ Π² ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΈ.
ΠΡΠΈΠΌΠ΅ΡΠ°Π½ΠΈΠ΅: ΠΠ°ΡΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ Π½Π΅Π»ΡΠ·Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π΄Π»Ρ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΈ ΠΏΠΎ ΡΠ°ΠΉΡΡ. ΠΠ½ΠΈ Π½Π΅ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΡΡ Π΄Π»Ρ ΠΏΠΎΠΈΡΠΊΠΎΠ²ΡΡ ΡΠΈΡΡΠ΅ΠΌ. ΠΠΎΠΏΡΡΡΠΈΠΌΠΎΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΊΠ°ΡΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Ρ Π³Π΅ΠΎΠ³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΎΠΉ ΠΊΠ°ΡΡΠΎΠΉ.
Π‘ΠΎΠ²Π΅Ρ: ΠΠ»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΊΠ°ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ Π΄ΠΎΡΡΡΠΏΠ½ΠΎ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ ΠΎΠ½Π»Π°ΠΉΠ½-ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ².ΠΠ΅ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΡΠΎΠ΄Π²ΠΈΠ½ΡΡΡΠ΅ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΡ, ΡΠ°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ Adobe Dreamweaver, ΡΠ°ΠΊΠΆΠ΅ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΡΡ Π½Π°Π±ΠΎΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ² Π΄Π»Ρ ΠΏΡΠΎΡΡΠΎΠ³ΠΎ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΊΠ°ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ.
Logo Showcase — ΠΠΎΠ±Π°Π²ΡΡΠ΅ Π²ΠΈΠ΄ΠΆΠ΅Ρ Logo Carousel Π½Π° HTML-ΡΠ°ΠΉΡ (2021)
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅
Elfsight Logo Showcase — ΡΡΠΎ ΡΠ°ΠΌΡΠΉ ΠΏΡΠΎΡΡΠΎΠΉ ΡΠΏΠΎΡΠΎΠ± Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΠΈ Π»ΠΎΠ³ΠΎΡΠΈΠΏΠΎΠ² ΠΊΠ»ΠΈΠ΅Π½ΡΠΎΠ² ΠΈΠ»ΠΈ ΠΏΡΠΎΠΌΠΎΡΡΠ΅ΡΠΎΠ² ΠΈΠ»ΠΈ Π²Π°ΡΠΈΡ ΡΠΏΠΎΠΌΠΈΠ½Π°Π½ΠΈΠΉ Π² ΠΏΡΠ΅ΡΡΠ΅ Π½Π° ΡΠ°ΠΉΡΠ΅.Π‘ ΠΏΠΎΠΌΠΎΡΡΡ Π½Π°ΡΠ΅Π³ΠΎ Π²ΠΈΠ΄ΠΆΠ΅ΡΠ° Π²Ρ Π½Π°ΠΊΠ°ΠΏΠ»ΠΈΠ²Π°Π΅ΡΠ΅ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ ΠΎ ΡΠΎΠΌ, ΡΡΠΎ Π²Π°ΡΠ° ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΡ — Π½Π°Π΄Π΅ΠΆΠ½ΡΠΉ ΠΊΠΎΠΌΠΏΠ°Π½ΡΠΎΠ½. ΠΠΈΠ΄ΠΆΠ΅Ρ Elfsight ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ Π»ΠΎΠ³ΠΎΡΠΈΠΏΠΎΠ², ΡΠ°Π·ΠΌΠ΅ΡΠ°ΡΡ ΠΈΡ Π² Π²ΠΈΠ΄Π΅ ΡΠ»Π°ΠΉΠ΄Π΅ΡΠ° ΠΈΠ»ΠΈ ΡΠ΅ΡΠΊΠΈ ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΡΡΡ ΡΠ°Π·ΠΌΠ΅Ρ Π»ΠΎΠ³ΠΎΡΠΈΠΏΠΎΠ². ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΠΏΠΎΠ΄ΠΏΠΈΡΡ ΠΈ ΡΡΡΠ»ΠΊΡ Π½Π° ΡΠ°ΠΉΡ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ. ΠΡΠΏΠΎΠ»ΡΠ·ΡΡ Π²Π°ΡΠΈΠ°Π½ΡΡ ΡΠ²Π΅ΡΠΎΠ² ΠΈ ΡΡΠΈΡΡΠΎΠ², Π²Ρ ΠΏΠΎΠ»ΡΡΠΈΡΠ΅ ΡΠ½ΠΈΠΊΠ°Π»ΡΠ½ΡΠΉ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ.
ΠΠΎΠ΄Π½ΠΈΠΌΠΈΡΠ΅ Π΄ΠΎΠ²Π΅ΡΠΈΠ΅ ΠΊ ΡΠ²ΠΎΠ΅ΠΌΡ Π±ΠΈΠ·Π½Π΅ΡΡ.
Π₯Π°ΡΠ°ΠΊΡΠ΅ΡΠΈΡΡΠΈΠΊΠΈ
ΠΠ΄Π΅ΡΡ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ²ΠΈΠ΄Π΅ΡΡ Π²ΡΠ΅ ΡΡΠ½ΠΊΡΠΈΠΈ Logo Showcase.ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π½Π°ΡΡΡΠΎΠΈΡΡ ΠΈΡ ΠΏΡΡΠΌΠΎ Π² ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ΅, ΠΈ ΠΎΠ½ΠΈ ΠΏΠΎΠΌΠΎΠ³ΡΡ Π²Π°ΠΌ ΡΠΎΠ·Π΄Π°ΡΡ Π²ΠΈΠ΄ΠΆΠ΅Ρ ΠΈΠΌΠ΅Π½Π½ΠΎ Π΄Π»Ρ Π²Π°ΡΠ΅Π³ΠΎ Π²Π°ΡΠΈΠ°Π½ΡΠ° ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ.
- ΠΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠΈΡΡ ΠΊΠ°ΠΆΠ΄ΡΠΉ Π»ΠΎΠ³ΠΎΡΠΈΠΏ ΠΊ Π»ΡΠ±ΠΎΠΉ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΠ΅;
- ΠΠ°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°Π΅ΠΌΠΎΠ³ΠΎ Π²ΠΈΠ΄ΠΆΠ΅ΡΠ° ΠΈΠΌΠ΅Π΅Ρ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΈ ΡΠ΅ΠΊΡΡ Ρ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠ°ΠΌΠΈ ΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ;
- CTA-ΠΊΠ½ΠΎΠΏΠΊΠ° ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ΅Π½Π° ΠΊ Π»ΡΠ±ΠΎΠΌΡ Π°Π΄ΡΠ΅ΡΡ;
- 3 ΡΠ±Π°Π»Π°Π½ΡΠΈΡΠΎΠ²Π°Π½Π½ΡΡ ΠΌΠ°ΠΊΠ΅ΡΠ°: ΡΠ»Π°ΠΉΠ΄Π΅Ρ, ΡΠ΅ΡΠΊΠ° ΠΈ ΠΊΠ°ΡΡΡΠ΅Π»Ρ;
- ΠΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ Π½Π°ΡΡΡΠΎΠΉΠΊΠΈ ΡΠ°Π·ΠΌΠ΅ΡΠ° Π»ΠΎΠ³ΠΎΡΠΈΠΏΠ° ΠΈ ΡΠΈΡΠΈΠ½Ρ Π²ΠΈΠ΄ΠΆΠ΅ΡΠ°;
- ΠΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ Π²ΡΠ±ΡΠ°ΡΡ Π»ΡΠ±ΠΎΠΉ ΡΠ²Π΅Ρ ΡΠΎΠ½Π° ΠΈΠ»ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅.
ΠΠΎΠΏΡΠΎΠ±ΡΠΉΡΠ΅ Π²ΡΠ΅ ΠΎΡΡΠ°Π»ΡΠ½ΡΠ΅ ΡΡΠ½ΠΊΡΠΈΠΈ Π² Π΄Π΅ΠΌΠΎ
ΠΠ°ΠΊ Ρ ΠΌΠΎΠ³Ρ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Logo Showcase Π½Π° ΠΌΠΎΠΉ HTML-ΡΠ°ΠΉΡ?
Π§ΡΠΎΠ±Ρ ΠΏΡΠ΅Π΄ΡΡΠ°Π²ΠΈΡΡ Π²ΠΈΠ΄ΠΆΠ΅Ρ, ΠΏΡΠΎΡΡΠΎ ΡΠ»Π΅Π΄ΡΠΉΡΠ΅ ΠΈΠ½ΡΡΡΡΠΊΡΠΈΡΠΌ Π½ΠΈΠΆΠ΅
- Π‘ΠΎΠ·Π΄Π°ΠΉΡΠ΅ ΡΠ²ΠΎΠΉ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΡΠΉ Π²ΠΈΠ΄ΠΆΠ΅Ρ Π»ΠΎΠ³ΠΎΡΠΈΠΏΠ°
Π£ΠΏΡΠ°Π²Π»ΡΠΉΡΠ΅ Π½Π°ΡΠΈΠΌ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΡΠΌ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠΎΠΌ, ΡΠΎΠ·Π΄Π°ΠΉΡΠ΅ ΠΏΠ»Π°Π³ΠΈΠ½ Ρ Π½Π°ΡΡΡΠ°ΠΈΠ²Π°Π΅ΠΌΡΠΌ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠΎΠΌ ΠΈ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΡΠΌΠΈ Ρ Π°ΡΠ°ΠΊΡΠ΅ΡΠΈΡΡΠΈΠΊΠ°ΠΌΠΈ. - ΠΠΎΠ»ΡΡΠΈΡΠ΅ ΠΈΠ½Π΄ΠΈΠ²ΠΈΠ΄ΡΠ°Π»ΡΠ½ΡΠΉ ΠΊΠΎΠ΄ Π΄Π»Ρ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΡ ΠΏΠ»Π°Π³ΠΈΠ½Π° Π½Π° ΡΠ°ΠΉΡ
ΠΠΎΡΠ»Π΅ ΡΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π²Ρ Π½Π°ΡΡΡΠΎΠΈΠ»ΠΈ ΡΠ²ΠΎΠΉ Π²ΠΈΠ΄ΠΆΠ΅Ρ, Π²Ρ ΠΏΠΎΠ»ΡΡΠΈΡΠ΅ ΠΈΠ½Π΄ΠΈΠ²ΠΈΠ΄ΡΠ°Π»ΡΠ½ΡΠΉ ΠΊΠΎΠ΄ ΠΈΠ· ΠΏΠΎΡΠ²ΠΈΠ²ΡΠ΅Π³ΠΎΡΡ ΡΠ²Π΅Π΄ΠΎΠΌΠ»Π΅Π½ΠΈΡ Π² Elfsight Apps.Π‘ΠΊΠΎΠΏΠΈΡΡΠΉΡΠ΅ ΡΡΠΎ. - ΠΠΏΡΠ±Π»ΠΈΠΊΡΠΉΡΠ΅ ΠΊΠΎΠ΄ Π½Π° ΡΠ²ΠΎΠ΅ΠΌ HTML-ΡΠ°ΠΉΡΠ΅
ΠΡΠ±Π΅ΡΠΈΡΠ΅ ΠΌΠ΅ΡΡΠΎ, ΠΊΡΠ΄Π° Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΠΏΠ»Π°Π³ΠΈΠ½, ΠΈ Π²ΡΡΠ°Π²ΡΡΠ΅ ΡΡΠ΄Π° ΡΠΊΠΎΠΏΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΠΊΠΎΠ΄. ΠΠΏΡΠ±Π»ΠΈΠΊΡΠΉΡΠ΅ ΠΏΡΠ°Π²ΠΊΠΈ. - Π£ΡΡΠ°Π½ΠΎΠ²ΠΊΠ° Π·Π°Π²Π΅ΡΡΠ΅Π½Π°
ΠΠΎΡΠ΅ΡΠΈΡΠ΅ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ, ΡΡΠΎΠ±Ρ ΡΠ²ΠΈΠ΄Π΅ΡΡ ΡΠ²ΠΎΠΉ ΠΏΠ»Π°Π³ΠΈΠ½.
ΠΠ΅ Π΄ΡΠΌΠ°ΠΉΡΠ΅ Π΄Π²Π°ΠΆΠ΄Ρ, ΡΡΠΎΠ±Ρ ΡΠ²ΡΠ·Π°ΡΡΡΡ Ρ Π½Π°ΡΠ΅ΠΉ ΡΠ»ΡΠΆΠ±ΠΎΠΉ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΈ ΠΊΠ»ΠΈΠ΅Π½ΡΠΎΠ², Π΅ΡΠ»ΠΈ Π²Π°ΠΌ ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΠΈΡΡΡ ΡΠΎΠ²Π΅Ρ ΠΈΠ»ΠΈ Π²ΠΎΠ·Π½ΠΈΠΊΠ½ΡΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ. ΠΡΠ΄Π΅ΠΌ ΡΠ°Π΄Ρ ΠΏΠΎΠΌΠΎΡΡ Ρ Π»ΡΠ±ΡΠΌ Π·Π°ΠΏΡΠΎΡΠΎΠΌ.
ΠΠ°ΠΊ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π·Π½Π°ΡΠΎΠΊ Π½Π° ΡΠ²ΠΎΠΉ Π²Π΅Π±-ΡΠ°ΠΉΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ HTML
Π§Π°ΡΡΡ ΡΠ΅ΡΠΈΠΈ: ΠΠ°ΠΊ ΡΠΎΠ·Π΄Π°ΡΡ Π²Π΅Π±-ΡΠ°ΠΉΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ HTMLΠΡΠ° ΡΠ΅ΡΠΈΡ ΡΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ² ΠΏΡΠΎΠ²Π΅Π΄Π΅Ρ Π²Π°Ρ ΡΠ΅ΡΠ΅Π· ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΈ Π΄Π°Π»ΡΠ½Π΅ΠΉΡΡΡ Π½Π°ΡΡΡΠΎΠΉΠΊΡ ΡΡΠΎΠ³ΠΎ Π²Π΅Π±-ΡΠ°ΠΉΡΠ° Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ HTML, ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΠΎΠ³ΠΎ ΡΠ·ΡΠΊΠ° ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΠΎΠ³ΠΎ Π΄Π»Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠΎΠ² Π² Π²Π΅Π±-Π±ΡΠ°ΡΠ·Π΅ΡΠ΅.ΠΡΠ΅Π΄Π²Π°ΡΠΈΡΠ΅Π»ΡΠ½ΡΠΉ ΠΎΠΏΡΡ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΡ Π½Π΅ ΡΡΠ΅Π±ΡΠ΅ΡΡΡ, Π½ΠΎ ΠΌΡ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΠ΅ΠΌ Π²Π°ΠΌ Π½Π°ΡΠ°ΡΡ Ρ Π½Π°ΡΠ°Π»Π° ΡΠ΅ΡΠΈΠΈ, Π΅ΡΠ»ΠΈ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ Π²ΠΎΡΡΠΎΠ·Π΄Π°ΡΡ Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΠΎΠ½Π½ΡΠΉ Π²Π΅Π±-ΡΠ°ΠΉΡ.
Π ΠΊΠΎΠ½ΡΠ΅ ΡΡΠΎΠΉ ΡΠ΅ΡΠΈΠΈ ΡΡΠ°ΡΠ΅ΠΉ Ρ Π²Π°Ρ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±ΡΡΡ Π²Π΅Π±-ΡΠ°ΠΉΡ, Π³ΠΎΡΠΎΠ²ΡΠΉ ΠΊ ΡΠ°Π·Π²Π΅ΡΡΡΠ²Π°Π½ΠΈΡ Π² ΠΎΠ±Π»Π°ΠΊΠ΅, ΠΈ Π±Π°Π·ΠΎΠ²ΡΠ΅ Π·Π½Π°Π½ΠΈΡ HTML. ΠΠ½Π°Π½ΠΈΠ΅ ΡΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΠΏΠΈΡΠ°ΡΡ HTML, ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠΈΡ ΠΏΡΠΎΡΠ½ΡΡ ΠΎΡΠ½ΠΎΠ²Ρ Π΄Π»Ρ ΠΈΠ·ΡΡΠ΅Π½ΠΈΡ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΡ Π½Π°Π²ΡΠΊΠΎΠ² ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ½ΠΎΠΉ Π²Π΅Π±-ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ, ΡΠ°ΠΊΠΈΡ ΠΊΠ°ΠΊ CSS ΠΈ JavaScript.
Π ΡΡΠΎΠΌ ΡΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ²Π΅ ΠΌΡ ΡΠ°ΡΡΠΌΠΎΡΡΠΈΠΌ ΡΠ°Π³ΠΈ, ΡΠ²ΡΠ·Π°Π½Π½ΡΠ΅ Ρ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ΠΌ Π·Π½Π°ΡΠΊΠ° Π½Π° Π²Π°ΡΡ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ HTML.ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π»ΡΠ±ΠΎΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π΄Π»Ρ ΡΠ²ΠΎΠ΅Π³ΠΎ Π·Π½Π°ΡΠΊΠ°, Π½ΠΎ ΠΈΠΌΠ΅ΠΉΡΠ΅ Π² Π²ΠΈΠ΄Ρ, ΡΡΠΎ ΠΏΡΠΎΡΡΡΠ΅ Π²ΡΡΠΎΠΊΠΎΠΊΠΎΠ½ΡΡΠ°ΡΡΠ½ΡΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΡΠ°ΡΡΠΎ ΡΠ°Π±ΠΎΡΠ°ΡΡ Π»ΡΡΡΠ΅ Π²ΡΠ΅Π³ΠΎ, ΡΡΠΈΡΡΠ²Π°Ρ Π½Π΅Π±ΠΎΠ»ΡΡΠΎΠΉ ΡΠ°Π·ΠΌΠ΅Ρ Π·Π½Π°ΡΠΊΠ°. ΠΡ ΡΠ°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΡΠΉ Π·Π½Π°ΡΠΎΠΊ Π½Π° ΡΠ°ΠΊΠΈΡ ΡΠ°ΠΉΡΠ°Ρ , ΠΊΠ°ΠΊ favicon.cc.
ΠΠ½Π°ΡΠΎΠΊ — ΡΡΠΎ Π½Π΅Π±ΠΎΠ»ΡΡΠΎΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅, ΠΊΠΎΡΠΎΡΠΎΠ΅ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡ Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΠ° ΡΠ»Π΅Π²Π° ΠΎΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ. ΠΠ° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΈ Π½ΠΈΠΆΠ΅ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π·Π½Π°ΡΠΊΠ°.
Π§ΡΠΎΠ±Ρ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π·Π½Π°ΡΠΎΠΊ Π½Π° ΡΠ²ΠΎΠΉ ΡΠ°ΠΉΡ, ΡΠΎΠ·Π΄Π°ΠΉΡΠ΅ Π² ΠΊΠ°ΡΠ°Π»ΠΎΠ³Π΅ ΠΏΡΠΎΠ΅ΠΊΡΠ° ΠΏΠ°ΠΏΠΊΡ Ρ ΠΈΠΌΠ΅Π½Π΅ΠΌ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ (Π΅ΡΠ»ΠΈ Ρ Π²Π°Ρ Π΅Π³ΠΎ Π΅ΡΠ΅ Π½Π΅Ρ) ΠΈ ΡΠΎΡ
ΡΠ°Π½ΠΈΡΠ΅ ΠΆΠ΅Π»Π°Π΅ΠΌΠΎΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π·Π½Π°ΡΠΊΠ° Π² ΡΡΠΎΠΉ ΠΏΠ°ΠΏΠΊΠ΅.ΠΡΠ»ΠΈ Ρ Π²Π°Ρ Π½Π΅Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ, Π·Π°Π³ΡΡΠ·ΠΈΡΠ΅ ΡΡΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π‘ΡΠΌΠΌΠΈ ΠΠΊΡΠ»Ρ, ΠΊΠΎΡΠΎΡΠΎΠ΅ ΠΌΡ ΡΠ°Π·ΠΌΠ΅ΡΡΠΈΠ»ΠΈ Π½Π° Π½Π°ΡΠ΅ΠΌ Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΠΎΠ½Π½ΠΎΠΌ Π²Π΅Π±-ΡΠ°ΠΉΡΠ΅. (Π§ΡΠΎΠ±Ρ ΡΠ·Π½Π°ΡΡ, ΠΊΠ°ΠΊ Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π½Π° Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ HTML, ΠΏΠΎΡΠ΅ΡΠΈΡΠ΅ Π½Π°Ρ ΡΡΠ΅Π±Π½ΡΠΉ ΠΊΡΡΡ HTML-ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΈΠ· Π±ΠΎΠ»Π΅Π΅ ΡΠ°Π½Π½Π΅ΠΉ ΡΠ°ΡΡΠΈ ΡΡΠΎΠΉ ΡΠ΅ΡΠΈΠΈ ΡΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ².
ΠΠ°ΡΠ΅ΠΌ Π΄ΠΎΠ±Π°Π²ΡΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½Ρ (Π²ΡΠ΄Π΅Π»Π΅Π½Π½ΡΠΉ Π½ΠΈΠΆΠ΅) Π² ΡΠ°ΠΉΠ» index.html ΠΏΡΡΠΌΠΎ ΠΏΠΎΠ΄ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠΌ . Π’Π΅ΠΏΠ΅ΡΡ Π²Π°Ρ ΠΊΠΎΠ΄ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±ΡΡΡ ΡΠ°ΠΊΠΈΠΌ:
...
ΠΠ΅ΡΠ²ΡΠΉ Π²Π΅Π±-ΡΠ°ΠΉΡ Π‘ΡΠΌΠΌΠΈ
...
ΠΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ Π·Π°ΠΌΠ΅Π½ΠΈΡΠ΅ Favicon_Image_Location Π½Π° ΠΎΡΠ½ΠΎΡΠΈΡΠ΅Π»ΡΠ½ΡΠΉ ΠΏΡΡΡ ΠΊ ΡΠ°ΠΉΠ»Ρ Π²Π°ΡΠ΅Π³ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π·Π½Π°ΡΠΊΠ°. Π‘ΠΎΡ
ΡΠ°Π½ΠΈΡΠ΅ ΡΠ°ΠΉΠ» index.html ΠΈ ΠΏΠ΅ΡΠ΅Π·Π°Π³ΡΡΠ·ΠΈΡΠ΅ Π΅Π³ΠΎ Π² ΡΠ²ΠΎΠ΅ΠΌ Π²Π΅Π±-Π±ΡΠ°ΡΠ·Π΅ΡΠ΅. ΠΠΊΠ»Π°Π΄ΠΊΠ° Π²Π°ΡΠ΅Π³ΠΎ Π±ΡΠ°ΡΠ·Π΅ΡΠ° Π΄ΠΎΠ»ΠΆΠ½Π° ΡΠ΅ΠΏΠ΅ΡΡ ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π·Π½Π°ΡΠΊΠ°.
Π’Π΅ΠΏΠ΅ΡΡ Π²Ρ Π΄ΠΎΠ»ΠΆΠ½Ρ Π·Π½Π°ΡΡ, ΠΊΠ°ΠΊ Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π·Π½Π°ΡΠΊΠΎΠ² Π½Π° Π²Π΅Π±-ΡΠ°ΠΉΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ HTML.
ΠΠ°ΠΊ Π²ΡΡΠ°Π²ΠΈΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π² HTML
ΠΡΠ»ΠΈ ΠΌΡ Ρ ΠΎΡΠΈΠΌ Π²ΡΡΠ°Π²ΠΈΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π² Π΄ΠΎΠΊΡΠΌΠ΅Π½Ρ HTML, ΡΡΠΎΠ±Ρ ΠΎΡΠΎΠ±ΡΠ°Π·ΠΈΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π° Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΠ΅, ΠΌΡ Π΄ΠΎΠ»ΠΆΠ½Ρ Π²ΡΠΏΠΎΠ»Π½ΠΈΡΡ ΡΠ°Π³ΠΈ, ΡΠΊΠ°Π·Π°Π½Π½ΡΠ΅ Π½ΠΈΠΆΠ΅.ΠΡΠΏΠΎΠ»ΡΠ·ΡΡ ΡΡΠΈ ΡΠ°Π³ΠΈ, ΠΌΡ ΠΌΠΎΠΆΠ΅ΠΌ Π»Π΅Π³ΠΊΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΠΈΠ»ΠΈ Π²ΡΡΠ°Π²ΠΈΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π² Π΄ΠΎΠΊΡΠΌΠ΅Π½Ρ.
Π¨Π°Π³ 1: ΠΠΎ-ΠΏΠ΅ΡΠ²ΡΡ , ΠΌΡ Π΄ΠΎΠ»ΠΆΠ½Ρ Π²Π²Π΅ΡΡΠΈ ΠΊΠΎΠ΄ Html Π² Π»ΡΠ±ΠΎΠΌ ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠΌ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ΅ ΠΈΠ»ΠΈ ΠΎΡΠΊΡΡΡΡ ΡΡΡΠ΅ΡΡΠ²ΡΡΡΠΈΠΉ ΡΠ°ΠΉΠ» Html Π² ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠΌ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ΅, Π² ΠΊΠΎΡΠΎΡΡΠΉ ΠΌΡ Ρ ΠΎΡΠΈΠΌ Π²ΡΡΠ°Π²ΠΈΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅.
<ΠΠΎΠ»ΠΎΠ²Π°> <ΠΠ°Π·Π²Π°Π½ΠΈΠ΅> ΠΡΡΠ°Π²ΠΈΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ <Π’Π΅Π»ΠΎ> ΠΡΠΈΠ²Π΅Ρ, JavaTpoint!
ΠΠ΄ΡΠ°Π²ΡΡΠ²ΡΠΉΡΠ΅, ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ!
ΠΠ°ΠΊ Π΄Π΅Π»Π°?
