Html ΠΊΠΎΠ΄ для ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ: Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡ Π² HTML — Π˜Π·ΡƒΡ‡Π΅Π½ΠΈΠ΅ Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ

Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΠ΅

Код css для размСщСния Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ. Π’Π΅Π³ΠΈ HTML для вставки ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ, изобраТСния Π² HTML

ВсСм ΠΏΡ€ΠΈΠ²Π΅Ρ‚!!! По этой ΡΡ‚Π°Ρ‚ΡŒΠ΅ Π²Ρ‹ Π½Π°ΡƒΡ‡ΠΈΡ‚Π΅ΡΡŒ Π²ΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π² HTML Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚. Π­Ρ‚ΠΎ вовсС Π½Π΅ слоТно. Но Π²Π½Π°Ρ‡Π°Π»Π΅ я Π±Ρ‹ Ρ…ΠΎΡ‚Π΅Π» Π²Π°ΠΌ Π΄Π°Ρ‚ΡŒ нСсколько Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°Ρ†ΠΈΠΉ ΠΏΠΎ ΠΏΠΎΠ²ΠΎΠ΄Ρƒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ Π½Π° Π²Π΅Π±-страницС.

Π‘ΠΎΠ²Π΅Ρ‚: ΠΊΠΎΠ³Π΄Π° Π±ΡƒΠ΄Π΅Ρ‚Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π½Π° Π²Π΅Π±-страницу, Π½Π΅ ΡƒΠ²Π»Π΅ΠΊΠ°ΠΉΡ‚Π΅ΡΡŒ Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΌΠΈ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°ΠΌΠΈ, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ это ΠΎΡ‚Π²Π»Π΅ΠΊΠ°Π΅Ρ‚ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ читатСля ΠΎΡ‚ самого Π²Π°ΠΆΠ½ΠΎΠ³ΠΎ — тСкста. Π›ΡƒΡ‡ΡˆΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹Π΅ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅ Π±Π΅Π· Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ.
Π‘Ρ‚Π°Ρ€Π°ΠΉΡ‚Π΅ΡΡŒ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π½Π° Π²Π΅Π±-страничках ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹Π΅ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ. Как ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½ΡƒΡŽ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΡ‡ΠΈΡ‚Π°Ρ‚ΡŒ , Π° Π²Π·ΡΡ‚ΡŒ красивыС ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ .

ΠŸΡ€ΠΈΡΡ‚ΡƒΠΏΠΈΠΌ.

Как Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π² html?
Π’Π°ΠΊ, ΠΊΠ°ΠΊ я Π³ΠΎΠ²ΠΎΡ€ΠΈΠ» — здСсь слоТного Π½ΠΈΡ‡Π΅Π³ΠΎ Π½Π΅Ρ‚, Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ этот html ΠΊΠΎΠ΄.

kartinka — это Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ
jpg — это Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ. Π Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ gif, png, bmp.

Если ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½Π° Π² ΠΏΠ°ΠΏΠΊΠ΅ images, Ρ‚ΠΎΠ³Π΄Π° ΠΏΡƒΡ‚ΡŒ ΠΊ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ Ρ‚Π°ΠΊΠΈΠΌ:

images — Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΠΏΠ°ΠΏΠΊΠΈ, Π³Π΄Π΅ Π»Π΅ΠΆΠΈΡ‚ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° «kartinka.

jpg «.

Если ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° Π»Π΅ΠΆΠΈΡ‚ Π½Π° Π΄Ρ€ΡƒΠ³ΠΎΠΌ сайтС, Ρ‚ΠΎΠ³Π΄Π° ΠΊΠΎΠ΄ Π±ΡƒΠ΄Π΅Ρ‚ Ρ‚Π°ΠΊΠΈΠΌ:

https://www.сайт — это адрСс сайта.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ :

Как Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π² html

Для этого просто Π·Π°ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ ΠΌΠ΅ΠΆΠ΄Ρƒ ссылочным элСмСнтом:

Атрибуты для ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ

ALIGN — этот Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½ для обтСкания ΠΈΠ»ΠΈ выравнивания ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ ΠΏΠΎ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΠΈ.
left Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΠΏΠΎ Π»Π΅Π²ΠΎΠΌΡƒ ΠΊΡ€Π°ΡŽ, тСкст Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠ±Ρ‚Π΅ΠΊΠ°Ρ‚ΡŒ справа.
right Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΠΏΠΎ ΠΏΡ€Π°Π²ΠΎΠΌΡƒ ΠΊΡ€Π°ΡŽ, тСкст ΠΎΠ±Ρ‚Π΅ΠΊΠ°Π΅Ρ‚ слСва.

Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ :

Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΠΏΠΎ ΠΏΡ€Π°Π²ΠΎΠΌΡƒ ΠΊΡ€Π°ΡŽ

HSPACE — отступы ΠΎΡ‚ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ ΠΏΠΎ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΠΈ (Π² пиксСлях).
VSPACE — отступы ΠΎΡ‚ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ ΠΏΠΎ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΠΈ (Π² пиксСлях).

Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ :

отступы ΠΎΡ‚ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ

HEIGHT — высота изобраТСния (пиксСлях).
WIDTH — ΡˆΠΈΡ€ΠΈΠ½Π° изобраТСния (пиксСлях).

Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ :

TITLE это Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ. Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ, Ссли навСсти Π½Π° ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ курсор ΠΌΡ‹ΡˆΠΊΠΈ.

title=»Π’сСм ΠΏΡ€ΠΈΠ²Π΅Ρ‚ — сайт!!! «>

Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ :

Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ

BORDER — этот Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ ΠΎΡ‚Π²Π΅Ρ‡Π°Π΅Ρ‚ Π·Π° Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ€Π°ΠΌΠΊΠΈ Π²ΠΎΠΊΡ€ΡƒΠ³ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ. Π Π°ΠΌΠΊΠΈ ΠΏΠΎΡΠ²Π»ΡΡŽΡ‚ΡΡ Π² Ρ‚Π°ΠΊΠΈΡ… случаях, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ сдСлаСтС ссылкой. Если ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Π½ΡƒΠ»Π΅Π²ΠΎΠ΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° BORDER , Ρ€Π°ΠΌΠΊΠ° ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚.

Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ :

А Ссли ΠΏΠΎΠΌΠ΅Π½ΡΡ‚ΡŒ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ border Π½Π° 5:

Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ :

Π›ΡŽΠ±ΡƒΡŽ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ„ΠΎΠ½ΠΎΠΌ. Для этого Π² Ρ‚Π΅Π³Π΅ body ΠΏΡ€ΠΎΠΏΠΈΡˆΠΈΡ‚Π΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ background .

На ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΡ‡Π½ΠΎΠΌ Ρ„ΠΎΠ½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ тСкст.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ :

Как Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку-ΡΠΊΠΎΡ€ΡŒ Π² html

Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ :

ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°ΠΊ Ρ„ΠΎΠ½

На этой Π½ΠΎΡ‚Π΅ ΠΌΠΎΠΆΠ½ΠΎ Π±Ρ‹Π»ΠΎ Π±Ρ‹ ΠΈ Π·Π°ΠΊΠΎΠ½Ρ‡ΠΈΡ‚ΡŒ Ρ‚Π΅ΠΌΡƒ «ΠšΠ°ΠΊ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π² HTML», Π½ΠΎ знаю, Ρ‡Ρ‚ΠΎ ΠΌΠ½ΠΎΠ³ΠΈΡ… интСрСсуСт вопрос, Π° ΠΊΠ°ΠΊ ΠΏΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ ΠΏΠΎ Ρ†Π΅Π½Ρ‚Ρ€Ρƒ.

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ ΠΏΠΎ Ρ†Π΅Π½Ρ‚Ρ€Ρƒ, Π²Π°ΠΌ достаточно ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ‚Π°ΠΊΠΎΠΉ фокус:



Π’ΠΎΡ‚ Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ Ρ‚ΠΎΡ‡Π½ΠΎ всС. ΠŸΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΠΌ ΠΊ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΌΡƒ ΡƒΡ€ΠΎΠΊΡƒ.

Π—Π° вставку ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ Π² HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ ΠΎΡ‚Π²Π΅Ρ‡Π°Π΅Ρ‚ Ρ‚Π΅Π³ ΠΈ Π΅Π³ΠΎ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹, Π³Π»Π°Π²Π½Ρ‹ΠΌ ΠΈΠ· ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΌΠΎΠΆΠ½ΠΎ ΡΡ‡ΠΈΡ‚Π°Ρ‚ΡŒ src , Π·Π°Π΄Π°ΡŽΡ‰ΠΈΠΉ адрСс изобраТСния. Он являСтся ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ Ссли Π½Π΅ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ, Π³Π΄Π΅ Π²Π·ΡΡ‚ΡŒ рисунок, Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Π½Π΅ смоТСт ΡƒΠ·Π½Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ ΠΈΠΌΠ΅Π½Π½ΠΎ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ Π½Π° страницу.

ΠŸΡ€ΠΎΡΡ‚Π΅ΠΉΡˆΠΈΠΉ случай вставки ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ Ρ‚Π°ΠΊ (ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ называСтся image.png ΠΈ находится Π² Ρ‚ΠΎΠΉ ΠΆΠ΅ ΠΏΠ°ΠΏΠΊΠ΅, Ρ‡Ρ‚ΠΎ ΠΈ HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚):

РаньшС Ρƒ Ρ‚Π΅Π³Π° Π±Ρ‹Π» Π΅Ρ‰Ρ‘ ΠΎΠ΄ΠΈΠ½ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ — alt , Π½ΠΎ с ΠΏΡ€ΠΈΡ…ΠΎΠ΄ΠΎΠΌ HTML 5 ΠΎΠ½ Π±Ρ‹Π» ΠΏΠ΅Ρ€Π΅Π²Π΅Π΄Ρ‘Π½ Π² разряд ΠΆΠ΅Π»Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Ρ…. alt устанавливаСт тСкст, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚ вмСсто ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ, Ссли ΠΎΠ½Π° Π²Π΄Ρ€ΡƒΠ³ Π½Π΅ загрузится. Π­Ρ‚ΠΎΡ‚ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΡŽΡ‚ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ ΠΈ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ‚ΠΎΡ€Ρ‹, ΠΏΠΎΡ‚ΠΎΠΌΡƒ ΠΊΠ°ΠΊ считаСтся, Ρ‡Ρ‚ΠΎ это ΠΏΠΎΠ»ΠΎΠΆΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ сказываСтся Π½Π° ΠΏΡ€ΠΎΠ΄Π²ΠΈΠΆΠ΅Π½ΠΈΠΈ Π² поисковиках.

Если Π½Π΅ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡŽ Π½ΠΈΠΊΠ°ΠΊΠΈΡ… Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ², Ρ‚ΠΎ ΠΎΠ½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π²Π΅Π΄Π΅Π½ΠΎ Π² ΠΏΠΎΠ»Π½Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€, Π° Π½ΡƒΠΆΠ½ΠΎ это Π±Ρ‹Π²Π°Π΅Ρ‚ Π΄Π°Π»Π΅ΠΊΠΎ Π½Π΅ всСгда. К ΡΡ‡Π°ΡΡ‚ΡŒΡŽ, ΠΆΠ΅Π»Π°Π΅ΠΌΡ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ рисунку ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Π΄Π°Ρ‚ΡŒ ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ² width (ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ ΡˆΠΈΡ€ΠΈΠ½Ρƒ) ΠΈ height (опрСдСляСт высоту). Π Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΌΠΎΠΆΠ½ΠΎ Π·Π°ΠΏΠΈΡΡ‹Π²Π°Ρ‚ΡŒ Π»ΠΈΠ±ΠΎ Π² пиксСлях, Π»ΠΈΠ±ΠΎ Π² ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚Π°Ρ…. Π’ΠΎ Π²Ρ‚ΠΎΡ€ΠΎΠΌ случаС ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚ ΠΎΠ±ΠΎΠ·Ρ€Π΅Π²Π°Ρ‚Π΅Π»ΡŒ Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹ΡΡ‡ΠΈΡ‚Ρ‹Π²Π°Ρ‚ΡŒ ΠΎΡ‚ Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ элСмСнта (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π°Π±Π·Π°Ρ†Π°, Π² ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ вставлСна ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°).

Допустим, Π½Π°ΠΌ трСбуСтся Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π½Π° страницу ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ image.png с Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΌ тСкстом Β«ΠŸΡ€ΠΎΡΡ‚ΠΎ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°Β», ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉ 420 ΠΈ Π΄Π»ΠΈΠ½ΠΎΠΉ 280 пиксСлСй. Код Π² Ρ‚Π°ΠΊΠΎΠΌ случаС Π±ΡƒΠ΄Π΅Ρ‚ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ:

