ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это

Код ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ HTML

ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это. img html 001. ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это Ρ„ΠΎΡ‚ΠΎ. ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это-img html 001. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° img html 001. Код для Π²Ρ‹Π²ΠΎΠ΄Π° изобраТСния Π² HTML, выглядит ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ:

Код для Π²Ρ‹Π²ΠΎΠ΄Π° изобраТСния Π² HTML, выглядит ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ:

Для Π²Ρ‹Π²ΠΎΠ΄Π° ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π² XHTML, Π² ΠΊΠΎΠ΄Π΅ добавляСтся слСш с отступом:

ВсС Ρ„Π°ΠΉΠ»Ρ‹ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Ρ… Π½Π° WEB-страницах, ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ хранятся Π² ΠΏΠ°ΠΏΠΊΠ°Ρ…, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈΠΌΠ΅ΡŽΡ‚ ΠΈΠΌΠ΅Π½Π° Β«imgΒ» ΠΈΠ»ΠΈ Β«imagesΒ». Π’ Ρ‚Π΅Ρ… случаях, ΠΊΠΎΠ³Π΄Π° Ρ€Π΅Ρ‡ΡŒ ΠΈΠ΄Π΅Ρ‚ ΠΎΠ± изобраТСниях, Ρ„ΠΎΡ€ΠΌΠΈΡ€ΡƒΡŽΡ‰ΠΈΡ… Π΄ΠΈΠ·Π°ΠΉΠ½ сайта, Ρ‚ΠΎ для Π½ΠΈΡ… Π»ΡƒΡ‡ΡˆΠ΅ ΠΏΡ€Π΅Π΄ΡƒΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΡƒΡŽ ΠΏΠ°ΠΏΠΊΡƒ Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ – Β« design Β».

Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ рисунка

Π’ Ρ‚Π΅Ρ… случаях, ΠΊΠΎΠ³Π΄Π° Ρ„Π°ΠΉΠ» располагаСтся Π² ΠΎΠ΄Π½ΠΎΠΉ ΠΏΠ°ΠΏΠΊΠ΅ со страницСй, Ρ‚ΠΎ Π΅Π³ΠΎ адрСс ΠΌΠΎΠΆΠ½ΠΎ Π½Π΅ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ. Достаточно просто ΠΈΠΌΠ΅Π½ΠΈ ΠΈ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ графичСского Ρ„Π°ΠΉΠ»Π°.

Π£ΠΊΠ°Π·Π°Π½ΠΈΠ΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ

Π§Ρ‚ΠΎΠ±Ρ‹ срСдствами HTML ΠΌΠΎΠΆΠ½ΠΎ Π±Ρ‹Π»ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ рисунков, Ρ‚Π΅Π³ img > ΠΈΠΌΠ΅Π΅Ρ‚ Ρ‚Π°ΠΊΠΈΠ΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹, ΠΊΠ°ΠΊ heigh (высота) ΠΈ width (ΡˆΠΈΡ€ΠΈΠ½Π°). Для указания ΠΈΡ… Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡŽΡ‚ΡΡ пиксСли, ΠΏΡ€ΠΈΡ‡Π΅ΠΌ Ρ‚Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ сами Π°Ρ€Π³ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ совпадали с Ρ‚Π΅ΠΌΠΈ физичСскими Ρ€Π°Π·ΠΌΠ΅Ρ€Π°ΠΌΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈΠΌΠ΅Π΅Ρ‚ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°.

Π’ ΠΊΠΎΠ΄Π΅ HTML Π² ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠΌ порядкС слСдуСт Π·Π°Π΄Π°Π²Π°Ρ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈΠΌΠ΅Π΅Ρ‚ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°. Благодаря этому Π΅Π΅ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ° нСсколько ускорится, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Π·Π°Π±Π»Π°Π³ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ Ρ€Π°ΡΠΏΠΎΠ»Π°Π³Π°Ρ‚ΡŒ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠ΅ΠΉ ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊΠΎΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΠΌΠ΅Ρ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅. Π­Ρ‚ΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚ Π΅ΠΌΡƒ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚ΡŒ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ содСрТимого страницы Π½Π΅ доТидаясь Ρ‚ΠΎΠ³ΠΎ ΠΌΠΎΠΌΠ΅Π½Ρ‚Π°, ΠΊΠΎΠ³Π΄Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ загрузится ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ.

Π§Ρ‚ΠΎ касаСтся задания значСния ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, Ρ‚ΠΎ ΠΈΡ… ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ ΠΊΠ°ΠΊ Π² пиксСлях, Ρ‚Π°ΠΊ ΠΈ Π² ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚Π°Ρ…. Π’ ΠΏΠ΅Ρ€Π²ΠΎΠΌ случаС Ρ€Π°Π·ΠΌΠ΅Ρ€ изобраТСния Π½Π΅ зависит ΠΎΡ‚ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ экрана ΠΈ всСгда Π±ΡƒΠ΄Π΅Ρ‚ постоянным, Π° Π²ΠΎ Π²Ρ‚ΠΎΡ€ΠΎΠΌ ΠΎΠ½ Π±ΡƒΠ΄Π΅Ρ‚ ΠΌΠ΅Π½ΡΡ‚ΡŒΡΡ Π² зависимости ΠΎΡ‚ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ экрана. К ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρƒ:

ΠΠ»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ тСкст

Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ тСкст, слСдуСт ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡ‚ΡŒ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ alt для Ρ‚Π΅Π³Π° img >. ΠΠ»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ тСкст Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌ для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π±Ρ‹Π»ΠΈ ΠΎΠ±ΠΎΠ·Π½Π°Ρ‡Π΅Π½Ρ‹ Π½Π΅ΠΊΠΎΠ΅ΠΉ тСкстовой ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠ΅ΠΉ Π² Ρ‚Π΅Ρ… случаях, ΠΊΠΎΠ³Π΄Π° Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ ΠΏΠΎΠΊΠ°Π· ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡Π΅Π½, ΠΈΠ»ΠΈ ΠΆΠ΅ Π½Π° ΠΏΠ΅Ρ€ΠΈΠΎΠ΄ ΠΈΡ… Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ. По Π΅Π³ΠΎ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΡŽ ΠΌΠΎΠΆΠ½ΠΎ ΡΡƒΠ΄ΠΈΡ‚ΡŒ ΠΎ Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΎ Π½Π° ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅, ΠΏΡ€ΠΈΡ‡Π΅ΠΌ появляСтся ΠΎΠ½ Π΄ΠΎ Π΅Π΅ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ. ПослС Ρ‚ΠΎΠ³ΠΎ ΠΊΠ°ΠΊ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ° ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π·Π°Π²Π΅Ρ€ΡˆΠ΅Π½Π°, Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ тСкст исчСзаСт.

ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это. img html 002. ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это Ρ„ΠΎΡ‚ΠΎ. ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это-img html 002. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° img html 002. Код для Π²Ρ‹Π²ΠΎΠ΄Π° изобраТСния Π² HTML, выглядит ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ:

Π’ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰Π°Ρ подсказка

Π­Ρ‚Π° подсказка, ΠΊΠ°ΠΊ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ, примСняСтся для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ курсора ΠΌΡ‹ΡˆΠΊΠΈ Π½Π° ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ появился ΠΊΡ€Π°Ρ‚ΠΊΠΈΠΉ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ ΠΊ Π΅Π΅ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΡŽ. Π§Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰ΡƒΡŽ подсказку, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ title Ρ‚Π΅Π³Π° img >. Π•Π³ΠΎ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ΠΌ являСтся Π·Π°ΠΊΠ»ΡŽΡ‡Π΅Π½Π½Ρ‹ΠΉ Π² ΠΊΠ°Π²Ρ‹Ρ‡ΠΊΠΈ тСкст.

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ

ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π² HTML – ΡˆΠΏΠ°Ρ€Π³Π°Π»ΠΊΠ° для Π½ΠΎΠ²ΠΈΡ‡ΠΊΠΎΠ²

ΠŸΡ€Π΅ΠΆΠ΄Π΅, Ρ‡Π΅ΠΌ ΠΎΡ‚Π²Π΅Ρ‚ΠΈΡ‚ΡŒ Π½Π° вопрос Β« ΠΊΠ°ΠΊ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π² HTML? Β», слСдуСт ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ ΠΏΠ΅Ρ€Π΅Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒ Π²Π΅Π±-страницы ΠΎΠ³Ρ€ΠΎΠΌΠ½Ρ‹ΠΌ количСством графичСского ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Π° Π½Π΅ стоит, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ это Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΡƒΠ»ΡƒΡ‡ΡˆΠΈΡ‚ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠ΅ восприятиС рСсурса ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ, Π½ΠΎ ΠΈ ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΡ‚ врСмя Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ страницы.

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

Для Ρ‚ΠΎΠ³ΠΎ Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π° HTML-страницу, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ ΠΎΠ΄ΠΈΠ½ΠΎΡ‡Π½Ρ‹ΠΉ простой Ρ‚Π΅Π³:

Π³Π΄Π΅ xxx β€” адрСс изобраТСния. Π’ Ρ‚ΠΎΠΌ случаС, Ссли ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° находится Π² ΠΎΠ΄Π½ΠΎΠΉ Π΄ΠΈΡ€Π΅ΠΊΡ‚ΠΎΡ€ΠΈΠΈ со страницСй, Ρ‚Π΅Π³ Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ ΠΊΠ°ΠΊ:

Однако скоростной ΠΈ ΡΡ‚Π°Π±ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚ добрался Π΅Ρ‰Ρ‘ Π½Π΅ Π²ΠΎ всС ΡƒΠ³ΠΎΠ»ΠΊΠΈ Π·Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΡˆΠ°Ρ€Π°, ΠΈ Π±Ρ‹Π²Π°Π΅Ρ‚ Ρ‚Π°ΠΊ, Ρ‡Ρ‚ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π° Π²Π΅Π±-сайтС попросту Π½Π΅ загруТаСтся. Для Ρ‚Π°ΠΊΠΈΡ… случаСв сущСствуСт понятиС Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ тСкста.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ добавлСния Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ тСкста ΠΊ графичСскому Ρ„Π°ΠΉΠ»Ρƒ:

ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это. alternativnii tekst 280316. ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это Ρ„ΠΎΡ‚ΠΎ. ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это-alternativnii tekst 280316. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° alternativnii tekst 280316. Код для Π²Ρ‹Π²ΠΎΠ΄Π° изобраТСния Π² HTML, выглядит ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ:

НазначСниС Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π² HTML

ΠŸΡ€ΠΈ использовании Π΄Π°Π½Π½Ρ‹Ρ… Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ сначала выдСляСт мСсто для графичСского ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°, ΠΏΠΎΠ΄Π³ΠΎΡ‚Π°Π²Π»ΠΈΠ²Π°Π΅Ρ‚ ΠΎΠ±Ρ‰ΠΈΠΉ ΠΌΠ°ΠΊΠ΅Ρ‚ страницы, ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅Ρ‚ тСкст, послС Ρ‡Π΅Π³ΠΎ Π·Π°Π³Ρ€ΡƒΠΆΠ°Π΅Ρ‚ саму ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ.

Рисунок помСщаСтся Π² ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ с Π·Π°Π΄Π°Π½Π½Ρ‹ΠΌΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°ΠΌΠΈ, Π° Π² Ρ‚ΠΎΠΌ случаС, Ссли ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ мСньшС ΠΈΠ»ΠΈ большС исходных, ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° растягиваСтся ΠΈΠ»ΠΈ сТимаСтся.

Если Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ height ΠΈ width Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ, Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Π·Π°Π³Ρ€ΡƒΠΆΠ°Π΅Ρ‚ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ сразу, задСрТивая ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ тСкста ΠΈ ΠΏΡ€ΠΎΡ‡ΠΈΡ… элСмСнтов страницы.

Π”Π°Π½Π½Ρ‹Π΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΊΠ°ΠΊ Π² пиксСлях (Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ постоянСн ΠΈ Π½Π΅ зависит ΠΎΡ‚ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ экрана ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ), Ρ‚Π°ΠΊ ΠΈ Π² ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚Π°Ρ… (Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ зависит ΠΎΡ‚ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ экрана).

Π‘Π»Π΅Π΄ΡƒΠ΅Ρ‚ ΠΏΠΎΠΌΠ½ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ Π² Ρ‚ΠΎΡ‚ ΠΌΠΎΠΌΠ΅Π½Ρ‚, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ измСняСтС исходный Ρ€Π°Π·ΠΌΠ΅Ρ€ изобраТСния, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ Π΅Π³ΠΎ ΠΏΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΈ.

Для этого достаточно ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΈΠ· ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠ² ( ΡˆΠΈΡ€ΠΈΠ½Ρ‹ ΠΈΠ»ΠΈ высоты ), Π° Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ Π²Ρ‚ΠΎΡ€ΠΎΠ³ΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ вычислит Π² автоматичСском Ρ€Π΅ΠΆΠΈΠΌΠ΅.

РасполоТСниС ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π² HTML

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ

LiveInternetLiveInternet

Π¦ΠΈΡ‚Π°Ρ‚Π½ΠΈΠΊ

Π“ΠΈΠ΄ ΠΏΠΎ Π²Ρ‹Π±ΠΎΡ€Ρƒ солнцСзащитных ΠΎΡ‡ΠΊΠΎΠ² Π‘ΠΎΠ»Π½Ρ†Π΅Π·Π°Ρ‰ΠΈΡ‚Π½Ρ‹Π΅ ΠΎΡ‡ΠΊΠΈ β€” Π²Π΅Ρ‰ΡŒ, Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‰Π°Ρ ΠΌΠΈΠ½ΠΈΠΌΡƒΠΌ ΠΌ.

ВкусноС ΠΏΠ΅Ρ‡Π΅Π½ΡŒΠ΅ Π½Π° ΠΏΠ°Π»ΠΎΡ‡ΠΊΠ΅ Наш Ρ€Π΅Ρ†Π΅ΠΏΡ‚: ΠΌΡƒΠΊΠ° 200 Π³Ρ€ масло 120 Π³Ρ€ сливки 2-3.

Π₯Π Π£Π‘Π’Π―Π©Π˜Π• ΠšΠΠ Π’ΠžΠ€Π•Π›Π¬ΠΠ«Π• Π’ΠΠ€Π›Π˜ Вкусная, ΠΎΡ€ΠΈΠ³ΠΈΠ½Π°Π»ΡŒΠ½Π°Ρ закусочка. ΠŸΠžΠ’Π Π•Π‘Π£Π•Π’Π‘Π―: 200 Π³Ρ€Π°ΠΌ.

Π ΡƒΠ±Ρ€ΠΈΠΊΠΈ

ΠœΡƒΠ·Ρ‹ΠΊΠ°

Поиск ΠΏΠΎ Π΄Π½Π΅Π²Π½ΠΈΠΊΡƒ

Подписка по e-mail

Π˜Π½Ρ‚Π΅Ρ€Π΅ΡΡ‹

Π”Ρ€ΡƒΠ·ΡŒΡ

БообщСства

ВсС ΠΎ ΠΊΠΎΠ΄Π΅ изобраТСния

ВсС ΠΎ ΠΊΠΎΠ΄Π΅ изобраТСния

Π’Π‘Π• О ΠšΠžΠ”Π• Π˜Π—ΠžΠ‘Π ΠΠ–Π•ΠΠ˜Π―

ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ Ρ‚Π΅Π³Π° IMG

Π­Ρ‚ΠΎ всСм извСстный

