Задаволены

• Крок
• Спосаб 1 з 1: Устаўка малюнкаў у HTML
• Парады
• Папярэджанні

Даданне малюнкаў на ваш сайт альбо ў профіль сацыяльнай сеткі - выдатны спосаб апрануць вашу вэб-старонку. HTML (мова разметкі HyperText) мае мноства функцый для стварэння вэб-старонак, але, на шчасце, код, які трэба дадаць, не занадта складаны.

Крок

Спосаб 1 з 1: Устаўка малюнкаў у HTML

1. Загрузіце малюнак на бясплатны вэб-сайт хостынгу, напрыклад Photobucket ці TinyPic, які дазваляе гарачыя спасылкі. Гарачая спасылка дазваляе прамую спасылку выявы на сервер вэб-сайта; некаторыя правайдэры забаранілі гэта, таму што гарачыя спасылкі выкарыстоўваюць прапускную здольнасць і займаюць месца на серверах.
   • Калі ў вас ёсць платны хостынг-рахунак, загружайце выявы непасрэдна на сервер, на якім размешчаны ваш сайт. Гэта заўсёды больш надзейна, чым бясплатны сайт, і зусім не абавязкова быць дарагім.
2. Адкрыйце новы дакумент у тэкставым рэдактары (напрыклад,, Notepad / Notepad) альбо адкрыйце старонку на вашым вэб-сайце / профілі, дзе вы можаце непасрэдна змяніць HTML-код.
3. Пачніце з img пазнака. img тэг пусты, што азначае, што закрывальны тэг не патрэбны. Аднак для праверкі XHTML вы ўсё яшчэ можаце паставіць прабел і касую рысу перад ім больш, чым знак.
   • img />
4. Даступна шмат атрыбутаў, але неабходны толькі адзін:src. Гэта месцазнаходжанне / адрас, альбо URL, вашага малюнка.
   • img src = "URL малюнка" />
5. Далей трэба альт дадаць атрыбут. Гэта паказвае альтэрнатыўны тэкст на выпадак загрузкі выявы. Гэта таксама паслуга для людзей са слабым зрокам, якая выкарыстоўвае счытвальнікі з экрана.
   • Калі навесці курсор на малюнак, гэты тэкст таксама будзе паказаны ў выглядзе падказкі, але гэта толькі ў Internet Explorer. Рашэнне, якое працуе з усімі браўзэрамі (Firefox і інш.) да яго загаловак атрыбут для выкарыстання ў дадатак да альт. (Апошняе можна апусціць, калі вы не хочаце, каб на малюнку была падказка.)

У якасці прыкладу:img src = "URL выявы" alt = "На ўсялякі выпадак" title = "Падказка" />

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-выявы падтрымліваюць толькі 8-разрадны колер, максімум 256 кветак для малюнка. Таму можна чакаць, што прайграванне 16-ці ці 24-бітнай каляровай ілюстрацыі ці фота будзе не такім добрым.
  • GIF-выявы таксама падтрымліваюць празрыстасць. Магчымы адзін біт празрыстасці, а гэта значыць, што адзін колер можна зрабіць празрыстым.
  • Чаргаванне таксама падтрымліваецца выявамі GIF, што азначае, што наведвальнік сайта атрымае ўяўленне пра тое, як будзе выглядаць малюнак, перш чым ён будзе цалкам загружаны.
  • Фармат GIF таксама падтрымлівае анімацыю.
• Пераканайцеся, што ў URL-адрасе пазначаны фармат файла выявы (.webp .gif і г.д.).

Папярэджанні

• Не Hotlink!