Навигационная ΠΊΠ°Ρ€Ρ‚Π°

О Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ ссылкой, ΠΌΡ‹ Π³ΠΎΠ²ΠΎΡ€ΠΈΠ»ΠΈ Π² ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰Π΅ΠΉ ΡΡ‚Π°Ρ‚ΡŒΠ΅. Однако HTML позволяСт Π·Π°Π΄Π°Π²Π°Ρ‚ΡŒ Π½Π° ΠΎΠ΄Π½ΠΎΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ Π½Π΅ ΠΎΠ΄Π½Ρƒ ссылку, Π° сразу нСсколько. Π’ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ, щёлкая Π½Π° Ρ€Π°Π·Π½Ρ‹Π΅ мСста ΠΎΠ΄Π½ΠΎΠΉ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ, Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒ ΠΏΠΎ Ρ€Π°Π·Π½Ρ‹ΠΌ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-адрСсам. Π­Ρ‚Ρƒ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, для создания эффСктного мСню, ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Ρ… тСстов ΠΈΠ»ΠΈ наглядных графичСских ΠΌΠΎΠ΄Π΅Π»Π΅ΠΉ.

Для создания ΠΊΠ°Ρ€Ρ‚Ρ‹ изобраТСния (ΠΈΠΌΠ΅Π½Π½ΠΎ Ρ‚Π°ΠΊ называСтся описанная Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ) понадобятся ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ Ρ‚Π΅Π³ΠΈ ΠΈ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹:

  • — ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€, Π²Π½ΡƒΡ‚Ρ€ΠΈ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ описываСтся ΠΊΠ°Ρ€Ρ‚Π° изобраТСния.
  • — Ρ‚Π΅Π³ Π²Π½ΡƒΡ‚Ρ€ΠΈ , ΠΎΠΏΠΈΡΡ‹Π²Π°ΡŽΡ‰ΠΈΠΉ ΠΎΠ΄Π½Ρƒ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ. На сколько Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Ρ… областСй планируСтся Ρ€Π°Π·Π΄Π΅Π»ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, ΡΡ‚ΠΎΠ»ΡŒΠΊΠΎ элСмСнтов ΠΈ придётся ΠΏΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ. Бвязка Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Ρ‚ΠΎΡ‡Π½ΠΎ Ρ‚Π°ΠΊ ΠΆΠ΅, ΠΊΠ°ΠΊ связки
    1. ΠΈ
      • , ΡΠΎΠ·Π΄Π°ΡŽΡ‰ΠΈΠ΅ списки.
      • shape — Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ Ρ‚Π΅Π³Π° , Π·Π°Π΄Π°ΡŽΡ‰ΠΈΠΉ Ρ„ΠΎΡ€ΠΌΡƒ ссылки. Активная ΠΎΠ±Π»Π°ΡΡ‚ΡŒ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΠΌΠ΅Ρ‚ΡŒ Ρ„ΠΎΡ€ΠΌΡƒ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ°, ΠΌΠ½ΠΎΠ³ΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ° ΠΈΠ»ΠΈ ΠΊΡ€ΡƒΠ³Π°.
      • cords — ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡŽΡ‰ΠΈΠΉ ΠΊΠΎΠΎΡ€Π΄ΠΈΠ½Π°Ρ‚Ρ‹ области Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚. Π’Π°ΠΊΠΆΠ΅ ΠΏΡ€ΠΈΠ½Π°Π΄Π»Π΅ΠΆΠΈΡ‚ Ρ‚Π΅Π³Ρƒ . Для ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ° ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ΡΡ ΠΊΠΎΠΎΡ€Π΄ΠΈΠ½Π°Ρ‚Ρ‹ Π»Π΅Π²ΠΎΠ³ΠΎ Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ ΠΈ ΠΏΡ€Π°Π²ΠΎΠ³ΠΎ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΡƒΠ³Π»ΠΎΠ², для ΠΌΠ½ΠΎΠ³ΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ° — ΠΊΠΎΠΎΡ€Π΄ΠΈΠ½Π°Ρ‚Ρ‹ Π²Π΅Ρ€ΡˆΠΈΠ½, опрСдСляя ΠΊΡ€ΡƒΠ³, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π·Π°Π΄Π°Ρ‚ΡŒ ΠΊΠΎΠΎΡ€Π΄ΠΈΠ½Π°Ρ‚Ρ‹ Π΅Π³ΠΎ Ρ†Π΅Π½Ρ‚Ρ€Π° ΠΈ радиус.
      • usemap — Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ Ρ‚Π΅Π³Π° img , ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ связываСт ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ с ΠΊΠ°Ρ€Ρ‚ΠΎΠΉ. Благодаря Π΅ΠΌΡƒ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ ΠΏΠΎΠ½ΠΈΠΌΠ°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ Π² ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π΅ описана ΠΊΠ°Ρ€Ρ‚Π° ΠΈΠΌΠ΅Π½Π½ΠΎ этого рисунка.

      ΠŸΡ€ΠΈΠΌΠ΅Ρ€ ΠΊΠ°Ρ€Ρ‚Ρ‹ изобраТСния

      Π§Ρ‚ΠΎΠ±Ρ‹ Π±Ρ‹Π»ΠΎ понятно, ΠΊΠ°ΠΊ всСм Π²Ρ‹ΡˆΠ΅ΠΏΠ΅Ρ€Π΅Ρ‡ΠΈΡΠ»Π΅Π½Π½Ρ‹ΠΌ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ, ΠΏΡ€ΠΈΠ²Π΅Π΄Ρƒ элСмСнтарный ΠΏΡ€ΠΈΠΌΠ΅Ρ€. Π•ΡΡ‚ΡŒ рисунок map.jpg . Π•Π³ΠΎ Π½ΡƒΠΆΠ½ΠΎ Ρ€Π°Π·Π΄Π΅Π»ΠΈΡ‚ΡŒ Π½Π° Π΄Π²Π΅ Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Π΅ области. Π©Π΅Π»Ρ‡ΠΎΠΊ Π½Π° Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ части (Π·Π΅Π»Ρ‘Π½Ρ‹ΠΉ Ρ†Π²Π΅Ρ‚) ΠΎΡ‚ΠΊΡ€ΠΎΠ΅Ρ‚ сайт «Одноклассники», ниТняя ΠΆΠ΅ Ρ‡Π°ΡΡ‚ΡŒ (синий Ρ†Π²Π΅Ρ‚) Π±ΡƒΠ΄Π΅Ρ‚ вСсти Π½Π° Β«Π’ΠšΠΎΠ½Ρ‚Π°ΠΊΡ‚Π΅Β». Бсылки Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒΡΡ Π² Π½ΠΎΠ²ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅. Для создания ΠΊΠ°Ρ€Ρ‚Ρ‹ выполняСм ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ шаги.

      1. ВставляСм ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π° страницу ΠΈ привязываСм Π΅Π³ΠΎ ΠΊ Π±ΡƒΠ΄ΡƒΡ‰Π΅ΠΉ ΠΊΠ°Ρ€Ρ‚Π΅ (ΠΎΠ½Π° Π±ΡƒΠ΄Π΅Ρ‚ Π½Π°Π·Ρ‹Π²Π°Ρ‚ΡŒΡΡ social), для Ρ‡Π΅Π³ΠΎ пишСм ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ ΠΊΠΎΠ΄:

      2. ΠžΠΏΡ€Π΅Π΄Π΅Π»ΡΠ΅ΠΌ Π½Π° ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅ Π±ΡƒΠ΄ΡƒΡ‰ΠΈΠ΅ Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Π΅ области ΠΈ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠ΅ ΠΈΠΌ ΠΊΠΎΠΎΡ€Π΄ΠΈΠ½Π°Ρ‚Ρ‹. Π­Ρ‚ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π² Paint, Photoshop ΠΈΠ»ΠΈ любом Π΄Ρ€ΡƒΠ³ΠΎΠΌ графичСском Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅. Π’ нашСм случаС всё элСмСнтарно: ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠΈ Ρ€Π°Π²Π½Ρ‹ ΠΈ ΠΏΠΎ высотС (114 пиксСлСй) ΠΈ ΠΏΠΎ ΡˆΠΈΡ€ΠΈΠ½Π΅ (384 пиксСля).

      3. НачинаСм ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚Ρƒ: ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅ΠΌ Ρ‚Π΅Π³ ΠΈ прописываСм Π² Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π΅ name Π΅Ρ‘ Π½Π°Π·Π²Π°Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΡΠΎΠ²ΠΏΠ°Π΄Π°Ρ‚ΡŒ со Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ΠΌ свойства usemap самой ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ:

      4. Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ρ‚Π΅Π³ΠΎΠ² area опрСдСляСм Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Π΅ области:

      5. Π—Π°ΠΊΡ€Ρ‹Π²Π°Π΅ΠΌ ΠΊΠ°Ρ€Ρ‚Ρƒ:

      Π˜Ρ‚ΠΎΠ³ΠΎΠΌ Ρ€Π°Π±ΠΎΡ‚Ρ‹ стала ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°, Ρ‰Π΅Π»Ρ‡ΠΎΠΊ Π½Π° Ρ€Π°Π·Π½Ρ‹Ρ… частях ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Π²Π΅Π΄Ρ‘Ρ‚ ΠΊ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΈΡŽ Ρ€Π°Π·Π½Ρ‹Ρ… ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… сСтСй, ΠΈ Π²ΠΎΡ‚ Ρ‚Π°ΠΊΠΎΠΉ HTMLΠΊΠΎΠ΄:

      Навигационная ΠΊΠ°Ρ€Ρ‚Π°

      НСсмотря Π½Π° Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π² качСствС ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° Π±Ρ‹Π» рассмотрСн самый простой случай, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΈΠ΄ΡƒΠΌΠ°Ρ‚ΡŒ, ΠΎΠ½ наглядно дСмонстрируСт ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏ создания Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΎΠ½Π½Ρ‹Ρ… ΠΊΠ°Ρ€Ρ‚. Π”Π°Π»ΡŒΡˆΠ΅ — Π΄Π΅Π»ΠΎ Ρ‚Π΅Ρ…Π½ΠΈΠΊΠΈ ΠΈ опрСдСлСния ΠΊΠΎΠΎΡ€Π΄ΠΈΠ½Π°Ρ‚, с Ρ‚ΠΎΡ‡ΠΊΠΈ зрСния HTML Π½ΠΈΡ‡Π΅Π³ΠΎ Π½Π΅ услоТняСтся.

      Π­Ρ‚ΠΎ Π΄Π΅Π»Π°Π΅Ρ‚ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½Ρ‹ΠΌ Π²Π½ΡƒΡ‚Ρ€ΠΈ ΠΎΠ΄Π½ΠΎΠΉ страницы ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ содСрТимоС Π΄Ρ€ΡƒΠ³ΠΎΠΉ страницы. НапримСр:

      Π‘ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊ Π²ΠΈΠ΄ΠΈΡ‚ Π½Π° сайтах, Ρ‚ΠΎΠΆΠ΅ ΡΠ²Π»ΡΡŽΡ‚ΡΡ содСрТимым Π΄Ρ€ΡƒΠ³ΠΎΠΉ страницы. Π’ΠΎΡ‚, Π² частности, адрСс смайлика Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅.gif:

      А Π²ΠΎΡ‚ способы добавлСния ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π½Π° сайт, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠΆΠ½ΠΎ Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ, Ссли ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠΎΠ΄ страницы:

      HTML: Ρ‚Π΅Π³
      http://photos1.blogger.com/x/blogger2/6533/16720282190093/320/140728/plain.gif » alt=»ΡΠΌΠ°ΠΉΠ»ΠΈΠΊ»>
      CSS: свойства ΠΈ
      CSS: псСвдоэлСмСнты ΠΈ
      HTML: Ρ‚Π΅Π³ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠΉ Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ (Π±Π΅Π· URL)
      CSS: Π±Π΅Π· URL

      Как ΡƒΠ·Π½Π°Ρ‚ΡŒ адрСс ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ ΠΈ ΡΠΊΠΎΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ

      Π‘ΠΊΠΎΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ адрСс изобраТСния ΠΌΠΎΠΆΠ½ΠΎ нСсколькими способами:

      1. НавСсти курсор Π½Π° Ρ„ΠΎΡ‚ΠΎ, Π½Π°ΠΆΠ°Ρ‚ΡŒ Π½Π° ΠΏΡ€Π°Π²ΡƒΡŽ ΠΊΠ»Π°Π²ΠΈΡˆΡƒ ΠΌΡ‹ΡˆΠΊΠΈ, Π² появившСмся контСкстном мСню Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΎ ΡΠΊΠΎΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ URL, Ρ‰Ρ‘Π»ΠΊΠ½ΡƒΡ‚ΡŒ ΠΏΠΎ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΠΌΡƒ ΠΏΡƒΠ½ΠΊΡ‚Ρƒ.
        Рис.1 Если навСсти Π½Π° Ρ„ΠΎΡ‚ΠΎ ΠΈ Π½Π°ΠΆΠ°Ρ‚ΡŒ Π½Π° ΠΏΡ€Π°Π²ΡƒΡŽ ΠΊΠ»Π°Π²ΠΈΡˆΡƒ ΠΌΡ‹ΡˆΠΊΠΈ, Ρ‚ΠΎ Π² Mozilla Firefox откроСтся контСкстноС мСню с Ρ‚Π°ΠΊΠΈΠΌ ΠΏΡƒΠ½ΠΊΡ‚Π°ΠΌΠΈ
      2. НавСсти курсор Π½Π° Ρ„ΠΎΡ‚ΠΎ, Π½Π°ΠΆΠ°Ρ‚ΡŒ Π½Π° ΠΏΡ€Π°Π²ΡƒΡŽ ΠΊΠ»Π°Π²ΠΈΡˆΡƒ ΠΌΡ‹ΡˆΠΊΠΈ, Π² появившСмся контСкстном мСню Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΎ ΠΈΠ·ΡƒΡ‡ΠΈΡ‚ΡŒ характСристики Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ, Ρ‰Ρ‘Π»ΠΊΠ½ΡƒΡ‚ΡŒ ΠΏΠΎ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΠΌΡƒ ΠΏΡƒΠ½ΠΊΡ‚Ρƒ (Π½Π° Рис.1 cΠΌ. ΠΏΡƒΠ½ΠΊΡ‚ Β«Π˜Π½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡ ΠΎΠ± ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈΒ»; Π² Internet Explorer см. ΠΏΡƒΠ½ΠΊΡ‚ «Бвойства»), Π² ΠΎΡ‚ΠΊΡ€Ρ‹Π²ΡˆΠ΅ΠΌΡΡ ΠΎΠΊΠ½Π΅ Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ адрСс рисунка,
        • Π½Π°ΠΆΠ°Ρ‚ΡŒ Π½Π° ΠΏΡ€Π°Π²ΡƒΡŽ ΠΊΠ»Π°Π²ΠΈΡˆΡƒ ΠΌΡ‹ΡˆΠΊΠΈ, Π² появившСмся контСкстном мСню Ρ‰Ρ‘Π»ΠΊΠ½ΡƒΡ‚ΡŒ ΠΏΠΎ ΠΏΡƒΠ½ΠΊΡ‚Ρƒ Β«ΠšΠΎΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΒ».

        Рис.2 Если Π² Mozilla Firefox навСсти Π½Π° Ρ„ΠΎΡ‚ΠΎ, Π½Π°ΠΆΠ°Ρ‚ΡŒ Π½Π° ΠΏΡ€Π°Π²ΡƒΡŽ ΠΊΠ»Π°Π²ΠΈΡˆΡƒ ΠΌΡ‹ΡˆΠΊΠΈ, Π² появившСмся контСкстном мСню Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΠΏΡƒΠ½ΠΊΡ‚ Β«Π˜Π½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡ ΠΎΠ± ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈΒ», Ρ‚ΠΎ откроСтся ΠΎΠΊΠ½ΠΎ, Π³Π΄Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ список ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Ρ… Π½Π° страницС, ΠΈΡ… адрСс, Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ тСкст (содСрТимоС Π² Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π΅ alt), фактичСский Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹ΠΉ ΠΌΠ°ΡΡˆΡ‚Π°Π±
      3. НавСсти курсор Π½Π° Ρ„ΠΎΡ‚ΠΎ, Π½Π°ΠΆΠ°Ρ‚ΡŒ Π½Π° ΠΏΡ€Π°Π²ΡƒΡŽ ΠΊΠ»Π°Π²ΠΈΡˆΡƒ ΠΌΡ‹ΡˆΠΊΠΈ, Π² появившСмся контСкстном мСню Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΎ ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ Π½Π° страницу ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ, Ρ‰Ρ‘Π»ΠΊΠ½ΡƒΡ‚ΡŒ ΠΏΠΎ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΠΌΡƒ ΠΏΡƒΠ½ΠΊΡ‚Ρƒ (Π½Π° Рис. 1 cΠΌ. ΠΏΡƒΠ½ΠΊΡ‚ Β«ΠžΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅Β»). ΠžΡ‚ΠΊΡ€ΠΎΠ΅Ρ‚ΡΡ страница, содСрТимым ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Π±ΡƒΠ΄Π΅Ρ‚ лишь ΠΎΠ΄Π½ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅. Π’ ΠΏΠΎΠ»Π½Ρ‹ΠΉ рост, Ссли Ρ€Π°Π½Π΅Π΅ ΠΎΠ½ΠΎ Π±Ρ‹Π»ΠΎ ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½ΠΎ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΈΠ»ΠΈ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ CSS. Π’Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ адрСс ΠΎΡ‚ΠΊΡ€Ρ‹Π²ΡˆΠ΅ΠΉΡΡ страницы Π² адрСсной строкС Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°,
        • Π½Π°ΠΆΠ°Ρ‚ΡŒ ΠΊΠΎΠΌΠ±ΠΈΠ½Π°Ρ†ΠΈΡŽ клавиш ΠΊΠ»Π°Π²ΠΈΠ°Ρ‚ΡƒΡ€Ρ‹ Ctrl + C .

        Рис.3 Π’Π°ΠΊ выглядит страница смайлика.
        Π•Ρ‘ URL: http://photos1.blogger.com/x/blogger2/6533/16720282190093/320/140728/plain.gif
      4. На сСнсорных устройствах (смартфон, ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚) Π΄ΠΎΠ»Π³ΠΎ Π±Π΅Π· двиТСния Π΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ ΠΏΠ°Π»Π΅Ρ† Π½Π°Π΄ Ρ„ΠΎΡ‚ΠΎ, Π² появившСмся контСкстном мСню Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΎ ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ Π½Π° страницу ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ, Ρ‰Ρ‘Π»ΠΊΠ½ΡƒΡ‚ΡŒ ΠΏΠΎ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΠΌΡƒ ΠΏΡƒΠ½ΠΊΡ‚Ρƒ (ΠΎΠ½ ΠΌΠΎΠΆΠ΅Ρ‚ Π½Π°Π·Ρ‹Π²Π°Ρ‚ΡŒΡΡ Β«ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈΒ»). ΠžΡ‚ΠΊΡ€ΠΎΠ΅Ρ‚ΡΡ страница, содСрТимым ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Π±ΡƒΠ΄Π΅Ρ‚ лишь ΠΎΠ΄Π½ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅. Π’ ΠΏΠΎΠ»Π½Ρ‹ΠΉ рост, Ссли Ρ€Π°Π½Π΅Π΅ ΠΎΠ½ΠΎ Π±Ρ‹Π»ΠΎ ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½ΠΎ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΈΠ»ΠΈ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ CSS. Π—Π°Ρ‚Π΅ΠΌ Π΄ΠΎΠ»Π³ΠΎ ΠΆΠ°Ρ‚ΡŒ Π½Π° адрСс Π² адрСсной строкС Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°. ПослС Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ появятся ΠΏΠΎΠ»Π·ΡƒΠ½ΠΊΠΈ ΠΈ вСсь URL Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π΄Π΅Π»Π΅Π½ (Π² случаС нСобходимости, ΠΏΠΎΠ»Π·ΡƒΠ½ΠΊΠΈ ΠΌΠΎΠΆΠ½ΠΎ Ρ€Π°Π·Π΄Π²ΠΈΠ½ΡƒΡ‚ΡŒ Π½Π° Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΠ΅ расстояниС), Ρ‰Ρ‘Π»ΠΊΠ½ΡƒΡ‚ΡŒ Π² появившСйся ΠΏΠ°Π½Π΅Π»ΠΈ ΠΊΠ½ΠΎΠΏΠΊΡƒ Β«ΠšΠΎΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΒ».
      5. НавСсти курсор Π½Π° Ρ„ΠΎΡ‚ΠΎ, Π½Π°ΠΆΠ°Ρ‚ΡŒ Π½Π° ΠΏΡ€Π°Π²ΡƒΡŽ ΠΊΠ»Π°Π²ΠΈΡˆΡƒ ΠΌΡ‹ΡˆΠΊΠΈ, Π² появившСмся контСкстном мСню Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΎ ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ Π½Π° страницу Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ³ΠΎ изобраТСния, Ρ‰Ρ‘Π»ΠΊΠ½ΡƒΡ‚ΡŒ ΠΏΠΎ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΠΌΡƒ ΠΏΡƒΠ½ΠΊΡ‚Ρƒ. ΠžΡ‚ΠΊΡ€ΠΎΠ΅Ρ‚ΡΡ страница, содСрТимым ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Π±ΡƒΠ΄Π΅Ρ‚ лишь ΠΎΠ΄Π½ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅. Π’ ΠΏΠΎΠ»Π½Ρ‹ΠΉ рост, Ссли Ρ€Π°Π½Π΅Π΅ ΠΎΠ½ΠΎ Π±Ρ‹Π»ΠΎ ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½ΠΎ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ CSS. Π’Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ адрСс ΠΎΡ‚ΠΊΡ€Ρ‹Π²ΡˆΠ΅ΠΉΡΡ страницы Π² адрСсной строкС Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° (см. Рис.3),
        • Π½Π°ΠΆΠ°Ρ‚ΡŒ Π½Π° ΠΏΡ€Π°Π²ΡƒΡŽ ΠΊΠ»Π°Π²ΠΈΡˆΡƒ ΠΌΡ‹ΡˆΠΊΠΈ, Π² появившСмся контСкстном мСню Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΠΏΡƒΠ½ΠΊΡ‚ Β«ΠšΠΎΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΒ».
        • Π½Π°ΠΆΠ°Ρ‚ΡŒ ΠΊΠΎΠΌΠ±ΠΈΠ½Π°Ρ†ΠΈΡŽ клавиш ΠΊΠ»Π°Π²ΠΈΠ°Ρ‚ΡƒΡ€Ρ‹ Ctrl + C .

      Как ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅

      НавСсти курсор Π½Π° Ρ„ΠΎΡ‚ΠΎ, Π½Π°ΠΆΠ°Ρ‚ΡŒ Π½Π° ΠΏΡ€Π°Π²ΡƒΡŽ ΠΊΠ»Π°Π²ΠΈΡˆΡƒ ΠΌΡ‹ΡˆΠΊΠΈ, Π² появившСмся контСкстном мСню Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΎ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ, Ρ‰Ρ‘Π»ΠΊΠ½ΡƒΡ‚ΡŒ ΠΏΠΎ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΠΌΡƒ ΠΏΡƒΠ½ΠΊΡ‚Ρƒ (Π½Π° Рис.1 cΠΌ. ΠΏΡƒΠ½ΠΊΡ‚ Β«Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΊΠ°ΠΊ…Β»), Π² ΠΎΡ‚ΠΊΡ€Ρ‹Π²ΡˆΠ΅ΠΌΡΡ ΠΎΠΊΠ½Π΅ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΠΏΠ°ΠΏΠΊΡƒ Π½Π° ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅, ΠΊΡƒΠ΄Π° Π±ΡƒΠ΄Π΅Ρ‚ сохранён рисунок.

      Если фотография являСтся Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠΉ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΎΠΉ, Ρ‚ΠΎ Π½ΡƒΠΆΠ½ΠΎ ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ Π½Π° страницу ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ (см. Рис.3).

      Как Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π½Π° Π²Π΅Π±-страницу

      Π‘Π½Π°Ρ‡Π°Π»Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½ΡƒΠΆΠ½ΠΎ Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ с ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π° Π½Π° хостинг сайта, Π² ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½ΡƒΡŽ ΡΠ΅Ρ‚ΡŒ (Π’ΠšΠΎΠ½Ρ‚Π°ΠΊΡ‚Π΅, Google+ ΠΈ Ρ‚.ΠΏ.), ЯндСкс.Диск ΠΈΠ»ΠΈ Π“ΡƒΠ³Π».Диск , Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρƒ рисунка появился свой адрСс Π² ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅.

      Если Π΅ΡΡ‚ΡŒ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€, Ρ‚ΠΎ ΠΎΡ‡Π΅Ρ€Ρ‘Π΄Π½ΠΎΡΡ‚ΡŒ дСйствий ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π°Ρ:

      1. ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ курсор ΠΌΡ‹ΡˆΠΊΠΈ Π² Ρ‚ΠΎ мСсто, Π³Π΄Π΅ Π΄ΠΎΠ»ΠΆΠ½Π° Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠΎΡΠ²ΠΈΡ‚ΡŒΡΡ фотография,
      2. Π½Π°ΠΆΠ°Ρ‚ΡŒ Π½Π° ΠΈΠΊΠΎΠ½ΠΊΡƒ, ΠΏΠΎΡ…ΠΎΠΆΡƒΡŽ Π½Π° ΠΈΠ»ΠΈ Π½Π° ,
      3. Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ„Π°ΠΉΠ» с ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π°,
      4. Ссли Π΅ΡΡ‚ΡŒ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ, Π·Π°ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ тСкст (ΠΎΠ½ ΠΆΠ΅ описаниС изобраТСния).

      Π˜Ρ‚ΠΎΠ³: ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° Π±ΡƒΠ΄Π΅Ρ‚ вставлСна Π½Π° страницу сайта, Π° самоС Π³Π»Π°Π²Π½ΠΎΠ΅ β€” Π·Π°Π³Ρ€ΡƒΠΆΠ΅Π½Π° Π½Π° сСрвСр Π²Π΅Π±-ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°. Π£ Π½Π΅Ρ‘ Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ Π±ΡƒΠ΄Π΅Ρ‚ свой адрСс Π² ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅. И Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ ΠΌΠΎΠΆΠ½ΠΎ Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Β«HTMLΒ» ΠΏΠΎΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ прСдоставлСнный Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΌ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠΌ ΠΊΠΎΠ΄, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ часто Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ добавляСт Π½Π΅Π½ΡƒΠΆΠ½Ρ‹Π΅ Ρ‚Π΅Π³ΠΈ, Π΄Π° ΠΈ возмоТности HTML ΠΈ CSS нСсравнимо большиС.

      Если URL ΡƒΠΆΠ΅ Π΅ΡΡ‚ΡŒ, Π½ΠΎ Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ малоизвСстного сайта, Ρ‚ΠΎ всё ΠΆΠ΅ Ρ‚Π°ΠΊΡƒΡŽ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΡŽ Π»ΡƒΡ‡ΡˆΠ΅ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Π½Π° ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€, Π° ΠΏΠΎΡ‚ΠΎΠΌ Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ Π½Π° сСрвСр сайта, Ссли Π΄Π°Π½Π½ΠΎΠ΅ дСйствиС Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΎ Π²Π»Π°Π΄Π΅Π»ΡŒΡ†Π΅ΠΌ Ρ„ΠΎΡ‚ΠΎ, Π΄Π°Π±Ρ‹ Π½Π΅ Π½Π°Ρ€ΡƒΡˆΠΈΡ‚ΡŒ авторскиС ΠΏΡ€Π°Π²Π°, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ

      • Π½Π° Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… сайтах ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π·Π°ΠΏΡ€Π΅Ρ‰Π΅Π½ΠΎ использованиС адрСса ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π½Π° Π΄Ρ€ΡƒΠ³ΠΈΡ… рСсурсах (ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ ΠΏΡ€ΠΎ Π·Π°ΠΏΡ€Π΅Ρ‚ Ρ…ΠΎΡ‚Π»ΠΈΠ½ΠΊΠΈΠ½Π³Π° ).
      • сайты Π½Π΅Π΄ΠΎΠ»Π³ΠΎΠ²Π΅Ρ‡Π½Ρ‹ ΠΈ спустя врСмя с ΡƒΠ΄Π°Π»Π΅Π½ΠΈΠ΅ΠΌ Π²Π΅Π±-ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°, исчСзнСт ΠΈ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° Π½Π° вашСм сайтС, оставив вмСсто сСбя Π² Π»ΡƒΡ‡ΡˆΠ΅ΠΌ случаС Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ тСкст.

      Если Π½Π΅Ρ‚ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°, Ρ‚ΠΎ ΠΎΡ‡Π΅Ρ€Ρ‘Π΄Π½ΠΎΡΡ‚ΡŒ дСйствий ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π°Ρ:

      1. ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΏΠ°ΠΏΠΊΡƒ image ,
      2. ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π² ΠΏΠ°ΠΏΠΊΠ΅ image Ρ„Π°ΠΉΠ».htaccess , содСрТимым ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ # Π·Π°ΠΊΡ€Ρ‹Ρ‚ΡŒ доступ ΠΊ http://сайт.ru/image/ Options -Indexes # Π·Π°ΠΊΡ€Ρ‹Ρ‚ΡŒ доступ ΠΊ http://сайт.ru/image/.htaccess order allow,deny deny from all
      3. Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ Π² ΠΏΠ°ΠΏΠΊΡƒ image ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ имСнуСтся, допустим, plain.gif (Π² дальнСйшим всС ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Ρ‚Π°ΠΊΠΆΠ΅ Π·Π°Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒ Π² эту ΠΏΠ°ΠΏΠΊΡƒ),
      4. Π½Π° HTML-страницС ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ URL Π²ΠΈΠ΄Π° http://сайт.ru/image/plain.gif , Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, http://сайт.ru/image/plain.gif » alt=»ΡΠΌΠ°ΠΉΠ»ΠΈΠΊ»>

      26.06.2015

      ВсСм ΠΏΡ€ΠΈΠ²Π΅Ρ‚!
      ΠŸΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ°Π΅ΠΌ усСрдно ΠΈΠ·ΡƒΡ‡Π°Ρ‚ΡŒ основы HTML.
      Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ я расскаТу, ΠΊΠ°ΠΊ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π² HTML -Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚, ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ„ΠΎΠ½ΠΎΠΌ , Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ, ΠΎΠ±Ρ‚Π΅ΠΊΠ°Π½ΠΈΠ΅ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ тСкстом, ΠΊΠ°ΠΊ Π²Ρ‹Ρ€ΠΎΠ²Π½ΡΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ. ВсС пСрСчислСнныС возмоТности Π±ΡƒΠ΄Ρƒ Π·Π°ΠΊΡ€Π΅ΠΏΠ»ΡΡ‚ΡŒ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°ΠΌΠΈ ΠΈ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π°ΠΌΠΈ.
      Π˜Ρ‚Π°ΠΊ, изобраТСния Π½Π° Π²Π΅Π±-страницах ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ ΠΊΠ°ΠΊ Ρ„ΠΎΠ½ΠΎΠ²Ρ‹Π΅, Ρ‚Π°ΠΊ ΠΈ ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹Π΅. Какая Ρ€Π°Π·Π½ΠΈΡ†Π° ΠΌΠ΅ΠΆΠ΄Ρƒ Ρ„ΠΎΠ½ΠΎΠ²Ρ‹ΠΌ ΠΈ ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹ΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ?

      Π€ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ размСщаСтся Π² качСствС Ρ„ΠΎΠ½Π°, Π½Π°Π²Π΅Ρ€Ρ… ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ, тСкстовку, Ρ‚Π°Π±Π»ΠΈΡ†Ρƒ ΠΈ Ρ‚.Π΄.

      ΠžΠ±Ρ‹Ρ‡Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚Ρ‚Π°Π»ΠΊΠΈΠ²Π°Ρ‚ΡŒ ΠΎΡ‚ сСбя Π΄Ρ€ΡƒΠ³ΠΈΠ΅ элСмСнты страницы (Π΄Ρ€ΡƒΠ³ΠΈΠ΅ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ, тСкстовку, Ρ‚Π°Π±Π»ΠΈΡ†Ρƒ ΠΈ Ρ‚.Π΄.). На ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ Π²Ρ‹ ΠΏΠΎΡ‚ΠΎΠΌ всС ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅ ΠΈ ΠΏΠΎΠΉΠΌΠ΅Ρ‚Π΅.
      Для Π²Π΅Π±-страниц рСкомСндуСтся ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ JPEG (JPG) , GIF ΠΈ PNG .

      β—‹ Как ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ„ΠΎΠ½ΠΎΠΌ Π² HTML

      Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ„ΠΎΠ½ΠΎΠΌ, для Ρ‚Π΅Π³Π°

      Π½ΡƒΠΆΠ½ΠΎ ΠΏΡ€ΠΎΠΏΠΈΡΠ°Ρ‚ΡŒ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ Β«backgroundΒ» :

      Π’Π΅ΠΏΠ΅Ρ€ΡŒ смотрим ΠΏΠΎΠ»Π½Ρ‹ΠΉ ΠΏΡ€ΠΈΠΌΠ΅Ρ€. Π’ΡΡ‚Π°Π²ΡŒΡ‚Π΅ Ρ„Π°ΠΉΠ» ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Β«fon.jpgΒ» Ρ€ΡΠ΄Ρ‹ΡˆΠΊΠΎΠΌ с HTML Ρ„Π°ΠΉΠ»ΠΎΠΌ.

      ΠΈ Π² HTML Ρ„Π°ΠΉΠ» Π²ΡΡ‚Π°Π²ΡŒΡ‚Π΅ Π²ΠΎΡ‚ этот ΠΊΠΎΠ΄:

      Jpg»>

      Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ Π±ΡƒΠ΄Π΅Ρ‚ Ρ‚Π°ΠΊΠΈΠΌ:

      Π’Π½ΠΈΠΌΠ°Π½ΠΈΠ΅

      НС ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠ΅ Π½Π°Π·Π²Π°Π½ΠΈΠ΅:

      ΠŸΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠ΅ Π½Π°Π·Π²Π°Π½ΠΈΠ΅:

      β—‹ Как Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π² HTML

      Π§Ρ‚ΠΎΠ±Ρ‹ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π² HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ Ρ‚Π΅Π³ с ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠΌ Β«srcΒ» , ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ опрСдСляСт ΠΏΡƒΡ‚ΡŒ ΠΈΠ»ΠΈ адрСс ΠΊ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅.

      Π’Π΅ΠΏΠ΅Ρ€ΡŒ смотрим ΠΏΠΎΠ»Π½Ρ‹ΠΉ ΠΏΡ€ΠΈΠΌΠ΅Ρ€. Π’ΡΡ‚Π°Π²ΡŒΡ‚Π΅ Ρ„Π°ΠΉΠ» ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Β«kartinka.jpgΒ» Ρ€ΡΠ΄Ρ‹ΡˆΠΊΠΎΠΌ с HTML Ρ„Π°ΠΉΠ»ΠΎΠΌ ΠΈ Π² HTML Ρ„Π°ΠΉΠ»Π΅ ΠΏΡ€ΠΎΠΏΠΈΡˆΠΈΡ‚Π΅ Π²ΠΎΡ‚ этот ΠΊΠΎΠ΄:

      Моя пСрвая HTML-страничка Π½Π° сайт ЗдравствуйтС, это моя пСрвая страница Π½Π° сайт.

      Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ Π±ΡƒΠ΄Π΅Ρ‚ Ρ‚Π°ΠΊΠΈΠΌ:

      Π’Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ : Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ написано Π½Π° Π»Π°Ρ‚ΠΈΠ½ΠΈΡ†Π΅, ΠΈΠ½Π°Ρ‡Π΅ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° Π½Π΅ отобразится.

      НС ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠ΅ Π½Π°Π·Π²Π°Π½ΠΈΠ΅:

      ΠŸΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠ΅ Π½Π°Π·Π²Π°Π½ΠΈΠ΅:

      Π― Π΄ΡƒΠΌΠ°ΡŽ, Π²Ρ‹ Π΄ΠΎ этого ΠΌΠΎΠΌΠ΅Π½Ρ‚Π° всС поняли. Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΠΏΠΎΠΏΡ€ΠΎΠ±ΡƒΠ΅ΠΌ ΡΠΊΠΎΠΌΠ±ΠΈΠ½ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΄Π²Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° вмСстС. Π‘Π΄Π΅Π»Π°Π΅ΠΌ Π½Π° Π²Π΅Π±-страницС Ρ„ΠΎΠ½, вставим ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈ тСкст.

      Jpg»>

      β—‹ Как Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ, Ссли ΠΎΠ½Π° находится Π² ΠΏΠ°ΠΏΠΊΠ΅ Β« img Β» ΠΈΠ»ΠΈ Β« imagesΒ»?

      Если ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° находится Π² ΠΏΠ°ΠΏΠΊΠ΅ Β«imgΒ» ΠΈΠ»ΠΈ Β«imagesΒ» , Ρ‚ΠΎΠ³Π΄Π° Π½ΡƒΠΆΠ½ΠΎ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΏΡƒΡ‚ΡŒ ΠΎΡ‚ HTML Ρ„Π°ΠΉΠ»Π° ΠΊ ΠΏΠ°ΠΏΠΊΠ΅ Β«imgΒ» ΠΈΠ»ΠΈ Β«imagesΒ» , Π° ΠΏΠΎΡ‚ΠΎΠΌ ΡƒΠΆΠ΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΡ€ΠΎΠΏΠΈΡΠ°Ρ‚ΡŒ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ с Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ΠΌ. Π’Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ это Π±ΡƒΠ΄Π΅Ρ‚ Π²ΠΎΡ‚ Ρ‚Π°ΠΊ:

      Если ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° находится Π½Π° Π΄Ρ€ΡƒΠ³ΠΎΠΌ сайтС ΠΈΠ»ΠΈ Π±Π»ΠΎΠ³Π΅, Ρ‚ΠΎΠ³Π΄Π° Π½ΡƒΠΆΠ½ΠΎ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ адрСс сайта ΠΈ, Ссли Π½ΡƒΠΆΠ½ΠΎ, ΠΏΠ°ΠΏΠΊΡƒ, Π³Π΄Π΅ находится ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°. Ну, СстСствСнно, Π½ΡƒΠΆΠ½ΠΎ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΈ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ изобраТСния с Π΅Π³ΠΎ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ΠΌ.

      ΠŸΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰Π°Ρ запись
      Π‘Π»Π΅Π΄ΡƒΡŽΡ‰Π°Ρ запись

      Π”Π°Π»Π΅Π΅ рассмотрим, ΠΊΠ°ΠΊ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π² html Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ ΠΈ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ Π΅Π΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅. Для Ρ€Π°Π±ΠΎΡ‚Ρ‹ понадобится Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π²Ρ‹ΡˆΠ΅ΡƒΠΏΠΎΠΌΡΠ½ΡƒΡ‚Ρ‹ΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΈ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ .

      Если всС ΠΆΠ΅ Ρƒ вас Π½Π΅Ρ‚ Notepad++ ΠΈΠ»ΠΈ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ° с Π΅Π³ΠΎ скачиваниСм ΠΈ вас ΠΌΡƒΡ‡Π°Π΅Ρ‚ вопрос — ΠΊΠ°ΠΊ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π² html Π² Π±Π»ΠΎΠΊΠ½ΠΎΡ‚Π΅?

      ΠžΡ‚Π²Π΅Ρ‚ прост, Ρ€Π°Π±ΠΎΡ‚Π° Π² ΠΎΠ±Ρ‹Ρ‡Π½ΠΎΠΌ Π±Π»ΠΎΠΊΠ½ΠΎΡ‚Π΅ отличаСтся лишь Ρ‚Π΅ΠΌ, Ρ‡Ρ‚ΠΎ Π² Π½Π΅ΠΌ отсутствуСт подсвСтка ΠΊΠΎΠ΄Π° Ρ€Π°Π·Π½Ρ‹ΠΌΠΈ Ρ†Π²Π΅Ρ‚Π°ΠΌΠΈ, для удобочитаСмости ΠΈ раздСлСния ΠΊΠΎΠ΄Π° ΠΎΡ‚ самого тСкста.

      Как Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π² HTML страничку

      ПослС установки Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°, Π² контСкстном мСню, Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅ΠΌ ΠΏΠΎ ΠΏΡ€Π°Π²ΠΎΠΌΡƒ ΠΊΠ»ΠΈΠΊΡƒ Π½Π° любой Ρ„Π°ΠΉΠ», появится ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΉ ΠΏΡƒΠ½ΠΊΡ‚.

      Π’Π΅ΠΏΠ΅Ρ€ΡŒ для рСдактирования Ρ‚Π°ΠΊΠΎΠ³ΠΎ Ρ„Π°ΠΉΠ»Π° достаточно Π²Ρ‹Π·Π²Π°Ρ‚ΡŒ контСкстноС мСню ΠΏΡ€Π°Π²Ρ‹ΠΌ ΠΊΠ»ΠΈΠΊΠΎΠΌ ΠΏΠΎ Π½Π΅ΠΌΡƒ, Π΄Π°Π»Π΅Π΅ Β«Edit with Notepad++Β».

      Для наблюдСний Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ΠΎΠ² ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ Π² ΠΊΠΎΠ΄Π΅ Π±ΡƒΠ΄Π΅Ρ‚ использована тСстовая страница.

      Π§Ρ‚ΠΎΠ±Ρ‹Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π² htmlΠΊΠΎΠ΄ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ ΠΎΠ΄ΠΈΠ½ΠΎΡ‡Π½Ρ‹ΠΉ строчный Ρ‚Π΅Π³img . Основной Π΅Π³ΠΎ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ – источник Ρ„ΠΎΡ‚ΠΎ.

      Π­Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ любой Ρ„Π°ΠΉΠ», Π½Π° ТСстком, Ρ‚Π°ΠΊ ΠΈ ссылка Π½Π° ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰Π΅Π΅ Π² сСти ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅. ΠžΠ±Ρ€Π°ΠΌΠ»ΡΠ΅Ρ‚ΡΡ Ρ‚Π΅Π³Π°ΠΌΠΈp>p> .

      Для добавлСния Ρ„ΠΎΡ‚ΠΎ, понадобится Π²ΠΏΠΈΡΠ°Ρ‚ΡŒ Ρ‚Π°ΠΊΡƒΡŽ строку:

      .

      Π’ΠΎΡ‚ Ρ‚Π°ΠΊ ΠΎΠ½Π° Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ Π² Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅:

      А Π²ΠΎΡ‚ Ρ‚Π°ΠΊ Π΅Π΅ Π½Π°Π»ΠΈΡ‡ΠΈΠ΅ отобразится Π½Π° страницС:

      Src ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Π½Π° источник ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ. Одного названия Ρ„Π°ΠΉΠ»Π° достаточно, Ссли Ρ„Π°ΠΉΠ» с ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ находится Π² ΠΎΠ΄Π½ΠΎΠΉ с Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠΌ html Π΄ΠΈΡ€Π΅ΠΊΡ‚ΠΎΡ€ΠΈΠΈ.

      Если Ρ„ΠΎΡ‚ΠΎ находится Π² Π΄Ρ€ΡƒΠ³ΠΎΠΉ Π΄ΠΈΡ€Π΅ΠΊΡ‚ΠΎΡ€ΠΈΠΈ, Ρ‚ΠΎ понадобится ΡƒΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ ΠΏΡƒΡ‚ΡŒ ΠΊ Π½Π΅ΠΌΡƒ, начиная с ΠΏΠ°ΠΏΠΊΠΈ, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ располагаСтся html-Ρ„Π°ΠΉΠ».

      Π‘ΠΎΠ²Π΅Ρ‚! Π’Π°ΠΆΠ½ΠΎ ΡƒΡ‡ΠΈΡ‚Ρ‹Π²Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ Π² ΠΏΡƒΡ‚ΠΈ ΠΊ Π·Π°Π΄Π°Π½Π½ΠΎΠΌΡƒ Ρ„Π°ΠΉΠ»Ρƒ Ρ„ΠΎΡ‚ΠΎ Π½Π΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ кирилличСских символов. К Ρ‚ΠΎΠΌΡƒ ΠΆΠ΅ ΠΏΡ€ΠΈ написании названия Ρ„Π°ΠΉΠ»Π° Π²Π°ΠΆΠ΅Π½ рСгистр.

      Π’ качСствС источника ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΡŽ ΠΈΠ· сСти. Для этого ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΠΈΡ‚ΡŒΡΡ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ ссылку Π½Π° Π½Π΅Π³ΠΎ Π² Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π΅, вмСсто располоТСния Π½Π° винчСстСрС.

      Π’Π°Π±Π»ΠΈΡ†Π° форматирования ΠΏΡƒΡ‚ΠΈ ΠΊ Ρ„Π°ΠΉΠ»Ρƒ

      Π§Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ изобраТСния понадобится Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π΄Π²Π° Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π°:width ΠΈheight . Π—Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ оформляСтся Ρ‚Π°ΠΊ ΠΆΠ΅, ΠΊΠ°ΠΊ ΠΈ для любого Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π°.

      ПослС Π·Π½Π°ΠΊΠ° равСнства Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ Π² пиксСлях.

      ΠŸΡ€ΠΈ Π½Π°Π»ΠΈΡ‡ΠΈΠΈ Ρ‡Π΅Ρ‚ΠΊΠΎ Π·Π°Π΄Π°Π½Π½Ρ‹Ρ… Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΈ, ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ Π½Π° страницС ΠΎΠ½Π° Π±ΡƒΠ΄Π΅Ρ‚ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ:

      Π’Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ

      Как Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Π² html ΠΏΠΎ Ρ†Π΅Π½Ρ‚Ρ€Ρƒ? Для назначСния полоТСния ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π½Π° страницС слуТит align , относящий ΠΊ Ρ‚Π΅Π³Ρƒp .

      Для Π½Π΅Π³ΠΎ допустимо нСсколько Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ:center (Ρ†Π΅Π½Ρ‚Ρ€),left (Π»Π΅Π²Ρ‹ΠΉ ΠΊΡ€Π°ΠΉ) ΠΈright (ΠΏΡ€Π°Π²Ρ‹ΠΉ ΠΊΡ€Π°ΠΉ).

      Π’ΠΎΡ‚ выглядит ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π° страницС с ΠΏΡ€ΠΈΠ»Π΅Π³Π°Π½ΠΈΠ΅ΠΌ ΠΊ Ρ†Π΅Π½Ρ‚Ρ€Ρƒ ΠΈ ΠΏΡ€Π°Π²ΠΎΠΌΡƒ ΠΊΡ€Π°ΡŽ.

      Π’Π°ΠΆΠ½ΠΎ! Π§Ρ‚ΠΎΠ±Ρ‹ Π½Π°Π·Π½Π°Ρ‡ΠΈΡ‚ΡŒ располоТСниС Ρ„ΠΎΡ‚ΠΎ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ тСкста, Π° Π½Π΅ страницы, Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚alignΠ½ΡƒΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π² Ρ‚Π΅Π³Π΅img. ЗначСния Ρ‚Π°ΠΊΠΈΠ΅ ΠΆΠ΅, ΠΊΠ°ΠΊ ΠΈ Ρƒ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° Ρ‚Π΅Π³Π°p.

      Π’ зависимости ΠΎΡ‚ Π·Π°Π΄Π°Π½Π½ΠΎΠ³ΠΎ значСния, ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΌΠ΅Π½ΡΡ‚ΡŒ своС ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ тСкста.

      Π§Ρ‚ΠΎΠ±Ρ‹ Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² тСкстС, достаточно Π²ΠΏΠΈΡΠ°Ρ‚ΡŒ Ρ‚Π΅Π³img (со всСм ΠΎΠ±Ρ€Π°ΠΌΠ»Π΅Π½ΠΈΠ΅ΠΌ) Π² тСкстовом Π±Π»ΠΎΠΊΠ΅ Π² .

      Для добавлСния Ρ€Π°ΠΌΠΊΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ border с числовым Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ΠΌ, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚ Ρ‚ΠΎΠ»Ρ‰ΠΈΠ½Ρƒ Ρ€Π°ΠΌΠΊΠΈ Π² пиксСлях.

      Π§Ρ‚ΠΎΠ±Ρ‹ Π·Π°Π΄Π°Ρ‚ΡŒ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΉ ΠΈ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹ΠΉ отступы, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ vspace ΠΈhspace . Π˜Ρ… числовоС Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚ расстояниС ΠΎΡ‚ тСкста Π΄ΠΎ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ, нСпосрСдствСнно Π² пиксСлях.

      Π’ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρƒvspace Π·Π°Π΄Π°Π½ΠΎ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ Π² 50 пиксСлСй.

      Π Π°Π·ΠΌΠ΅Ρ€ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ отступа ΡƒΠΊΠ°ΠΆΠ΅Ρ‚ расстояниС, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ Π±ΡƒΠ΄Π΅Ρ‚ Π½Π°Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒΡΡ тСкст ΠΏΡ€ΠΈ ΠΎΠ±Ρ‚Π΅ΠΊΠ°Π½ΠΈΠΈ изобраТСния.

      Π•Ρ‰Π΅ Π΄Π²Π° ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Ρ… Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° –alt ΠΈtitle . ΠŸΠ΅Ρ€Π²Ρ‹ΠΉ Π·Π°Π΄Π°Π΅Ρ‚ Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ тСкст ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡŽ.

      Π‘ Π½ΠΈΠΌ, Ссли ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΠΎ ΠΊΠ°ΠΊΠΈΠΌ-Ρ‚ΠΎ ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π°ΠΌ Π½Π΅ подгрузится, Ρ‚ΠΎ вмСсто Π½Π΅Π³ΠΎ отобразится ΡƒΠΊΠ°Π·Π°Π½Π½Ρ‹ΠΉ Π² Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΈ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° тСкст.

      Для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΡΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒ возмоТности Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π°, ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ Ρ„Π°ΠΉΠ» ΠΈΠ· Π΄ΠΈΡ€Π΅ΠΊΡ‚ΠΎΡ€ΠΈΠΈ, ΡƒΠΊΠ°Π·Π°Π½Π½ΠΎΠΉ Π² ΠΊΠΎΠ΄Π΅.

      ВСкст, ΡƒΠΊΠ°Π·Π°Π½Π½Ρ‹ΠΉ ΠΊΠ°ΠΊ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π°title , Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π²ΠΎΠ΄ΠΈΡ‚ΡŒ подсказку ΠΏΡ€ΠΈ нСпосрСдствСнном Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΌΡ‹ΡˆΠΈ Π½Π° ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ. Π’ ΠΊΠΎΠ΄Π΅ Π΅Π³ΠΎ ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠ΅ Π½Π΅ отличаСтся ΠΎΡ‚ ΠΏΡ€ΠΎΡ‡ΠΈΡ… Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ².

      ПослС обновлСния страницы Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ Π±ΡƒΠ΄Π΅Ρ‚ Ρ‚Π°ΠΊΠΈΠΌ:

      Π’Π°Π±Π»ΠΈΡ†Π° Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ² Ρ‚Π΅Π³Π°

      img голос[ов]

      ОписаниС

      src =”” Π£ΠΊΠ°Π·Π°Ρ‚Π΅Π»ΡŒ источника изобраТСния. ΠœΠΎΠΆΠ΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΊΠ°ΠΊ сохранСнноС Π½Π° ТСстком дискС, Ρ‚Π°ΠΊ ΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½Π½ΠΎΠ΅ Π² сСти (указываСтся адрСс вмСсто располоТСния Π½Π° ТСстком дискС).
      width =””; height=”” Π£ΠΊΠ°Π·Π°Ρ‚Π΅Π»ΠΈ высоты ΠΈ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ изобраТСния. Если Π·Π°Π΄Π°Π½ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ΄ΠΈΠ½, Ρ‚ΠΎ Π²Ρ‚ΠΎΡ€ΠΎΠΉ автоматичСски ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΠ΅Ρ‚ΡΡ, Π² соотвСтствии с ΠΏΠ΅Ρ€Π²Ρ‹ΠΌ. ЧисловоС Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚ количСство пиксСлСй.
      align= ”” Атрибут располоТСния изобраТСния ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ тСкста. ДопустимыС значСния:top, middle, bottom, left, right .
      border =”” НазначаСт Ρ€Π°ΠΌΠΊΡƒ Π²ΠΎΠΊΡ€ΡƒΠ³ изобраТСния. ЧисловоС Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ соотвСтствуСт Ρ‚ΠΎΠ»Ρ‰ΠΈΠ½Π΅ Ρ€Π°ΠΌΠΊΠΈ Π² пиксСлях.
      vspace =””; hspace=”” Π£ΠΊΠ°Π·Π°Ρ‚Π΅Π»ΠΈ отступа ΠΎΡ‚ сосСдних элСмСнтов ΠΏΠΎ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΠΈ ΠΈ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΠΈ. Π—Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ количСство пиксСлСй ΠΌΠ΅ΠΆΠ΄Ρƒ элСмСнтами. ΠŸΡ€ΠΈ ΠΎΠ±Ρ‚Π΅ΠΊΠ°Π½ΠΈΠΈ тСкстом, Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ Π½Π°Π·Π½Π°Ρ‡Π°Π΅Ρ‚ расстояниС Π΄ΠΎ тСкста.
      alt =”” НазначаСт Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½ΠΎΠ΅ описаниС Π½Π° случай, Ссли ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΠΎΡ‡Π΅ΠΌΡƒ-Ρ‚ΠΎ Π½Π΅ ΠΏΡ€ΠΎΠ³Ρ€ΡƒΠ·ΠΈΠ»Π°ΡΡŒ. Π—Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ»ΡŒΠ½ΠΎΠ΅.
      title =”” Π—Π°Π΄Π°Π΅Ρ‚ тСкст подсказки ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ. Π—Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ»ΡŒΠ½ΠΎΠ΅.

      Ρ‡Ρ‚ΠΎ это, Π·Π°Ρ‡Π΅ΠΌ Π½ΡƒΠΆΠ΅Π½ ΠΈ ΠΊΠ°ΠΊ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ Π½Π°ΠΏΠΈΡΠ°Ρ‚ΡŒ

      Π’ этом Π³Π°ΠΉΠ΄Π΅ Π²Ρ‹ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅ большС ΠΎΠ± Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½ΠΎΠΌ тСкстС (alt-text): Ρ‡Ρ‚ΠΎ это Ρ‚Π°ΠΊΠΎΠ΅, ΠΏΠΎΡ‡Π΅ΠΌΡƒ ΠΎΠ½ Π²Π°ΠΆΠ΅Π½ для SEO, ΠΊΠ°ΠΊ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ Π΅Π³ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄Ρ€ΡƒΠ³ΠΎΠ΅.Β ΠŸΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½Ρ‹Π΅ Π½ΠΈΠΆΠ΅ совСты Π²Ρ‹ смоТСтС ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡ‚ΡŒ для ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈΒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈ доступности сайта.

      Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ alt-тСкст ΠΈ Π·Π°Ρ‡Π΅ΠΌ ΠΎΠ½ Π½ΡƒΠΆΠ΅Π½

      Alt-тСкст, ΠΈΠ»ΠΈ Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ тСкст β€” это Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Β alt, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ прСдставляСт собой Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚ тСкста, ΠΎΠΏΠΈΡΡ‹Π²Π°ΡŽΡ‰ΠΈΠΉ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² HTML-ΠΊΠΎΠ΄Π΅.

      Π˜Π·Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎ alt-тСкст выполнял ΠΈΡΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΎΠΏΠΈΡΠ°Ρ‚Π΅Π»ΡŒΠ½ΡƒΡŽ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΡŽ. Много Π»Π΅Ρ‚ Π½Π°Π·Π°Π΄, ΠΊΠΎΠ³Π΄Π° ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚ Π±Ρ‹Π» Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ ΠΌΠ΅Π΄Π»Π΅Π½Π½Π΅Π΅,Β alt-тСкст ΠΏΠΎΠΌΠΎΠ³Π°Π» ΠΏΠΎΠ½ΡΡ‚ΡŒ содСрТимоС ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ, которая Π½Π΅ ΠΏΠΎΠ΄Π³Ρ€ΡƒΠΆΠ°Π»Π°ΡΡŒ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅. БСгодня Ρ‚Π°ΠΊΠΎΠ΅ встрСчаСтся Ρ€Π΅Π΄ΠΊΠΎ, Π½ΠΎ Ссли ΠΏΡ€ΠΎΠΈΠ·ΠΎΠΉΠ΄Π΅Ρ‚, вмСсто изобраТСния Π²Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅ Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ тСкст.

      ΠΠ»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ тСкст ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ имя Π°Π²Ρ‚ΠΎΡ€Π° вмСсто Π½Π΅Π·Π°Π³Ρ€ΡƒΠ·ΠΈΠ²ΡˆΠ΅ΠΉΡΡ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ

      Π§ΠΈΡ‚Π°ΠΉΡ‚Π΅ Ρ‚Π°ΠΊΠΆΠ΅:

      ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎΠ΅ руководство ΠΏΠΎ тСкстовой SEO-ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ сайта

      БСгодня alt-тСкст Π²Π°ΠΆΠ΅Π½ для поисковых Ρ€ΠΎΠ±ΠΎΡ‚ΠΎΠ²Β ΠΈ людСй, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‰ΠΈΡ… ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ чтСния с экрана, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ:

      • ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ людям с ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½Π½Ρ‹ΠΌΠΈ возмоТностями:Β Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‰ΠΈΠΌ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ чтСния с ΡΠΊΡ€Π°Π½Π°Β β€”Β ΡƒΠ·Π½Π°Ρ‚ΡŒ ΠΎ содСрТимом изобраТСния;
      • ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ поисковым Ρ€ΠΎΠ±ΠΎΡ‚Π°ΠΌΒ ΠΏΠΎΠ½ΡΡ‚ΡŒ содСрТаниС изобраТСния ΠΈ контСкст.

      ΠšΠΎΠ½Π΅Ρ‡Π½ΠΎ, ΠΊΠ°ΠΊ ΠΈ любой элСмСнт SEO, Π΅Π³ΠΎ ΠΌΠΎΠ³ΡƒΡ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π½Π΅ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ, Π° Π² Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… случаях ΠΈΠΌ Π΄Π°ΠΆΠ΅ Π·Π»ΠΎΡƒΠΏΠΎΡ‚Ρ€Π΅Π±Π»ΡΡŽΡ‚.

      ΠŸΠΎΡ‡Π΅ΠΌΡƒ Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ тСкст Ρ‚Π°ΠΊ Π²Π°ΠΆΠ΅Π½

      Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚ ΠΈ ΡΠ°ΠΉΡ‚Ρ‹Β ΡΠΈΠ»ΡŒΠ½ΠΎ зависят ΠΎΡ‚ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠΉ ΡΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‰Π΅ΠΉ.Β Π’Ρ€ΡƒΠ΄Π½ΠΎ Π½Π°ΠΉΡ‚ΠΈ сайт Π±Π΅Π· ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈΠ»ΠΈ графичСских элСмСнтов. Π’ΠΎΡ‚ ΠΏΠΎΡ‡Π΅ΠΌΡƒ Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ тСкст ΠΎΡ‡Π΅Π½ΡŒ Π²Π°ΠΆΠ΅Π½.

      Alt-тСкст ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ пСрСвСсти изобраТСния в Ρ‚Π΅ΠΊΡΡ‚ΠΎΠ²ΡƒΡŽ Ρ„ΠΎΡ€ΠΌΡƒ, дСлая Π΅Π³ΠΎ доступным Π±ΠΎΠ»Π΅Π΅ ΡˆΠΈΡ€ΠΎΠΊΠΎΠΉ Π°ΡƒΠ΄ΠΈΡ‚ΠΎΡ€ΠΈΠΈ, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ людСй с ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½Π½Ρ‹ΠΌΠΈ возмоТностями ΠΈ поисковых Ρ€ΠΎΠ±ΠΎΡ‚ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠΊΠ° Π½Π΅ Π² состоянии ΠΏΠΎΠ½ΠΈΠΌΠ°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΎ Π½Π° ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅, Π² ΠΊΠ°ΠΊΠΎΠΌ контСкстС ΠΈ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΈ ΠΎΠ½Π° ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ.

      Π’Π°ΠΆΠ½ΠΎΡΡ‚ΡŒ для SEO

      ΠŸΡ€Π°Π²ΠΈΠ»ΡŒΠ½Π°Ρ оптимизация alt-тСкста ΠΏΠΎΠ²Ρ‹ΡˆΠ°Π΅Ρ‚ ΡˆΠ°Π½ΡΡ‹ сайта Π½Π° высокоС Ρ€Π°Π½ΠΆΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅Β ΠΏΡ€ΠΈ поискС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π² Google. Π”Π°, Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ тСкст β€” Ρ„Π°ΠΊΡ‚ΠΎΡ€ ранТирования Π² этой Π²Ρ‹Π΄Π°Ρ‡Π΅.

      Π’ зависимости ΠΎΡ‚ ниши ΠΈ спСцифики сайта Ρ‚Ρ€Π°Ρ„ΠΈΠΊ ΠΈΠ· поиска ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΠ³Ρ€Π°Ρ‚ΡŒ Π±ΠΎΠ»ΡŒΡˆΡƒΡŽ Ρ€ΠΎΠ»ΡŒ Π² ΠΎΠ±Ρ‰Π΅ΠΉ популярности. НапримСр, Π² сфСрС элСктронной ΠΊΠΎΠΌΠΌΠ΅Ρ€Ρ†ΠΈΠΈΒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ часто ΠΈΡ‰ΡƒΡ‚ Ρ‚ΠΎΠ²Π°Ρ€Ρ‹ ΠΏΠΎ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°ΠΌ, Π½Π΅ΠΆΠ΅Π»ΠΈ Π² ΠΎΠ±Ρ‹Ρ‡Π½ΠΎΠΌ поискС.

      Поисковая Π²Ρ‹Π΄Π°Ρ‡Π° Google ΠΏΠΎ запросу β€œapple watch 6”

      Google ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ поисковыС систСмы ΠΌΠΎΠ³ΡƒΡ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ мСньшС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Ρ‚ΠΎΠ²Π°Ρ€ΠΎΠ² (ΠΈΠ»ΠΈ Π½Π΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ ΠΈΡ… Π²ΠΎΠΎΠ±Ρ‰Π΅) с вашСго сайта, Ссли Π²Ρ‹ Π½Π΅ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΡƒΠ΅Ρ‚Π΅ alt-тСкст. Π­Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ привСсти ΠΊ ΠΏΠΎΡ‚Π΅Ρ€Π΅ ΠΏΠΎΡ‚Π΅Π½Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Ρ‚Ρ€Π°Ρ„ΠΈΠΊΠ° ΠΈ ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ².

      ΠŸΡ€ΠΎΠ΄Π²ΠΈΠΆΠ΅Π½ΠΈΠ΅ сайтов

      • Π›ΡŽΠ±ΠΎΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ сотрудничСства: ΠΏΠΎΠ·ΠΈΡ†ΠΈΠΈ, Π»ΠΈΠ΄Ρ‹, Ρ‚Ρ€Π°Ρ„ΠΈΠΊ.
      • ΠŸΠΎΠ΄Π±ΠΈΡ€Π°Π΅ΠΌ запросы, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ приводят Ρ€Π΅Π°Π»ΡŒΠ½Ρ‹Ρ… ΠΏΠΎΠΊΡƒΠΏΠ°Ρ‚Π΅Π»Π΅ΠΉ!

      Π’Π°ΠΆΠ½ΠΎΡΡ‚ΡŒ для доступности

      Π’ΠΈΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒ Π² поисковой Π²Ρ‹Π΄Π°Ρ‡Π΅ ΠΏΠΎ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°ΠΌ β€” Π²Π°ΠΆΠ½Π°, Π½ΠΎ Π΅Ρ‰Π΅ Π²Π°ΠΆΠ½Π΅Π΅ Π΄ΠΎΡΡ‚ΡƒΠΏΠ½ΠΎΡΡ‚ΡŒ. Π’ послСдниС Π³ΠΎΠ΄Ρ‹ Π΅ΠΉ ΡƒΠ΄Π΅Π»ΡΡŽΡ‚ всС большС внимания. Π­Ρ‚ΠΎ обСспСчиваСт взаимодСйствиС с ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚ΠΎΠΌ всСм, Π² Ρ‚ΠΎΠΌ числС людьми с ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½Π½Ρ‹ΠΌΠΈ возмоТностями.

      Если Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ тСкст Π² изобраТСниях Π½Π° самом Π΄Π΅Π»Π΅ описываСт ΠΈΡ…, Π° Π½Π΅ являСтся Π½Π°Π±ΠΎΡ€ΠΎΠΌ ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Ρ… слов, Π²Ρ‹ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚Π΅ людям ΠΏΠΎΠ½ΡΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΎ Π½Π° страницС, Π° Ρ‚Π°ΠΊΠΆΠ΅ Π²Π½ΠΈΠΊΠ½ΡƒΡ‚ΡŒ Π² Π΅Π΅ контСкст.

      Допустим, Π²Ρ‹ написали руководство ΠΏΠΎ SEO-Π°ΡƒΠ΄ΠΈΡ‚Ρƒ, содСрТащСС ΡΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚Ρ‹ ΠΈΠ· Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… ΠΊΡ€Π°ΡƒΠ»ΠΈΠ½Π³ΠΎΠ²Ρ‹Ρ… инструмСнтов. НС Π»ΡƒΡ‡ΡˆΠ΅ Π»ΠΈ ΠΎΠΏΠΈΡΠ°Ρ‚ΡŒ содСрТаниС ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΡΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚Π° вмСсто ΠΊΡ€Π°Ρ‚ΠΊΠΎΠ³ΠΎ Β«SEO-Π°ΡƒΠ΄ΠΈΡ‚Β»? РазбСрСмся Π½Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°Ρ….

      ΠŸΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ alt-тСкста

      НачнСм с Ρ…ΠΎΡ€ΠΎΡˆΠΈΡ… ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠ². ΠŸΡ€Π΅Π΄ΠΏΠΎΠ»ΠΎΠΆΠΈΠΌ, Ρ‡Ρ‚ΠΎ Π² руководствС ΠΏΠΎ SEO ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ ΡΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚Ρ‹ ΠΈΠ· Ρ‚Π°ΠΊΠΈΡ… инструмСнтов, ΠΊΠ°ΠΊ Google Search ConsoleΒ ΠΈ Screaming Frog. Π’ этом случаС Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ тСкст ΠΌΠΎΠΆΠ΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ Ρ‚Π°ΠΊ:

      <img src=”google-search-console-coverage-report.jpg” alt=β€ΠžΡ‚Ρ‡Π΅Ρ‚ ΠΎΠ± индСксировании Π² Google Search Console ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ количСство проиндСксированных ΠΈ ΠΈΡΠΊΠ»ΡŽΡ‡Π΅Π½Π½Ρ‹Ρ… страниц”>

      <img src=”google-search-console.jpg” alt=β€Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ Google Search Console ΠΎΡ‚ Google”>

      <img src=”screaming-frog-html-pages.jpg” alt=”Бписок HTML-страниц Π² Screaming Frog”>

      <img src=”screaming-frog” alt=”Screaming Frog Π² процСссС работы”>

      Π’Π°ΠΊΠΆΠ΅ стоит ΠΏΠΎΠ΄ΡƒΠΌΠ°Ρ‚ΡŒ Π½Π°Π΄ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ Ρ„Π°ΠΉΠ»Π°. ИспользованиС ΠΎΠΏΠΈΡΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… Π½Π°Π·Π²Π°Π½ΠΈΠΉ Π½Π΅ являСтся Ρ„Π°ΠΊΡ‚ΠΎΡ€ΠΎΠΌ ранТирования, Π½ΠΎ это Ρ…ΠΎΡ€ΠΎΡˆΠ°Ρ SEO-ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠ°.

      Π•ΡΡ‚ΡŒ Π½Π΅ΠΌΠ°Π»ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠ² Π½Π΅ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠ³ΠΎ заполнСния alt-тСкста, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ Ρ‡Ρ€Π΅Π·ΠΌΠ΅Ρ€Π½ΠΎΠ΅ количСство ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Ρ… слов ΠΈ спам.

      Π’ΠΎΡ‚ ΠΊΠ°ΠΊ ΠΏΡ€Π΅Π²Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½Ρ‹Π΅ Π²Ρ‹ΡˆΠ΅ Ρ…ΠΎΡ€ΠΎΡˆΠΈΠ΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ Π² ΠΏΠ»ΠΎΡ…ΠΈΠ΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹:

      <img src=”google-search-console-coverage-report.jpg”alt=”бСсплатный seo Π°ΡƒΠ΄ΠΈΡ‚, Π΄Π΅ΡˆΠ΅Π²Ρ‹ΠΉ seo Π°ΡƒΠ΄ΠΈΡ‚, спСциалист seo Π°ΡƒΠ΄ΠΈΡ‚Π°, seo Π°ΡƒΠ΄ΠΈΡ‚, seo аудиты”>

      <img src=”google-search-console.jpg” alt=”google seo, seo google, google, seo, google search console seo”>

      <img src=”screaming-frog-html-pages.jpg” alt=”seo Π°ΡƒΠ΄ΠΈΡ‚ΠΎΡ€, seo Π°ΡƒΠ΄ΠΈΡ‚, seo аудиты”>

      <img src=”screaming-frog” alt=”seo аудит”>

      ΠŸΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½Ρ‹Π΅ Π²Ρ‹ΡˆΠ΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ Π½Π° самом Π΄Π΅Π»Π΅ Π½Π΅ Π΄Π°ΡŽΡ‚ Π½ΠΈΠΊΠ°ΠΊΠΎΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΎ Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΎ Π½Π° ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅.

      Π’ΠΈΠΏΠΈΡ‡Π½Ρ‹Π΅ ошибки ΡΒ Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΌ тСкстом

      Π—Π°Π±ΠΈΠ²Π°Π½ΠΈΠ΅ Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ тСкста ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹ΠΌΠΈ словами Π½Π΅ СдинствСнная ошибка, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΠ²Π΅Ρ€ΡˆΠΈΡ‚ΡŒ. Π’ΠΎΡ‚ нСсколько ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠ² распространСнных ошибок Π² alt-тСкстС:

      • ΠΠ΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ тСкст или использованиС пустого.
      • ИспользованиС ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΈ Ρ‚ΠΎΠ³ΠΎ ΠΆΠ΅ alt-тСкста для Ρ€Π°Π·Π½Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ.
      • ИспользованиС ΠΎΡ‡Π΅Π½ΡŒ ΠΎΠ±Ρ‰Π΅Π³ΠΎ alt-тСкста, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π½Π° самом Π΄Π΅Π»Π΅ Π½Π΅ описываСт ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅. НапримСр, «собака» ΠΊ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ собаки вмСсто Π΅Π΅ Π±ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎΠ³ΠΎ описания с ΡƒΠΊΠ°Π·Π°Π½ΠΈΠ΅ΠΌ окраса, ΠΏΠΎΡ€ΠΎΠ΄Ρ‹, Ρ‡Ρ‚ΠΎ ΠΆΠΈΠ²ΠΎΡ‚Π½ΠΎΠ΅ Π΄Π΅Π»Π°Π΅Ρ‚.
      • АвтоматичСскоС использованиС ΠΈΠΌΠ΅Π½ΠΈ Ρ„Π°ΠΉΠ»Π° Π² качСствС Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ тСкста. НапримСр, googleseachconsole ΠΈΠ»ΠΈ google–search-console ΠΈΠ»ΠΈ photo2323. Вряд Π»ΠΈ ΠΏΠΎ этому тСксту понятно, Ρ‡Ρ‚ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΎ Π½Π° ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅.

      ΠŸΡ€ΠΈΡΠΎΠ΅Π΄ΠΈΠ½ΡΠΉΡ‚Π΅ΡΡŒ ΠΊ Π½Π°ΡˆΠ΅ΠΌΡƒ Telegram-ΠΊΠ°Π½Π°Π»Ρƒ!

      • Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Ρ‡ΠΈΡ‚Π°Ρ‚ΡŒ послСдниС новости ΠΈΠ· ΠΌΠΈΡ€Π° ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-ΠΌΠ°Ρ€ΠΊΠ΅Ρ‚ΠΈΠ½Π³Π° Π² мСссСндТСрС Telegram Π½Π° своём мобильном Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π΅.
      • Для этого Π²Π°ΠΌ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΏΠΎΠ΄ΠΏΠΈΡΠ°Ρ‚ΡŒΡΡ Π½Π° наш ΠΊΠ°Π½Π°Π».

      Π‘ΠΎΠ²Π΅Ρ‚Ρ‹ ΠΏΠΎ написанию alt-тСкста

      1. НС вставляйтС ΠΌΠ½ΠΎΠ³ΠΎ ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Ρ… слов Π² Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ тСкст. Π­Ρ‚ΠΎ Π½Π΅ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Ρ€Π°Π½ΠΆΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡŽ страницы.
      2. ΠžΠΏΠΈΡˆΠΈΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² дСталях, Π½ΠΎ сдСлайтС это ΠΊΠΎΡ€ΠΎΡ‚ΠΊΠΎ. Π˜Π·Π±Π΅Π³Π°ΠΉΡ‚Π΅ добавлСния Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΈΠΉ Π² Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ тСкст.
      3. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Π΅ слова, Π½ΠΎ вписывайтС ΠΈΡ… СстСствСнно. Если вашС ΠΊΠ»ΡŽΡ‡Π΅Π²ΠΎΠ΅ слово Π½Π΅ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ ΠΊ описанию изобраТСния, Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Π΅Π³ΠΎ.
      4. НС ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ тСкст Π½Π° изобраТСниях. Π•Π³ΠΎ Π½ΡƒΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ Π² Π²ΠΈΠ΄Π΅ HTML-ΠΊΠΎΠ΄Π°.
      5. НС ΠΏΠΈΡˆΠΈΡ‚Π΅ «это изобраТСниС…». Google ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ Π·Π½Π°ΡŽΡ‚, Ρ‡Ρ‚ΠΎ это ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅. ΠŸΡ€ΠΎΡΡ‚ΠΎ ΠΎΠΏΠΈΡˆΠΈΡ‚Π΅ Π΅Π³ΠΎ содСрТаниС.
      6. Π£Π±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²ΠΈΠ·ΡƒΠ°Π»ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ изобраТСния, ΠΏΡ€ΠΎΡ‡ΠΈΡ‚Π°Π² Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ тСкст.Β Π­Ρ‚ΠΎ Π»ΡƒΡ‡ΡˆΠ΅Π΅ ΡƒΠΏΡ€Π°ΠΆΠ½Π΅Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ±Π΅Π΄ΠΈΡ‚ΡŒΡΡ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ сдСлали ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΡƒΡŽ подпись.

      Как ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ Π½Π° страницах ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ тСкст

      Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π²Ρ‹ Π·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ стоит ΠΈ Π½Π΅ стоит ΠΏΠΈΡΠ°Ρ‚ΡŒ Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ тСкст. Но ΠΊΠ°ΠΊ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ alt-тСкст Π² изобраТСниях сайта? Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€ΠΎΠ°Π½Π°Π»ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ нСсколькими способами.

      НаТмитС ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡ‹ΡˆΠΈ Π½Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΎΠΏΡ†ΠΈΡŽ Β«ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠΎΠ΄Β» ΠΈΠ»ΠΈ Β«ΠŸΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Β» (Π² зависимости ΠΎΡ‚ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°). Π’ ΠΏΠ°Π½Π΅Π»ΠΈ Elements ΠΈΠ»ΠΈ Β«Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹Β» подсвСтится кусок ΠΊΠΎΠ΄Π°, относящийся ΠΊ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡŽ. Π’ Π½Π΅ΠΌ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ alt.

      HTML-ΠΊΠΎΠ΄ изобраТСния Π² DevTools

      Если Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ ΠΌΠ°ΡΡΠΎΠ²ΡƒΡŽ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΡƒ, стоит Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ двумя Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ способами.

      Для Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° Google Chrome установитС Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ Web Developer. Π—Π°Ρ‚Π΅ΠΌ ΠΎΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ страницу, изобраТСния Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ. АктивируйтС Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅, ΠΏΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π² Images β†’Β Display Alt Attributes. Π’Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅ содСрТимоС alt-тСкста всСх ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π½Π° Π΄Π°Π½Π½ΠΎΠΉ страницС.

      Π Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ Web Developer ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅Ρ‚ alt-тСкст всСх ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π½Π° страницС

      Π§Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ тСкст ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ всСго сайта, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ Screaming Frog ΠΈΠ»ΠΈ Sitebulb. ЗапуститС сканированиС сайта ΠΈ ΠΏΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π²ΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΡƒ Images.

      Π§ΠΈΡ‚Π°ΠΉΡ‚Π΅ Ρ‚Π°ΠΊΠΆΠ΅:

      SEO Π°Π½Π°Π»ΠΈΠ· ΠΊΠΎΠ½ΠΊΡƒΡ€Π΅Π½Ρ‚ΠΎΠ² — ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎΠ΅ руководство

      ВсС мучСния Π½Π΅ зря

      НаписаниС качСствСнного ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°Β β€” ΠΏΡ€ΠΈΠΎΡ€ΠΈΡ‚Π΅Ρ‚Π½ΠΎΠ΅ Π½Π°ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ для Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π°. Но изобраТСния β€” Ρ‚ΠΎΠΆΠ΅ ваТная ΡΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‰Π°Ρ. ΠŸΠΎΠ΄ΠΎΠ±Ρ€Π°Π² красивыС ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ ΠΈ снабдив ΠΈΡ… ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹ΠΌ alt-тСкстом, Π²Ρ‹ ΠΏΠΎΠ²Ρ‹ΡˆΠ°Π΅Ρ‚Π΅ свои ΡˆΠ°Π½ΡΡ‹ Π½Π° быстроС ΠΏΡ€ΠΎΠ΄Π²ΠΈΠΆΠ΅Π½ΠΈΠ΅ Π² Π²Ρ‹Π΄Π°Ρ‡Π΅.

      ΠΠ»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ тСкст ΡƒΠΏΡ€ΠΎΡ‰Π°Π΅Ρ‚ восприятиС ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌΠΈ сайта, Π½ΠΎ ΠΈ поисковыми Ρ€ΠΎΠ±ΠΎΡ‚Π°ΠΌΠΈ. А Ρ‡Π΅ΠΌ ΠΏΡ€ΠΎΡ‰Π΅ ΠΈΠΌ ΠΏΠΎΠ½ΡΡ‚ΡŒ ΡΡƒΡ‚ΡŒ ΠΎΠΏΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ, Ρ‚Π΅ΠΌ Π»ΡƒΡ‡ΡˆΠ΅ для вашСй ΠΏΠΎΠ·ΠΈΡ†ΠΈΠΈ Π² Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π°Ρ… поиска.

      ΠŸΡ€ΠΎΠ΄Π²ΠΈΠΆΠ΅Π½ΠΈΠ΅ сайта Π² ВОП-10

      • ΠžΠΏΠ»Π°Ρ‚Π° ΠΏΠΎ дням нахоТдСния Π² ВОП
      • ΠŸΠΎΠ΄Π±ΠΈΡ€Π°Π΅ΠΌ запросы, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ приводят Ρ€Π΅Π°Π»ΡŒΠ½Ρ‹Ρ… ΠΏΠΎΠΊΡƒΠΏΠ°Ρ‚Π΅Π»Π΅ΠΉ!

      ΠšΠΎΠ½Π²Π΅Ρ€Ρ‚Π΅Ρ€ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π² HTML CSS. ΠŸΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ изобраТСния Π² HTML CSS с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ AI: Fronty

      Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ β„–1

      AI-Powered Image to


      HTML CSS Converter

      Fronty AI ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΡƒΠ΅Ρ‚ вашС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² ΠΊΠΎΠ΄ HTML CSS .
      Π’ Ρ‚Π΅Ρ‡Π΅Π½ΠΈΠ΅ Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… ΠΌΠΈΠ½ΡƒΡ‚ Π²Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ HTML CSS-ΠΊΠΎΠ΄ ΠΈΠ· Π·Π°Π³Ρ€ΡƒΠΆΠ΅Π½Π½ΠΎΠ³ΠΎ изобраТСния.

      • Π—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚Π΅ своС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΡƒΠΉΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² ΠΊΠΎΠ΄!
      • Чистый исходный ΠΊΠΎΠ΄ — ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΉ для дальнСйшСго использования
      • Код Π½Π΅ трСбуСтся!
      • β€’ Магия ИИ

      • β€’ Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ сайта

      • β€’ ΠžΠΊΠΎΠ½Ρ‡Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚

      Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ β„– 2

      Π Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΡƒΠΉΡ‚Π΅ свой Π²Π΅Π±-сайт с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ


      No-Code Editor

      Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ возмоТности нашСго Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° для создания слоТных Π²Π΅Π±-сайтов, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ элСктронная коммСрция, Π±Π»ΠΎΠ³, Ρ‡Π»Π΅Π½Ρ‹ ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ ΠΈ Π»ΡŽΠ±Ρ‹Π΅ Π΄Ρ€ΡƒΠ³ΠΈΠ΅. Ρ‚ΠΈΠΏΡ‹. Наш ΠΎΠ½Π»Π°ΠΉΠ½-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Ρ‚Π°ΠΊΠΆΠ΅ позволяСт ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΈ ΡΡ‚ΠΈΠ»ΡŒ.

      • Онлайн-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ сайтов
      • ΠŸΡ€ΠΎΡΡ‚ΠΎΠΉ ΠΈ понятный Π΄ΠΈΠ·Π°ΠΉΠ½
      • ΠœΠΎΠΌΠ΅Π½Ρ‚Π°Π»ΡŒΠ½ΠΎΠ΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π°
      • Π”ΠΈΠ·Π°ΠΉΠ½ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса для Π²Π΅Π±-сайтов
      • β€’ Π£ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ стилями

      • β€’ Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ содСрТимоС

      • β€’ ДинамичСскиС Π΄Π°Π½Π½Ρ‹Π΅

      Ѐункция β„–3

      ЗапуститС свой сайт!

      Как Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ваш Π²Π΅Π±-сайт Π±ΡƒΠ΄Π΅Ρ‚ Π³ΠΎΡ‚ΠΎΠ², запуститС Π΅Π³ΠΎ Π½Π° нашСм хостингС.
      ΠœΡ‹ прСдоставляСм ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹Π΅ возмоТности для всС Π²Π΅Π±-сайты, созданныС Fronty.

      • ΠŸΡ€ΠΈΠΊΡ€Π΅ΠΏΠΈΡ‚Π΅ свой собствСнный Π΄ΠΎΠΌΠ΅Π½
      • 99,8% Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ Π±Π΅Π·ΠΎΡ‚ΠΊΠ°Π·Π½ΠΎΠΉ Ρ€Π°Π±ΠΎΡ‚Ρ‹ хостинга
      • ΠŸΠΎΠ»ΡƒΡ‡Π°ΠΉΡ‚Π΅ Ρ€Π΅Π·Π΅Ρ€Π²Π½Ρ‹Π΅ ΠΊΠΎΠΏΠΈΠΈ Π² любоС врСмя
      • ΠžΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ для SEO ΠΈ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройств Π²Π΅Π±-сайт
      • Π”Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ стандарты ΠΌΠΈΡ€ΠΎΠ²ΠΎΠ³ΠΎ уровня
      • β€’ ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ Π΄ΠΎΠΌΠ΅Π½

      • β€’ ΠžΠΏΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Ρ‚ΡŒ Π² прямом эфирС

      Fronty — ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚Π΅Ρ€ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π² HTML-ΠΊΠΎΠ΄

      Π›Π΅Π³ΠΊΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ HTML CSS вашСго ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°!

      с искусствСнным ΠΈΠ½Ρ‚Π΅Π»Π»Π΅ΠΊΡ‚ΠΎΠΌ ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚Π΅Ρ€ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π² HTML Π³Π΅Π½Π΅Ρ€ΠΈΡ€ΡƒΠ΅Ρ‚ исходный ΠΊΠΎΠ΄ ΠΈΠ· Π·Π°Π΄Π°Π½Π½ΠΎΠ³ΠΎ снимка экрана ΠΈΠ»ΠΈ JPEG/PNG. ВсСго Π·Π° нСсколько ΠΌΠΈΠ½ΡƒΡ‚ наша тСхнология искусствСнного ΠΈΠ½Ρ‚Π΅Π»Π»Π΅ΠΊΡ‚Π° Π³Π΅Π½Π΅Ρ€ΠΈΡ€ΡƒΠ΅Ρ‚ ΠΎΠΊΠΎΠ½Ρ‡Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ ΠΊΠΎΠ΄ HTML CSS, ΠΈ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ сохранСн нашим Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠΌ Π±Π΅Π· ΠΊΠΎΠ΄Π°.

      ΠΠ°Ρ‡Π°Ρ‚ΡŒ

      Π€ΡƒΠ½ΠΊΡ†ΠΈΠΈ


      на базС ИИ

      ДоступСн сСйчас

      ДоступСн сСйчас

      Π‘ΠΊΠΎΡ€ΠΎ Π±ΡƒΠ΄Π΅Ρ‚

      Π‘ΠΊΠΎΡ€ΠΎ Π±ΡƒΠ΄Π΅Ρ‚

      Π’ΡΡ‚Ρ€Π΅Ρ‚ΠΈΡ‚ΡŒΡΡ ΠšΠ»ΠΈΠ΅Π½Ρ‚Ρ‹ Π΄ΠΎΠ²ΠΎΠ»ΡŒΠ½Ρ‹


      с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ нашСго ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°

      Fronty AI сдСлаСт всю Ρ€Π°Π±ΠΎΡ‚Ρƒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡ΠΈΡ‚ΡŒ Π²Ρ‹ΡΠΎΡ‡Π°ΠΉΡˆΠ΅Π΅ качСство вашСго ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°. Π›ΡƒΡ‡ΡˆΠΈΠΉ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚Π΅Π»ΡŒ нашСй Ρ€Π°Π±ΠΎΡ‚Ρ‹ – Π΄ΠΎΠ²ΠΎΠ»ΡŒΠ½Ρ‹Π΅ ΠΊΠ»ΠΈΠ΅Π½Ρ‚Ρ‹!