ΠΈ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ Π΄Ρ€ΡƒΠ³ΠΈΠ΅.
ПослС Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ свой Π·Π°ΠΊΠΎΠ½Π½Ρ‹ΠΉ АДРЕБ Π²ΠΈΠ΄Π° ( http:// ), ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΡ‹ ΠΈ внСсСм Π² наш ΠΊΠΎΠ΄.

А ΠΊΠ°ΠΊ ΡƒΠ·Π½Π°Ρ‚ΡŒ АДРЕБ Ρ‡ΡƒΠΆΠΎΠ³ΠΎ изобраТСния, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, красивого Ρ„ΠΎΠ½Π°, Π½Π°ΠΉΠ΄Π΅Π½Π½ΠΎΠ³ΠΎ Π² ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π΅Π³ΠΎ Π² ΠΊΠΎΠ΄ своСй Ρ€Π°ΠΌΠΎΡ‡ΠΊΠΈ.

ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это. i 972. ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это Ρ„ΠΎΡ‚ΠΎ. ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это-i 972. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° i 972. Код для Π²Ρ‹Π²ΠΎΠ΄Π° изобраТСния Π² HTML, выглядит ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ:

Если Π½Π°ΠΌ Π½ΡƒΠΆΠ΅Π½ адрСс, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ для Ρ„ΠΎΠ½Π°, Ρ‚ΠΎ ΠΌΡ‹ Π½Π°Π²ΠΎΠ΄ΠΈΠΌ курсор Π½Π° адрСс, правая ΠΊΠ½ΠΎΠΏΠΊΠ° ΠΌΡ‹ΡˆΠΈ, ΠΈΠ· ΠΎΡ‚ΠΊΡ€Ρ‹Π²ΡˆΠ΅Π³ΠΎΡΡ мСню Π²Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ «Π’Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ всС». (ΠΏΡ€ΠΈ этом вСсь адрСс синССт) ΠΈ Π΄Π°Π»Π΅Π΅ ΠΊΠΎΠΏΠΈΡ€ΡƒΠ΅Ρ‚Π΅ этот адрСс.
ΠžΠΏΠΈΡΠ°Π½Π½Ρ‹ΠΉ Π²Ρ‹ΡˆΠ΅ ΠΏΡ€ΠΈΠ΅ΠΌ ( «Π’Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ всС» ) я ΡΠΎΠ²Π΅Ρ‚ΡƒΡŽ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ всСгда, ΠΊΠΎΠ³Π΄Π° Π½ΡƒΠΆΠ½ΠΎ ΠΊΠΎΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ любой ΠΊΠΎΠ΄, ΠΊΠΎΠ΄ поста ΠΈΠ»ΠΈ Ρ€Π°ΠΌΠΎΡ‡ΠΊΠΈ, Π° Π½Π΅ Ρ‚ΡΠ½ΡƒΡ‚ΡŒ Π΅Π³ΠΎ ΠΎΡ‚ Π½Π°Ρ‡Π°Π»Π° Π΄ΠΎ ΠΊΠΎΠ½Ρ†Π°.

Π˜Ρ‚Π°ΠΊ, «Π²Π΅Ρ€Π½Π΅ΠΌΡΡ ΠΊ нашим Π±Π°Ρ€Π°Π½Π°ΠΌ».
КакиС Π΅Ρ‰Π΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹, ΠΊΡ€ΠΎΠΌΠ΅ адрСса ΠΌΠΎΠΆΠ΅Ρ‚ Π²ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ ΠΊΠΎΠ΄ изобраТСния.
Π­Ρ‚ΠΎ ΠΏΡ€Π΅ΠΆΠ΄Π΅ всСго Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ «width» (ΡˆΠΈΡ€ΠΈΠ½Π°) ΠΈ «height» (высота).

2 ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ «width» (ΡˆΠΈΡ€ΠΈΠ½Π°) ΠΈ «height» (высота).

ЗначСния этих ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠ² ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ

— Π² пискСлях. НапримСр: width=»100″ height=»100″
— Π² ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚Π°Ρ… ΠΎΡ‚ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ ΠΎΡ‚Π²Π΅Π΄Π΅Π½Π½ΠΎΠΉ для ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ области (Π»Π΅Π½Ρ‚Ρ‹ записСй Π² Π±Π»ΠΎΠ³Π΅).

НапримСр: width=»50%» ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° Π·Π°ΠΉΠΌΠ΅Ρ‚ ΠΏΠΎΠ»ΠΎΠ²ΠΈΠ½Ρƒ Π»Π΅Π½Ρ‚Ρ‹ записСй
(Π² Π‘Π»ΠΎΠ³Π°Ρ… ΠΏΠΎ ΠΌΠΎΠΈΠΌ расчСтам это ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π½ΠΎ 820-830 пиксСлСй, Π° Π½Π° Π›ΠΈΠ Ρƒ ΡˆΠΈΡ€ΠΈΠ½Π° Ρ‚Π°ΠΊΠΎΠΉ области Ρ€Π°Π²Π½ΠΎ 700 пиксСлям). Π­Ρ‚ΠΎ Π²Π°ΠΆΠ½ΠΎ Π·Π½Π°Ρ‚ΡŒ, Ссли ΠΌΡ‹, размСщая Π² своСй записи ΠΌΠ½ΠΎΠ³ΠΎ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ Ρ€Π°Π·Π½ΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°, Ρ…ΠΎΡ‚ΠΈΠΌ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ красивый пост ΠΈ Π²Ρ‹Ρ€ΠΎΠ²Π½ΡΡ‚ΡŒ всС Ρ„ΠΎΡ‚ΠΊΠΈ ΠΏΠΎ ΡˆΠΈΡ€ΠΈΠ½Π΅.

ΠŸΡ€ΠΈ этом ΠΊΠΎΠ΄ изобраТСния Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ Ρ‚Π°ΠΊ:

ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это. 0 12531 c505774d XS. ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это Ρ„ΠΎΡ‚ΠΎ. ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это-0 12531 c505774d XS. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° 0 12531 c505774d XS. Код для Π²Ρ‹Π²ΠΎΠ΄Π° изобраТСния Π² HTML, выглядит ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ:

ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это. 0 12531 c505774d XS. ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это Ρ„ΠΎΡ‚ΠΎ. ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это-0 12531 c505774d XS. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° 0 12531 c505774d XS. Код для Π²Ρ‹Π²ΠΎΠ΄Π° изобраТСния Π² HTML, выглядит ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ:

ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это. 0 12531 c505774d XS. ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это Ρ„ΠΎΡ‚ΠΎ. ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это-0 12531 c505774d XS. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° 0 12531 c505774d XS. Код для Π²Ρ‹Π²ΠΎΠ΄Π° изобраТСния Π² HTML, выглядит ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ:

ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это. 0 12531 c505774d XS. ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это Ρ„ΠΎΡ‚ΠΎ. ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это-0 12531 c505774d XS. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° 0 12531 c505774d XS. Код для Π²Ρ‹Π²ΠΎΠ΄Π° изобраТСния Π² HTML, выглядит ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ:

ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это. 0 12531 c505774d XS. ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это Ρ„ΠΎΡ‚ΠΎ. ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это-0 12531 c505774d XS. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° 0 12531 c505774d XS. Код для Π²Ρ‹Π²ΠΎΠ΄Π° изобраТСния Π² HTML, выглядит ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ:

Π—Π΄Π΅ΡΡŒ ΠΌΡ‹ Π²ΠΈΠ΄ΠΈΠΌ, Ρ‡Ρ‚ΠΎ сильно ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΠ²Π°Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ нСльзя, Ρ‚.ΠΊ. тСряСтся качСство изобраТСния.

Π’Π²Π΅Π΄Π΅ΠΌ Π² ΠΊΠΎΠ΄ border=»0″ ΠΈ Ρ€Π°ΠΌΠΎΡ‡ΠΊΠ° ΠΏΡ€ΠΎΠΏΠ°Π΄Π΅Ρ‚.

ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это. i 929. ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это Ρ„ΠΎΡ‚ΠΎ. ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это-i 929. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° i 929. Код для Π²Ρ‹Π²ΠΎΠ΄Π° изобраТСния Π² HTML, выглядит ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ:

А Π²ΠΎΡ‚ я сдСлала ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ border=»5″ ΠΈ Π²ΠΎΠΊΡ€ΡƒΠ³ изобраТСния появилась чСрная Ρ€Π°ΠΌΠΊΠ° ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉ 5px

ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это. 0 12535 9ee3c79e XS. ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это Ρ„ΠΎΡ‚ΠΎ. ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это-0 12535 9ee3c79e XS. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° 0 12535 9ee3c79e XS. Код для Π²Ρ‹Π²ΠΎΠ΄Π° изобраТСния Π² HTML, выглядит ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ:>>>>>>> ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это. 0 12535 9ee3c79e XS. ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это Ρ„ΠΎΡ‚ΠΎ. ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это-0 12535 9ee3c79e XS. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° 0 12535 9ee3c79e XS. Код для Π²Ρ‹Π²ΠΎΠ΄Π° изобраТСния Π² HTML, выглядит ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ:

ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это. 0 12531 c505774d XS. ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это Ρ„ΠΎΡ‚ΠΎ. ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это-0 12531 c505774d XS. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° 0 12531 c505774d XS. Код для Π²Ρ‹Π²ΠΎΠ΄Π° изобраТСния Π² HTML, выглядит ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ:

ΠŸΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ курсора Π½Π° эту ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΏΠΎΡΠ²ΠΈΡ‚ΡŒΡΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ (Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰Π°Ρ подсказка) «ΠžΠΏΡ‚ичСскиС иллюзии».
Π­Ρ‚ΠΎΡ‚ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ ΠΎΡ‡Π΅Π½ΡŒ Π²Π°ΠΆΠ΅Π½, ΠΊΠΎΠ³Π΄Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ ΠΊΠ°ΠΊ ссылка (Π±Π°Π½Π΅Ρ€). Π’ Π½Π΅Π³ΠΎ Ρ…ΠΎΡ€ΠΎΡˆΠΎ ΠΏΡ€ΠΎΠΏΠΈΡΠ°Ρ‚ΡŒ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ сайта, ΠΊΡƒΠ΄Π° Π²Π΅Π΄Π΅Ρ‚ эта ссылка, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ½ΡΡ‚ΡŒ, Π° стоит Π»ΠΈ Π½Π° Π½Π΅Π³ΠΎ Π½Π°ΠΆΠΈΠΌΠ°Ρ‚ΡŒ.
МоТно Π·Π°ΠΏΠΈΡΠ°Ρ‚ΡŒ Π² Π’ΠΈΡ‚Π»Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, ΠΈΡ… вСс, Π° ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΡˆΡƒΡ‚Π»ΠΈΠ²ΠΎΠ΅ сообщСниС Ρ‚ΠΈΠΏΠ°
«Π’сСм ΠΏΡ€ΠΈΠ²Π΅Ρ‚», ввСдя Π² ΠΊΠΎΠ΄ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ title=»Π’сСм ΠΏΡ€ΠΈΠ²Π΅Ρ‚»

Для выравнивания ΠΏΠΎ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ значСния

Для выравнивания ΠΏΠΎ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΠΈ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ тСкста ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ значСния

ΠΏΠΎ Π²Π΅Ρ€Ρ…Ρƒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это. 0 12531 c505774d XS. ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это Ρ„ΠΎΡ‚ΠΎ. ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это-0 12531 c505774d XS. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° 0 12531 c505774d XS. Код для Π²Ρ‹Π²ΠΎΠ΄Π° изобраТСния Π² HTML, выглядит ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ:ΠΏΠΎ Π²Π΅Ρ€Ρ…Ρƒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ

ΠΏΠΎ Ρ†Π΅Π½Ρ‚Ρ€Ρƒ ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это. 0 12531 c505774d XS. ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это Ρ„ΠΎΡ‚ΠΎ. ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это-0 12531 c505774d XS. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° 0 12531 c505774d XS. Код для Π²Ρ‹Π²ΠΎΠ΄Π° изобраТСния Π² HTML, выглядит ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ:ΠΏΠΎ Ρ†Π΅Π½Ρ‚Ρ€Ρƒ

ΠΏΠΎ Π½ΠΈΠ·Ρƒ ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это. 0 12531 c505774d XS. ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это Ρ„ΠΎΡ‚ΠΎ. ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это-0 12531 c505774d XS. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° 0 12531 c505774d XS. Код для Π²Ρ‹Π²ΠΎΠ΄Π° изобраТСния Π² HTML, выглядит ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ:ΠΏΠΎ Π½ΠΈΠ·Ρƒ
*******

ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это. 0 12531 c505774d XS. ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это Ρ„ΠΎΡ‚ΠΎ. ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это-0 12531 c505774d XS. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° 0 12531 c505774d XS. Код для Π²Ρ‹Π²ΠΎΠ΄Π° изобраТСния Π² HTML, выглядит ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ:Π― Π΄ΠΎΠ»Π³ΠΎΠ΅ врСмя Π½Π΅ ΠΌΠΎΠ³Π»Π° ΠΏΠΎΠ½ΡΡ‚ΡŒ ΠΊΠ°ΠΊ ΠΏΠΎΠΏΡ€ΠΎΡ‰Π΅ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ,
Ρ‡Ρ‚ΠΎΠ±Ρ‹ тСкст Π½Π΅ ΠΏΡ€ΠΈΠ»Π΅Π³Π°Π» ΠΏΠ»ΠΎΡ‚Π½ΠΎ ΠΊ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅,
ΠΏΡ€ΠΈΠΆΠ°Ρ‚ΠΎΠΉ ΠΊ Π»Π΅Π²ΠΎΠΉ сторонС поста ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ
ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Π° align=»left» Ρ‚Π°ΠΊ, ΠΊΠ°ΠΊ Π²Ρ‹ Π²ΠΈΠ΄ΠΈΡ‚Π΅ сСйчас Π½Π° ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅.
И, Π½Π°ΠΊΠΎΠ½Π΅Ρ†, Π²ΠΎΠ»ΡˆΠ΅Π±Π½Ρ‹Π΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹, Π±Ρ‹Π»ΠΈ Π½Π°ΠΉΠ΄Π΅Π½Ρ‹.

7. ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ hspace ΠΈ vspace

ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это. 0 12531 c505774d XS. ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это Ρ„ΠΎΡ‚ΠΎ. ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это-0 12531 c505774d XS. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° 0 12531 c505774d XS. Код для Π²Ρ‹Π²ΠΎΠ΄Π° изобраТСния Π² HTML, выглядит ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ:ΠŸΡ€ΠΈΠ²Π΅Ρ‚ ΠŸΡ€ΠΈΠ²Π΅Ρ‚ ΠŸΡ€ΠΈΠ²Π΅Ρ‚ ΠŸΡ€ΠΈΠ²Π΅Ρ‚
ΠŸΡ€ΠΈΠ²Π΅Ρ‚ ΠŸΡ€ΠΈΠ²Π΅Ρ‚ ΠŸΡ€ΠΈΠ²Π΅Ρ‚ ΠŸΡ€ΠΈΠ²Π΅Ρ‚
ΠŸΡ€ΠΈΠ²Π΅Ρ‚ ΠŸΡ€ΠΈΠ²Π΅Ρ‚ ΠŸΡ€ΠΈΠ²Π΅Ρ‚ ΠŸΡ€ΠΈΠ²Π΅Ρ‚
ΠŸΡ€ΠΈΠ²Π΅Ρ‚ ΠŸΡ€ΠΈΠ²Π΅Ρ‚ ΠŸΡ€ΠΈΠ²Π΅Ρ‚ ΠŸΡ€ΠΈΠ²Π΅Ρ‚
ΠŸΡ€ΠΈΠ²Π΅Ρ‚ ΠŸΡ€ΠΈΠ²Π΅Ρ‚ ΠŸΡ€ΠΈΠ²Π΅Ρ‚ ΠŸΡ€ΠΈΠ²Π΅Ρ‚
ΠŸΡ€ΠΈΠ²Π΅Ρ‚ ΠŸΡ€ΠΈΠ²Π΅Ρ‚ ΠŸΡ€ΠΈΠ²Π΅Ρ‚ ΠŸΡ€ΠΈΠ²Π΅Ρ‚
ΠŸΡ€ΠΈΠ²Π΅Ρ‚ ΠŸΡ€ΠΈΠ²Π΅Ρ‚ ΠŸΡ€ΠΈΠ²Π΅Ρ‚ ΠŸΡ€ΠΈΠ²Π΅Ρ‚
ΠŸΡ€ΠΈΠ²Π΅Ρ‚ ΠŸΡ€ΠΈΠ²Π΅Ρ‚ ΠŸΡ€ΠΈΠ²Π΅Ρ‚ ΠŸΡ€ΠΈΠ²Π΅Ρ‚
ΠŸΡ€ΠΈΠ²Π΅Ρ‚ ΠŸΡ€ΠΈΠ²Π΅Ρ‚ ΠŸΡ€ΠΈΠ²Π΅Ρ‚ ΠŸΡ€ΠΈΠ²Π΅Ρ‚

Ну Π²ΠΎΡ‚, ΠΏΠΎΠΆΠ°Π»ΡƒΠΉ ΠΈ всС

Π£Π΄Π°Ρ‡ΠΈ Π² творчСствС.

ΠŸΡ€ΠΈ написании поста частично использовалось

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ

HTML Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡ

Атрибут Β«srcΒ».

БобствСнно, ΠΏΠΎ-настоящСму ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ Ρƒ Ρ‚Π΅Π³Π° Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ΄ΠΈΠ½ &#8212 это Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ src. Атрибут src (ΠΎΡ‚ Π°Π½Π³Π». source β€” источник) позволяСт ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΏΡƒΡ‚ΡŒ ΠΊ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡŽ, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΎ Π² HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅. URL &#8212 ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ, Π³Π΄Π΅ находится ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅. Π’ основном Π½Π° сайтах ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Π³Ρ€Π°Ρ„ΠΈΠΊΠ° Ρ„Π°ΠΉΠ»ΠΎΠ²Ρ‹Ρ… Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠ²: JPEG, GIF, PNG, BMP ΠΈ SVG.

Если ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ находится Π² Ρ‚ΠΎΠΌ ΠΆΠ΅ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³Π΅, Ρ‡Ρ‚ΠΎ ΠΈ содСрТащий Π΅Π³ΠΎ HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚, достаточно ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ имя этого Ρ„Π°ΠΉΠ»Π°, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€:

Если ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ находится Π½Π° Ρ‚ΠΎΠΌ ΠΆΠ΅ сСрвСрС, Ρ‡Ρ‚ΠΎ ΠΈ содСрТащий Π΅Π³ΠΎ HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚, Π½ΠΎ Π² Π΄Ρ€ΡƒΠ³ΠΎΠΌ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³Π΅, слСдуСт ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ имя ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³Π° ΠΈ имя Ρ„Π°ΠΉΠ»Π° с ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€:

Если ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ находится Π½Π΅ Π½Π° Ρ‚ΠΎΠΌ сСрвСрС, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ находится содСрТащий Π΅Π³ΠΎ HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΏΠΎΠ»Π½Ρ‹ΠΉ адрСс Ρ„Π°ΠΉΠ»Π° с ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€:

ΠŸΡ€ΠΈ Ρ‚Π°ΠΊΠΎΠΉ записи Ρ€Π°Π·ΠΌΠ΅Ρ€ изобраТСния Π½Π° экранС Π±ΡƒΠ΄Π΅Ρ‚ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ Ρ€Π΅Π°Π»ΡŒΠ½Ρ‹ΠΌ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°ΠΌ.

Атрибут Β«altΒ».

ΠŸΡ€ΠΈ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ Π²Π΅Π±-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° ΠΏΡ€Π΅ΠΆΠ΄Π΅ всСго загруТаСтся тСкстовая Ρ‡Π°ΡΡ‚ΡŒ, Π° Π·Π°Ρ‚Π΅ΠΌ β€” Π±ΠΎΠ»Π΅Π΅ Ρ‘ΠΌΠΊΠΈΠ΅ графичСскиС Ρ„Π°ΠΉΠ»Ρ‹. ΠŸΡ€ΠΈ ΠΌΠ΅Π΄Π»Π΅Π½Π½ΠΎΠΌ Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π·Π°ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ ΠΊΠ°ΠΊ Π² ΠΎΠΊΠ½Π΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° вмСсто этих Ρ„Π°ΠΉΠ»ΠΎΠ² сначала ΠΏΠΎΡΠ²Π»ΡΡŽΡ‚ΡΡ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½Ρ‹Π΅ области, Π·Π°Ρ€Π΅Π·Π΅Ρ€Π²ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ ΠΏΠΎΠ΄ рисунки. Img являСтся строчным элСмСнтом. По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π²ΠΎΠ΄ΠΈΡ‚ΡŒΡΡ Π² ΠΎΠ±Ρ‰Π΅ΠΌ ΠΏΠΎΡ‚ΠΎΠΊΠ΅ ΠΊΠ°ΠΊ ΠΎΠ΄Π½Π° большая Π±ΡƒΠΊΠ²Π° Π² Ρ‚ΠΎΠΌ мСстС, Π³Π΄Π΅ встрСтится элСмСнт img. Как ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ, ΠΏΠ΅Ρ€Π²ΠΎΠ½Π°Ρ‡Π°Π»ΡŒΠ½Ρ‹Π΅ изобраТСния ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²Π»ΡΡŽΡ‚ΡΡ Π² Π²ΠΈΠ΄Π΅ нСбольшой ΠΏΠΈΠΊΡ‚ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ Π² Π²ΠΈΠ΄Π΅ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ°. Π£ΠΆΠ΅ Π½Π° этом этапС ΠΌΠΎΠΆΠ½ΠΎ Π΄Π°Ρ‚ΡŒ Π·Π½Π°Ρ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ, Π·Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ ΠΊΠ°ΠΊΠΎΠ³ΠΎ изобраТСния ΠΎΠ½ ΠΎΠΆΠΈΠ΄Π°Π΅Ρ‚. Π­Ρ‚ΠΎ ΠΎΡ‡Π΅Π½ΡŒ ΠΏΠΎΠ»Π΅Π·Π½ΠΎ для ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ тСкстовых Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ² ΠΈΠ»ΠΈ для Ρ‚Π΅Ρ…, Ρƒ ΠΊΠΎΠ³ΠΎ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΎ воспроизвСдСниС Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ. Для отобраТСния Ρ‚Π°ΠΊΠΎΠ³ΠΎ ΠΏΠΎΡΡΠ½ΡΡŽΡ‰Π΅Π³ΠΎ тСкста слуТит Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ alt. Он позволяСт Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ тСкст, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ вмСсто изобраТСния, Ссли ΠΏΠΎ ΠΊΠ°ΠΊΠΈΠΌ-Π»ΠΈΠ±ΠΎ ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π°ΠΌ графичСский Ρ„Π°ΠΉΠ» Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ Π½Π΅ ΡƒΠ΄Π°Π»ΠΎΡΡŒ. ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ alt ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ поисковыми систСмами для поиска ΠΏΠΎ содСрТимому Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½ΠΎΠΌΡƒ тСксту ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅.

Π”Π°ΠΆΠ΅ Ссли Π²Π°ΠΌ Π½Π΅Ρ‡Π΅Π³ΠΎ ΡΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΎΠ± Π·Π°Π³Ρ€ΡƒΠΆΠ°Π΅ΠΌΠΎΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ, Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ alt всС Ρ€Π°Π²Π½ΠΎ Π½ΡƒΠΆΠ½ΠΎ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ, присваивая Π΅ΠΌΡƒ пустоС Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅: alt=»». Π˜Π½Π°Ρ‡Π΅ Π²Π°Π»ΠΈΠ΄Π°Ρ‚ΠΎΡ€ ΠΎΠ±Π½Π°Ρ€ΡƒΠΆΠΈΡ‚ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π±Π΅Π· Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° alt ΠΈ сообщит ΠΎΠ± ошибкС.

Π’ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΌ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ Π²Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅, ΠΊΠ°ΠΊ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ с Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠΌ alt, ΠΊΠΎΠ³Π΄Π° появляСтся Β«ΠΎΡ‚ΡΡƒΡ‚ΡΡ‚Π²ΡƒΡŽΡ‰Π΅Π΅Β» ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅. ВСорСтичСски, Ссли рисунок Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π½Π°ΠΉΠ΄Π΅Π½, вмСсто Π½Π΅Π³ΠΎ выводится Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° alt:

Атрибуты Β«widthΒ» ΠΈ Β«heightΒ»

Π’Ρ‹ ΡƒΠΆΠ΅ Π·Π½Π°Π΅Ρ‚Π΅, Ρ‡Ρ‚ΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Π·Π°Π³Ρ€ΡƒΠΆΠ°Π΅Ρ‚ изобраТСния послС Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ ΠΈ Π½Π°Ρ‡Π½Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ Π²Π΅Π±-страницу. И Ссли Π²Ρ‹ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎ Π½Π΅ ΡƒΠΊΠ°ΠΆΠ΅Ρ‚Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ изобраТСния, Ρ‚ΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΡ… Π·Π½Π°Ρ‚ΡŒ Π΄ΠΎ Ρ‚Π΅Ρ… ΠΏΠΎΡ€, ΠΏΠΎΠΊΠ° Π½Π΅ Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ рисунок. Π’ этом случаС вмСсто изобраТСния сначала отобраТаСтся ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚ΠΈΠΊ, Π° послС Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ графичСского Ρ„Π°ΠΉΠ»Π° происходит ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠ΅ страницы с ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΌ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π΅Π½ΠΈΠ΅ΠΌ тСкста, Π΄Ρ€ΡƒΠ³ΠΈΡ… ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ² страницы ΠΈ ΠΏΠΎΡ‚Π΅Ρ€Π΅ΠΉ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ. Если ΠΆΠ΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ Π·Π°Π΄Π°Π½Ρ‹, Ρ‚ΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ оставляСт мСсто для изобраТСния ΠΈ страница загруТаСтся быстрСС. Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ значСния Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ² width ΠΈ height, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ мСньшС ΠΈΠ»ΠΈ большС, Ρ‡Π΅ΠΌ фактичСскиС Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ изобраТСния, ΠΈ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ установит ΠΏΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΈ рисунка Ρ‚Π°ΠΊ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½ΠΈ соотвСтствовали Π½ΠΎΠ²Ρ‹ΠΌ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°ΠΌ. Π˜Ρ… значСния ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ Π² пиксСлах ΠΈΠ»ΠΈ ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚Π°Ρ… ΠΎΡ‚ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° ΠΎΠΊΠ½Π° (Π² этом случаС послС Ρ€Π°Π·ΠΌΠ΅Ρ€Π° ставится Π·Π½Π°ΠΊ %). Если послС числовых Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ² Ρ€Π°Π·ΠΌΠ΅Ρ€Π½ΠΎΡΡ‚ΡŒ Π½Π΅ ΡƒΠΊΠ°Π·Π°Π½Π° явно Ρ‚ΠΎ, ΠΏΠΎ-ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ, Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ ΠΈΠ½Ρ‚Π΅Ρ€ΠΏΡ€Π΅Ρ‚ΠΈΡ€ΡƒΠ΅Ρ‚ эти Π²Π΅Π»ΠΈΡ‡ΠΈΠ½Ρ‹ Π² пиксСлях.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€: использования Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ² width ΠΈ height

ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это. orange. ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это Ρ„ΠΎΡ‚ΠΎ. ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это-orange. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° orange. Код для Π²Ρ‹Π²ΠΎΠ΄Π° изобраТСния Π² HTML, выглядит ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ: ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это. orange. ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это Ρ„ΠΎΡ‚ΠΎ. ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это-orange. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° orange. Код для Π²Ρ‹Π²ΠΎΠ΄Π° изобраТСния Π² HTML, выглядит ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ: ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это. orange. ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это Ρ„ΠΎΡ‚ΠΎ. ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это-orange. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° orange. Код для Π²Ρ‹Π²ΠΎΠ΄Π° изобраТСния Π² HTML, выглядит ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ:

Если Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ изобраТСния, Ρ‚ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ графичСскиС Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ для Ρ€Π°Π±ΠΎΡ‚Ρ‹ с изобраТСниями. Они смогут ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ изобраТСния вовсС Π±Π΅Π· искаТСний.

Если ΡƒΠΊΠ°Π·Π°Π½ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ², Ρ‚ΠΎ Π²Ρ‚ΠΎΡ€ΠΎΠΉ вычисляСтся автоматичСски с сохранСниСм ΠΏΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΉ. ΠŸΡ€ΠΈ этом Ρ€Π°Π·ΠΌΠ΅Ρ€ Π·Π°Π³Ρ€ΡƒΠΆΠ°Π΅ΠΌΠΎΠ³ΠΎ изобраТСния Π½Π΅ измСняСтся, Π½ΠΎ врСмя Π½Π° Π΅Π³ΠΎ Ρ‚Ρ€Π°Π½ΡΡ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ, СстСствСнно, трСбуСтся. ΠŸΡ€ΠΈ Π±ΠΎΠ»ΡŒΡˆΠΈΡ… Ρ€Π°Π·ΠΌΠ΅Ρ€Π°Ρ… Ρ„Π°ΠΉΠ»Π° Π·Π°Ρ‚Ρ€Π°Ρ‚Ρ‹ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ, ΠΏΡ€ΠΈ этом, ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ достаточно ΠΎΡ‰ΡƒΡ‚ΠΈΠΌΡ‹ΠΌΠΈ.

Если Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ width ΠΈ height для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ изобраТСния Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅, Ρ‚ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΠ°Π·Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ примСняСтС ΠΈΡ… для оформлСния Π²Π΅Π±-страницы, Π° Π² этом случаС, Π»ΡƒΡ‡ΡˆΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ CSS, Ρ‡Ρ‚ΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚ Π΄ΠΎΠ±ΠΈΡ‚ΡŒΡΡ Ρ‚Π΅Ρ… ΠΆΠ΅ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ΠΎΠ². Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ style ΡƒΠΊΠ°Π·Π°Π² свойства width ΠΈ height изобраТСния:

ΠŸΡ€ΠΈΠΌΠ΅Ρ€: Π·Π°Π΄Π°Π½ΠΈΠ΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² изобраТСния с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° style

ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это. orange. ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это Ρ„ΠΎΡ‚ΠΎ. ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это-orange. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° orange. Код для Π²Ρ‹Π²ΠΎΠ΄Π° изобраТСния Π² HTML, выглядит ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ: ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это. orange. ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это Ρ„ΠΎΡ‚ΠΎ. ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это-orange. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° orange. Код для Π²Ρ‹Π²ΠΎΠ΄Π° изобраТСния Π² HTML, выглядит ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ:

Π Π°Π·ΠΌΠ΅Ρ€Ρ‹ изобраТСния ΠΈ CSS

Если ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π΅ помСщаСтся Π²Π½ΡƒΡ‚Ρ€ΠΈ области содСрТимого ΠΏΡ€ΠΈ просмотрС Π½Π° устройствС с нСбольшим экраном (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½), ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ приходится ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‡ΠΈΠ²Π°Ρ‚ΡŒ страницу ΠΏΠΎ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΠΈ ΠΈΠ»ΠΈ ΡƒΠΌΠ΅Π½ΡŒΡˆΠ°Ρ‚ΡŒ ΠΌΠ°ΡΡˆΡ‚Π°Π±, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ, ΠΏΡ€ΠΈ этом, ΠΎΠ½ испытываСт большиС нСудобства. Π’ Ρ‚Π°ΠΊΠΈΡ… случаях ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡Ρ‚ΠΈΡ‚Π΅Π»ΡŒΠ½Π΅Π΅ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ Π² Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π΅ style значСния max-width ΠΈΠ»ΠΈ max-height вмСсто Π°Π±ΡΠΎΠ»ΡŽΡ‚Π½Ρ‹Ρ… Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ². Π’ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΌ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ ΠΌΡ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌ max-width:100% для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π΅ Π±Ρ‹Π»ΠΎ слишком большим для своСго контСкста. ΠŸΡ€ΠΈ использовании Ρ‚ΠΎΠ»ΡŒΠΊΠΎ max-width (Π±Π΅Π· использования max-height), Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Π±ΡƒΠ΄Π΅Ρ‚ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎ. Π”Ρ€ΡƒΠ³ΠΈΠΌΠΈ словами, высота Π±ΡƒΠ΄Π΅Ρ‚ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΠ΅Ρ‚ΡΡ вмСстС с ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉ, Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΡΠΊΠ°ΠΆΠ°Ρ‚ΡŒΡΡ.

ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, ΠΊΠ°ΠΊ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΡ€ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² ΠΎΠΊΠ½Π° Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°. Если Ρƒ вас достаточно большой экран, ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ Π² Ρ€Π°Π·Π½Ρ‹Ρ… измСрСниях.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€: Π·Π°Π΄Π°Π½ΠΈΠ΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² изобраТСния с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ max-width

ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это. camel. ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это Ρ„ΠΎΡ‚ΠΎ. ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это-camel. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° camel. Код для Π²Ρ‹Π²ΠΎΠ΄Π° изобраТСния Π² HTML, выглядит ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ:

ΠšΠ°Ρ€Ρ‚Ρ‹-изобраТСния

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ ΠΊΠ°Ρ€Ρ‚Ρ‹-изобраТСния (ΠΏΠΎ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Π°ΠΌ изобраТСния ΠΌΠΎΠΆΠ½ΠΎ Ρ‰Π΅Π»ΠΊΠ°Ρ‚ΡŒ):

ΠŸΡ€ΠΈΠΌΠ΅Ρ€: Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΊΠ°Ρ€Ρ‚Ρ‹ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ

ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это. foto elem. ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это Ρ„ΠΎΡ‚ΠΎ. ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это-foto elem. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° foto elem. Код для Π²Ρ‹Π²ΠΎΠ΄Π° изобраТСния Π² HTML, выглядит ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ:

Атрибуты Ρ‚Π΅Π³Π° :

НазваниС Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π°ΠžΠΏΠΈΡΠ°Π½ΠΈΠ΅
shapeΠžΡ‡Π΅Ρ€Ρ‚Π°Π½ΠΈΡ области. Π’ΠΎΠ·ΠΌΠΎΠΆΠ½Ρ‹Π΅ значСния Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π°:
rect – ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ;
circle – ΠΊΡ€ΡƒΠ³;
poly – ΠΌΠ½ΠΎΠ³ΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ.
coordsΠšΠΎΠΎΡ€Π΄ΠΈΠ½Π°Ρ‚Ρ‹ области:
Для ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ° – ΠΊΠΎΠΎΡ€Π΄ΠΈΠ½Π°Ρ‚Ρ‹ Π»Π΅Π²ΠΎΠ³ΠΎ Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ ΠΈ ΠΏΡ€Π°Π²ΠΎΠ³ΠΎ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΡƒΠ³Π»ΠΎΠ².
Для ΠΊΡ€ΡƒΠ³Π° – ΠΊΠΎΠΎΡ€Π΄ΠΈΠ½Π°Ρ‚Ρ‹ Ρ†Π΅Π½Ρ‚Ρ€Π° ΠΈ радиус.
Для ΠΌΠ½ΠΎΠ³ΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ° – ΠΊΠΎΠΎΡ€Π΄ΠΈΠ½Π°Ρ‚Ρ‹ всСх ΡƒΠ³Π»ΠΎΠ².
hrefURL-адрСс Ρ„Π°ΠΉΠ»Π°, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ дСлаСтся ссылка.
titleΠ’ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉ тСкст, ΠΏΠΎΡΠ²Π»ΡΡŽΡ‰ΠΈΠΉΡΡ ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ курсора Π½Π° Π·Π°Π΄Π°Π½Π½ΡƒΡŽ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ.
altВСкстовоС описаниС области. Π‘Π»ΡƒΠΆΠΈΡ‚ Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²ΠΎΠΉ ΠΏΡ€ΠΈ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡Π΅Π½Π½ΠΎΠΉ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ.

ΠŸΡƒΡ‚ΡŒ ΠΊ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡŽ

Π’ ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΌ ΠΊΠΎΠ΄Π΅ ΠΎΡˆΠΈΠ±ΠΎΡ‡Π½ΠΎ ΡƒΠΊΠ°Π·Π°Π½ ΠΏΡƒΡ‚ΡŒ ΠΊ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡŽ «face_smiley.jpg» вмСсто «smiley.jpg». Π˜ΡΠΏΡ€Π°Π²ΡŒΡ‚Π΅ ΠΎΡˆΠΈΠ±ΠΊΡƒ.

ΠΠ»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ тСкст

Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² Π΄Π°Π½Π½ΠΎΠΌ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΎ Π²Π΅Π±-Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠΌ. Π£ΠΊΠ°ΠΆΠΈΡ‚Π΅ для изобраТСния Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ тСкст «wm-school.ru», ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌ для ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ тСкстовых Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ² ΠΈΠ»ΠΈ для Ρ‚Π΅Ρ…, Ρƒ ΠΊΠΎΠ³ΠΎ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΎ воспроизвСдСниС Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ.

Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅-ссылка

Π‘Π΄Π΅Π»Π°ΠΉΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π°Π±ΡΠΎΠ»ΡŽΡ‚Π½ΠΎΠΉ ссылкой, Π²Π΅Π΄ΡƒΡ‰Π΅ΠΉ Π½Π° сайт «www.wm-school.ru».

Π Π°Π·ΠΌΠ΅Ρ€Ρ‹ изобраТСния

Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ HTML ΡƒΠ²Π΅Π»ΠΈΡ‡ΡŒΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² 2 Ρ€Π°Π·Π°.

Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² 100%

Π‘Π΄Π΅Π»Π°ΠΉΡ‚Π΅ Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π»ΠΎΡΡŒ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ Π²Π½Π΅ зависимости ΠΎΡ‚ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ ΠΎΠΊΠ½Π° Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°.
Π˜Π·ΠΌΠ΅Π½ΡΠΉΡ‚Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΎΠΊΠ½Π° Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ растягивания/суТСния Ρ€Π°Π·ΠΌΠ΅Ρ€Π° ΠΈΠ»ΠΈ мСняйтС ΠΌΠ°ΡΡˆΡ‚Π°Π± с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ctrl+»+» / Ctrl+»-«.

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ

ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°, которая ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ являСтся ΠΊΠΎΠ΄ΠΎΠΌ Π½Π° Javascript

ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это. image loader. ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это Ρ„ΠΎΡ‚ΠΎ. ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это-image loader. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° image loader. Код для Π²Ρ‹Π²ΠΎΠ΄Π° изобраТСния Π² HTML, выглядит ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ:

Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ хранятся ΠΊΠ°ΠΊ Π΄Π²ΠΎΠΈΡ‡Π½Ρ‹Π΅ Ρ„Π°ΠΉΠ»Ρ‹, Π° Ρ„Π°ΠΉΠ» Javascript ΠΏΠΎ сути являСтся ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹ΠΌ тСкстом. Оба Ρ‚ΠΈΠΏΠ° Ρ„Π°ΠΉΠ»ΠΎΠ² Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚ΡŒ собствСнным ΠΏΡ€Π°Π²ΠΈΠ»Π°ΠΌ: изобраТСния ΠΈΠΌΠ΅ΡŽΡ‚ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½Ρ‹ΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ Ρ„Π°ΠΉΠ»Π°, ΠΎΠΏΡ€Π΅Π΄Π΅Π»Ρ‘Π½Π½Ρ‹ΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ ΠΊΠΎΠ΄ΠΈΡ€ΡƒΡŽΡ‰ΠΈΠΉ Π΄Π°Π½Π½Ρ‹Π΅. Для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ„Π°ΠΉΠ»Ρ‹ Javascript ΠΌΠΎΠΆΠ½ΠΎ Π±Ρ‹Π»ΠΎ ΠΈΡΠΏΠΎΠ»Π½ΡΡ‚ΡŒ, ΠΎΠ½ΠΈ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Ρ‘Π½Π½ΠΎΠΌΡƒ синтаксису. Π― задался вопросом: ΠΌΠΎΠΆΠ½ΠΎ Π»ΠΈ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Ρ„Π°ΠΉΠ» изобраТСния, ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ ΡΠ²Π»ΡΡŽΡ‰ΠΈΠΉΡΡ допустимым синтаксисом Javascript, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΅Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π±Ρ‹Π»ΠΎ ΠΈΡΠΏΠΎΠ»Π½ΡΡ‚ΡŒ?

ΠŸΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ Π²Ρ‹ ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠΈΡ‚Π΅ Ρ‡Ρ‚Π΅Π½ΠΈΠ΅, ΠΊΡ€Π°ΠΉΠ½Π΅ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΡŽ ΠΈΠ·ΡƒΡ‡ΠΈΡ‚ΡŒ эту пСсочницу ΠΊΠΎΠ΄Π° с Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π°ΠΌΠΈ ΠΌΠΎΠΈΡ… экспСримСнтов:

Если Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈ ΠΈΠ·ΡƒΡ‡ΠΈΡ‚ΡŒ Π΅Π³ΠΎ ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ, Ρ‚ΠΎ ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ Π΅Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡ‚ΡΡŽΠ΄Π°:

Π’Ρ‹Π±ΠΎΡ€ подходящСго Ρ‚ΠΈΠΏΠ° изобраТСния

К соТалСнию, изобраТСния содСрТат мноТСство Π΄Π²ΠΎΠΈΡ‡Π½Ρ‹Ρ… Π΄Π°Π½Π½Ρ‹Ρ…, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΡ€ΠΈ ΠΈΠ½Ρ‚Π΅Ρ€ΠΏΡ€Π΅Ρ‚Π°Ρ†ΠΈΠΈ Π² качСствС Javascript Π±ΡƒΠ΄ΡƒΡ‚ Π²Ρ‹Π΄Π°Π²Π°Ρ‚ΡŒ ΠΎΡˆΠΈΠ±ΠΊΡƒ. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ моя пСрвая ΠΌΡ‹ΡΠ»ΡŒ Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π»Π°ΡΡŒ Π² ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΌ: Ρ‡Ρ‚ΠΎ Ссли просто ΠΏΠΎΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ всС Π΄Π°Π½Π½Ρ‹Π΅ изобраТСния Π² большой ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ, ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π½ΠΎ Ρ‚Π°ΠΊ:

Π­Ρ‚ΠΎΡ‚ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ Ρ„Π°ΠΉΠ»Π° ΠΏΡ€ΠΈΠ²Ρ‘Π» мСня ΠΊ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΉ ΠΈΠ΄Π΅Π΅: Ρ‡Ρ‚ΠΎ Ссли ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ эту ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ Π±Π°ΠΉΡ‚ΠΎΠ² ΠΊΠ°ΠΊ имя ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΠΉ ΠΈ ΠΏΡ€ΠΈΡΠ²ΠΎΠΈΡ‚ΡŒ Π΅ΠΉ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ Π΄Π»ΠΈΠ½Π½ΠΎΠΉ строки:

К соТалСнию, Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚Π΅ΠΉ Π±Π°ΠΉΡ‚ΠΎΠ² Π² Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°Ρ… Ρ„Π°ΠΉΠ»ΠΎΠ² ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ содСрТат Π½Π΅ΠΏΠ΅Ρ‡Π°Ρ‚Π°Π΅ΠΌΡ‹Π΅ символы, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ нСльзя ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π² ΠΈΠΌΠ΅Π½Π°Ρ… ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Ρ…. Но Π΅ΡΡ‚ΡŒ ΠΎΠ΄ΠΈΠ½ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ: GIF. Π‘Π»ΠΎΠΊ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° GIF ΠΈΠΌΠ΅Π΅Ρ‚ Π²ΠΈΠ΄ 47 49 46 38 39 61, Ρ‡Ρ‚ΠΎ ΡƒΠ΄ΠΎΠ±Π½ΠΎ прСобразуСтся Π² ASCII Π² строку GIF89a β€” Π°Π±ΡΠΎΠ»ΡŽΡ‚Π½ΠΎ допустимоС имя ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΠΉ!

Π’Ρ‹Π±ΠΎΡ€ подходящих Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² изобраТСния

Π’Π΅ΠΏΠ΅Ρ€ΡŒ, ΠΊΠΎΠ³Π΄Π° ΠΌΡ‹ нашли Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ изобраТСния, Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΠΉΡΡ с допустимого ΠΈΠΌΠ΅Π½ΠΈ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΠΉ, Π½Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ символы Π·Π½Π°ΠΊΠ° равСнства ΠΈ ΠΎΠ±Ρ€Π°Ρ‚Π½ΠΎΠ³ΠΎ апострофа (backtick). Π‘Π»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌΠΈ Ρ‡Π΅Ρ‚Ρ‹Ρ€ΡŒΠΌΡ Π±Π°ΠΉΡ‚Π°ΠΌΠΈ Ρ„Π°ΠΉΠ»Π° Π±ΡƒΠ΄ΡƒΡ‚: 3D 09 60 04

ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это. image loader. ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это Ρ„ΠΎΡ‚ΠΎ. ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это-image loader. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° image loader. Код для Π²Ρ‹Π²ΠΎΠ΄Π° изобраТСния Π² HTML, выглядит ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ:

ΠŸΠ΅Ρ€Π²Ρ‹Π΅ Π±Π°ΠΉΡ‚Ρ‹ изобраТСния

Π’ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ GIF Ρ‡Π΅Ρ‚Ρ‹Ρ€Π΅ Π±Π°ΠΉΡ‚Π° послС Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡŽΡ‚ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ изобраТСния. Нам Π½ΡƒΠΆΠ½ΠΎ ΡƒΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ Π² Π½ΠΈΡ… 3D (Π·Π½Π°ΠΊ равСнства) ΠΈ 60 (ΠΎΠ±Ρ€Π°Ρ‚Π½Ρ‹ΠΉ апостроф, ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉ строку). Π’ GIF ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ порядок little endian, поэтому Π²Ρ‚ΠΎΡ€ΠΎΠΉ ΠΈ Ρ‡Π΅Ρ‚Π²Ρ‘Ρ€Ρ‚Ρ‹ΠΉ символы ΠΈΠΌΠ΅ΡŽΡ‚ ΠΎΠ³Ρ€ΠΎΠΌΠ½ΠΎΠ΅ влияниС Π½Π° Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ изобраТСния. Они Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ мСньшС, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π΅ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ»ΠΎΡΡŒ ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉ ΠΈ высотой Π² дСсятки тысяч пиксСлСй. Π‘Π»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ, Π½Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Ρ…Ρ€Π°Π½ΠΈΡ‚ΡŒ большиС Π±Π°ΠΉΡ‚Ρ‹ 3D ΠΈ 60 Π² Π½Π°ΠΈΠΌΠ΅Π½Π΅Π΅ Π·Π½Π°Ρ‡ΠΈΠΌΡ‹Ρ… Π±Π°ΠΉΡ‚Π°Ρ….

НаимСньший ΠΏΡ€ΠΎΠ±Π΅Π»ΡŒΠ½Ρ‹ΠΉ символ β€” это 09 (символ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠΉ табуляции). Он Π΄Π°Ρ‘Ρ‚ Π½Π°ΠΌ ΡˆΠΈΡ€ΠΈΠ½Ρƒ изобраТСния 3D 09, Ρ‡Ρ‚ΠΎ Π² little endian Ρ€Π°Π²Π½ΠΎ 2365; Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΡˆΠΈΡ€Π΅, Ρ‡Π΅ΠΌ Π±Ρ‹ ΠΌΠ½Π΅ Ρ…ΠΎΡ‚Π΅Π»ΠΎΡΡŒ, Π½ΠΎ всё Ρ€Π°Π²Π½ΠΎ Π²ΠΏΠΎΠ»Π½Π΅ ΠΏΡ€ΠΈΠ΅ΠΌΠ»Π΅ΠΌΠΎ.

Для Π²Ρ‚ΠΎΡ€ΠΎΠ³ΠΎ Π±Π°ΠΉΡ‚Π° высоты ΠΌΠΎΠΆΠ½ΠΎ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅, Π΄Π°ΡŽΡ‰Π΅Π΅ Ρ…ΠΎΡ€ΠΎΡˆΠ΅Π΅ ΡΠΎΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠ΅ сторон. Π― Π²Ρ‹Π±Ρ€Π°Π» 04, Ρ‡Ρ‚ΠΎ Π΄Π°Ρ‘Ρ‚ Π½Π°ΠΌ высоту 60 04, ΠΈΠ»ΠΈ 1120 пиксСлСй.

ЗасовываСм Π² Ρ„Π°ΠΉΠ» скрипт

Пока наш исполняСмый GIF ΠΏΠΎΡ‡Ρ‚ΠΈ Π½ΠΈΡ‡Π΅Π³ΠΎ Π½Π΅ Π΄Π΅Π»Π°Π΅Ρ‚. Он просто присваиваСт глобальной ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΠΉ GIF89a Π΄Π»ΠΈΠ½Π½ΡƒΡŽ строку. ΠœΡ‹ Ρ…ΠΎΡ‚ΠΈΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ происходило Ρ‡Ρ‚ΠΎ-Π½ΠΈΠ±ΡƒΠ΄ΡŒ интСрСсноС! Основная Ρ‡Π°ΡΡ‚ΡŒ Π΄Π°Π½Π½Ρ‹Ρ… Π²Π½ΡƒΡ‚Ρ€ΠΈ GIF ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для кодирования изобраТСния, поэтому Ссли ΠΌΡ‹ ΠΏΠΎΠΏΡ€ΠΎΠ±ΡƒΠ΅ΠΌ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Ρ‚ΡƒΠ΄Π° Javascript, Ρ‚ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, вСроятно, Π±ΡƒΠ΄Π΅Ρ‚ сильно искаТённым. Но ΠΏΠΎ ΠΊΠ°ΠΊΠΎΠΉ-Ρ‚ΠΎ ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π΅ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ GIF содСрТит Π½Π΅Ρ‡Ρ‚ΠΎ ΠΏΠΎΠ΄ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ Comment Extension. Π­Ρ‚ΠΎ мСсто для хранСния ΠΌΠ΅Ρ‚Π°Π΄Π°Π½Π½Ρ‹Ρ…, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ ΠΈΠ½Ρ‚Π΅Ρ€ΠΏΡ€Π΅Ρ‚ΠΈΡ€ΡƒΡŽΡ‚ΡΡ Π΄Π΅ΠΊΠΎΠ΄Π΅Ρ€ΠΎΠΌ GIF β€” идСальноС мСсто для нашСй Javascript-Π»ΠΎΠ³ΠΈΠΊΠΈ.

Π­Ρ‚ΠΎ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ для ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠ΅Π² находится сразу послС Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ Ρ†Π²Π΅Ρ‚ΠΎΠ² GIF. ΠŸΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ ΠΏΠΎΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ Ρ‚ΡƒΠ΄Π° любоС содСрТимоС, ΠΌΠΎΠΆΠ½ΠΎ запросто Π·Π°ΠΊΡ€Ρ‹Ρ‚ΡŒ строку GIF89a, Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ вСсь Javascript, Π° Π·Π°Ρ‚Π΅ΠΌ Π½Π°Ρ‡Π°Ρ‚ΡŒ многострочный Π±Π»ΠΎΠΊ коммСнтария, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΡΡ‚Π°Π»ΡŒΠ½Π°Ρ Ρ‡Π°ΡΡ‚ΡŒ изобраТСния Π½Π΅ влияла Π½Π° парсСр Javascript.

Π’ ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎΠΌ ΠΈΡ‚ΠΎΠ³Π΅ наш Ρ„Π°ΠΉΠ» ΠΌΠΎΠΆΠ΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ:

Однако сущСствуСт нСбольшоС ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½ΠΈΠ΅: хотя сам Π±Π»ΠΎΠΊ коммСнтария ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΠΌΠ΅Ρ‚ΡŒ любой Ρ€Π°Π·ΠΌΠ΅Ρ€, ΠΎΠ½ состоит ΠΈΠ· Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… ΠΏΠΎΠ΄Π±Π»ΠΎΠΊΠΎΠ², ΠΈ ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΈΠ· Π½ΠΈΡ… составляСт 255. ΠœΠ΅ΠΆΠ΄Ρƒ ΠΏΠΎΠ΄Π±Π»ΠΎΠΊΠ°ΠΌΠΈ Π΅ΡΡ‚ΡŒ ΠΎΠ΄ΠΈΠ½ Π±Π°ΠΉΡ‚, ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡŽΡ‰ΠΈΠΉ Π΄Π»ΠΈΠ½Ρƒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π³ΠΎ ΠΏΠΎΠ΄Π±Π»ΠΎΠΊΠ°. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ Ρ‚ΡƒΠ΄Π° большой скрипт, Π΅Π³ΠΎ Π½ΡƒΠΆΠ½ΠΎ Ρ€Π°Π·Π΄Π΅Π»ΠΈΡ‚ΡŒ Π½Π° ΠΌΠ΅Π»ΠΊΠΈΠ΅ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Ρ‹, ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π½ΠΎ Π²ΠΎΡ‚ Ρ‚Π°ΠΊ:

ШСстнадцатСричныС ΠΊΠΎΠ΄Ρ‹ Π² коммСнтариях β€” это Π±Π°ΠΉΡ‚Ρ‹, ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡŽΡ‰ΠΈΠ΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π³ΠΎ ΠΏΠΎΠ΄Π±Π»ΠΎΠΊΠ°. Они Π½Π΅ относятся ΠΊ Javascript, Π½ΠΎ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ для Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° Ρ„Π°ΠΉΠ»Π° GIF. Π§Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½ΠΈ Π½Π΅ мСшали ΠΎΡΡ‚Π°Π»ΡŒΠ½ΠΎΠΉ части ΠΊΠΎΠ΄Π°, ΠΈΡ… Π½ΡƒΠΆΠ½ΠΎ ΠΏΠΎΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ Π² ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ. Π― написал нСбольшой скрипт, ΠΎΠ±Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Ρ‹ скрипта ΠΈ Π΄ΠΎΠ±Π°Π²Π»ΡΡŽΡ‰ΠΈΠΉ ΠΈΡ… Π² Ρ„Π°ΠΉΠ» изобраТСния:

ΠŸΠΎΠ΄Ρ‡ΠΈΡ‰Π°Π΅ΠΌ Π΄Π²ΠΎΠΈΡ‡Π½Ρ‹Π΅ Π΄Π°Π½Π½Ρ‹Π΅

Π’Π΅ΠΏΠ΅Ρ€ΡŒ, ΠΊΠΎΠ³Π΄Π° Ρƒ нас Π΅ΡΡ‚ΡŒ базовая структура, Π½Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ‚Π°ΠΊ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΄Π²ΠΎΠΈΡ‡Π½Ρ‹Π΅ Π΄Π°Π½Π½Ρ‹Π΅ изобраТСния Π½Π΅ испортили синтаксис ΠΊΠΎΠ΄Π°. Как Π³ΠΎΠ²ΠΎΡ€ΠΈΠ»ΠΎΡΡŒ Π² ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰Π΅ΠΌ Ρ€Π°Π·Π΄Π΅Π»Π΅, Ρ„Π°ΠΉΠ» состоит ΠΈΠ· Ρ‚Ρ€Ρ‘Ρ… Ρ€Π°Π·Π΄Π΅Π»ΠΎΠ²: Π² ΠΏΠ΅Ρ€Π²ΠΎΠΌ выполняСтся присваиваниС значСния ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΠΉ GIF89a, Π²Ρ‚ΠΎΡ€ΠΎΠΉ β€” это ΠΊΠΎΠ΄ Π½Π° Javascript, Π° Ρ‚Ρ€Π΅Ρ‚ΠΈΠΉ β€” ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ ΠΈΠ· Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… строк.

Π”Π°Π²Π°ΠΉΡ‚Π΅ взглянСм Π½Π° ΠΏΠ΅Ρ€Π²ΡƒΡŽ Ρ‡Π°ΡΡ‚ΡŒ с присвоСниСм значСния ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΠΉ:

БорСмся с искаТСниями

Π’ ΠΊΠΎΠ½Ρ†Π΅ Javascript-ΠΊΠΎΠ΄Π° ΠΌΡ‹ ΠΎΡ‚ΠΊΡ€Ρ‹Π»ΠΈ многострочный ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΄Π²ΠΎΠΈΡ‡Π½Ρ‹Π΅ Π΄Π°Π½Π½Ρ‹Π΅ изобраТСния Π½Π΅ влияли Π½Π° парсинг Javascript:

ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это. image loader. ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это Ρ„ΠΎΡ‚ΠΎ. ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это-image loader. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠΎΠ΄ изобраТСния Ρ‡Ρ‚ΠΎ это. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° image loader. Код для Π²Ρ‹Π²ΠΎΠ΄Π° изобраТСния Π² HTML, выглядит ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ:

Π—Π°Π²Π΅Ρ€ΡˆΠ°Π΅ΠΌ Ρ„Π°ΠΉΠ»

Нам ΠΎΡΡ‚Π°Π»Π°ΡΡŒ послСдняя опСрация β€” Π·Π°Π²Π΅Ρ€ΡˆΠ΅Π½ΠΈΠ΅ Ρ„Π°ΠΉΠ»Π°. Π€Π°ΠΉΠ» Π΄ΠΎΠ»ΠΆΠ΅Π½ Π·Π°Π²Π΅Ρ€ΡˆΠ°Ρ‚ΡŒΡΡ Π±Π°ΠΉΡ‚Π°ΠΌΠΈ 00 3B, поэтому Π½Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π·Π°Π²Π΅Ρ€ΡˆΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ Ρ€Π°Π½ΡŒΡˆΠ΅. ΠŸΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ это ΠΊΠΎΠ½Π΅Ρ† Ρ„Π°ΠΉΠ»Π° ΠΈ Π»ΡŽΠ±Ρ‹Π΅ ΠΏΠΎΡ‚Π΅Π½Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ поврСТдСния Π±ΡƒΠ΄ΡƒΡ‚ Π½Π΅ особо Π·Π°ΠΌΠ΅Ρ‚Π½Ρ‹, я просто Π·Π°Π²Π΅Ρ€ΡˆΠΈΠ» ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ ΠΈΠ· Π±Π»ΠΎΠΊΠΎΠ² ΠΈ Π΄ΠΎΠ±Π°Π²ΠΈΠ» однострочный ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΊΠΎΠ½Π΅Ρ† Ρ„Π°ΠΉΠ»Π° Π½Π΅ Π²Ρ‹Π·Ρ‹Π²Π°Π» ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ ΠΏΡ€ΠΈ парсингС:

Π£Π³ΠΎΠ²Π°Ρ€ΠΈΠ²Π°Π΅ΠΌ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ ΠΈΡΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅

Refused to execute script from ‘http://localhost:8080/image.gif’ because its MIME type (‘image/gif’) is not executable. [ΠžΡ‚ΠΊΠ°Π· ΠΎΡ‚ исполнСния скрипта ΠΈΠ· ‘http://localhost:8080/image.gif’, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ Π΅Π³ΠΎ MIME-Ρ‚ΠΈΠΏ Π½Π΅ являСтся исполняСмым.]

Π’ΠΎ Π΅ΡΡ‚ΡŒ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ справСдливо Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚: Β«Π­Ρ‚ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, я Π½Π΅ Π±ΡƒΠ΄Ρƒ Π΅Π³ΠΎ ΠΈΡΠΏΠΎΠ»Π½ΡΡ‚ΡŒ!Β». И Π² Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π΅ случаСв это Π²ΠΏΠΎΠ»Π½Π΅ умСстно. Но ΠΌΡ‹ всё Ρ€Π°Π²Π½ΠΎ Ρ…ΠΎΡ‚ΠΈΠΌ Π΅Π³ΠΎ ΠΈΡΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ. РСшСниС Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ просто Π½Π΅ Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚ΡŒ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ, Ρ‡Ρ‚ΠΎ это ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅. Для этого я написал нСбольшой сСрвСр, ΠΏΠ΅Ρ€Π΅Π΄Π°ΡŽΡ‰ΠΈΠΉ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π±Π΅Π· ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°.

Π‘Π΅Π· ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΎ MIME-Ρ‚ΠΈΠΏΠ΅ ΠΈΠ· Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Π½Π΅ Π·Π½Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ это ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈ Π΄Π΅Π»Π°Π΅Ρ‚ ΠΈΠΌΠ΅Π½Π½ΠΎ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π»ΡƒΡ‡ΡˆΠ΅ всСго ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ Π² контСкстС: ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅Ρ‚ Π΅Π³ΠΎ ΠΊΠ°ΠΊ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² Ρ‚Π΅Π³Π΅ ΠΈΠ»ΠΈ исполняСт ΠΊΠ°ΠΊ Javascript Π² Ρ‚Π΅Π³Π΅

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ

Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

Π’Π°Ρˆ адрСс email Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠΏΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½. ΠžΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ поля ΠΏΠΎΠΌΠ΅Ρ‡Π΅Π½Ρ‹ *