Мазмун

• Басуу
• 1-ыкманын 1-ыкмасы: HTML менен сүрөттөрдү киргизүү
• Сунуштар
• Эскертүүлөр

Вебсайтыңызга же социалдык тармак профилиңизге сүрөт кошуу - бул веб баракчаңызды кооздоонун мыкты жолу. HTML (HyperText Markup Language) веб-баракчаларды түзүүдө көптөгөн функцияларды аткарат, бирок бактыга жараша, сүрөттөрдү кошуу үчүн керек болгон код өтө деле кыйын эмес.

Басуу

1-ыкманын 1-ыкмасы: HTML менен сүрөттөрдү киргизүү

1. Сүрөтүңүздү акысыз хостинг вебсайтына жүктөп бериңиз, мисалы, Photobucket же TinyPic, бул ысык шилтеме берет. Ыкчам шилтеме сүрөттүн веб-сайттын серверине түз шилтемесин берет; кээ бир провайдерлер буга тыюу салышкан, анткени ысык шилтеме алардын өткөрүү жөндөмүн колдонуп, алардын серверлеринде орун ээлейт.
   • Эгер сизде акы төлөнүүчү хостинг эсебиңиз болсо, сүрөттөрдү веб-сайтыңыз жайгаштырылган серверге түз жүктөңүз. Бул ар дайым акысыз сайтка караганда ишенимдүү жана кымбатка турбайт.
2. Текст редакторунда жаңы документти ачуу (мис., Блокнот / блокнот) же HTML кодун түздөн-түз өзгөртө турган веб-сайтыңыздагы / профилиңиздеги баракчаны ачыңыз.
3. Менен баштаңыз img тэг The img тег бош, башкача айтканда эч кандай жабылуучу тэг керек эмес. Бирок, XHTML тастыктоосу үчүн боштукту жана анын алдынан кыйшык сызыкты коюуга болот караганда чоң белги.
   • img />
4. Атрибуттар көп, бирок бирөөсү гана керек:src. Бул сиздин сүрөтүңүздүн жайгашкан жери / дареги, же ошондой эле URL.
   • img src = "Сүрөттүн URL" />
5. Кийинкиси керек alt атрибут кошуу. Бул сүрөт жүктөлбөй калса, кошумча текстти көрсөтөт. Бул ошондой эле экран окурмандарын колдонгон начар көргөндөр үчүн кызмат.
   • Эгерде сиз курсорду сүрөттүн үстүнө жылдырсаңыз, анда бул текст курал катары көрсөтүлөт, бирок бул Internet Explorerде гана болот. Бардык браузерлер менен иштеген чечим (Firefox жана башкалар.) ага жатат аталышы кошумча колдонула турган атрибут alt. (Сүрөттө кеңештин болушун каалабасаңыз, экинчисин таштап койсоңуз болот.)

Мисал катары:img src = "Сүрөттүн URL дареги" alt = "Болгону" title = "Tooltip" />

1. Эми сиз менен сүрөттүн көлөмүн көрсөтсө болот бийиктик жана туурасы атрибуту жана пикселди же пайызды көрсөтүү менен. Эскерте кетсек, ушундай жол менен көлөмүн өзгөртүү сүрөттүн көлөмүн эмес, көрүнүшүнүн көлөмүн гана өзгөртөт. Сүрөттү жүктөө убактысын кыскартуу үчүн, айрыкча чоң сүрөттөр менен, алардын көлөмүн алдын-ала сүрөттөрдү түзөтүү программасы же PicResize.com сыяктуу онлайн кызматы менен өлчөмүн өзгөрткөн оң.
   • img src = "Сүрөттүн URL дареги" alt = "Кандайдыр бир учурда" title = "Инструменталдык кеңеш" height = "50%" width = "50%" />
   • img src = "Сүрөттүн URL дареги" alt = "Кандайдыр бир учурда" title = "Инструменталдык кеңеш" height = "25px" width = "50px" />

Сунуштар

• Бул атрибуттар үчүн маани пиксел менен берилет, же пайыз менен, 1-100% чейин.
• Сүрөттү жогорку, төмөнкү, орто, оң, сол ж.б. сыяктуу ар кандай форматтоо атрибуттарын колдонуп, веб-баракчанын каалаган жерине жайгаштырууга болот.
• Hspace атрибуту сүрөттүн сол жана оң жагына горизонталдуу боштукту киргизүү үчүн колдонулат, ал эми vspace атрибуту сүрөттөрдүн жана башка объектилердин жогору жана ылдый жагында орун бошотуу үчүн колдонулат.
• Сүрөттөр менен көп алектенбеңиз. Бул башаламан жана кесипкөй эмес окшойт.
• GIF сүрөттөрү логотиптерге же мультфильмдерге жарашат, бирок бул файл түрү көп түстүү сүрөттөр жана башка сүрөттөр үчүн анча ылайыктуу эмес.
  • GIF сүрөттөрү сүрөт үчүн эң көп дегенде 256 түстөн турган 8-бит түстү гана колдойт. Демек, 16 же 24 биттик түстүү иллюстрацияны же сүрөттү көбөйтүү анчалык жакшы болбой калат деп күтүлүүдө.
  • GIF сүрөттөрү дагы ачыктыкты колдойт. Бир аз тунук болушу мүмкүн, демек, бир түс ачык-айкын болот.
  • Interlacing ошондой эле GIF сүрөттөрү тарабынан колдоого алынат, демек, сайтка кирген адам сүрөт толугу менен жүктөлө электе кандай болору жөнүндө түшүнүк алат.
  • GIF форматы анимацияны да колдойт.
• URL сүрөттүн файл форматы көрсөтүлгөндүгүн текшериңиз (.webp .gif ж.б.).

Эскертүүлөр

• Hotlink жок!