Мазмун

• Басуу
• 1ден 2-ыкма: HTML кодун жазыңыз
• 2ден 2-ыкма: HTML кодун түшүнүү

HTML кодунун бир сабы менен дээрлик бардык веб-сайттарга чыкылдатуучу сүрөттү кошсоңуз болот. Бул ишти жасоо үчүн эки нерсе керек болот. Сүрөттүн URL дареги жана вебсайттын URL дареги керек.

Басуу

1ден 2-ыкма: HTML кодун жазыңыз

1. HTML файлын түзүңүз. Тексттик редакторду ачып, андан соң жаңы файл түзүңүз. Файлды index.html катары сактаңыз.
   • Сиз каалаган тексттик редакторду, ал тургай Windows (Notepad) жана Mac OS X (TextEdit) жөнөкөй тексттик редакторлорун колдоно аласыз.
   • Эгер HTML менен иштөөгө арналган тексттик редакторду колдонууну кааласаңыз, анда Windows, Mac OS X жана Linux үчүн Atom, текст редакторун жүктөп алуу үчүн бул жерди чыкылдатыңыз.
   • Эгерде сиз TextEdit колдонуп жаткан болсоңуз, HTML файлын түзүүдөн мурун Формат менюсун чыкылдатып, андан кийин Жөнөкөй Текст жасаңыз. Бул жөндөө HTML файлынын веб-браузерде туура жүктөлүшүн камсыз кылат.
   • Microsoft Word сыяктуу тексттик процессорлор HTML жазуу үчүн чындыгында жакшы эмес, анткени алар HTML файлын бузуп, веб-браузерде туура эмес чагылдырган көзгө көрүнбөгөн белгилерди жана форматтоолорду кошушат.
2. Стандарттуу HTML кодун көчүрүп, чаптаңыз. Төмөндөгү HTML кодду тандап жана көчүрүп, өзүңүздүн index.html дарегиңизге чаптаңыз.
   

   a href = "target url"> img src = "image url" /> / a>

3. Сүрөтүңүздүн URL дарегин табыңыз. Интернеттен сүрөттү таап, аны оң баскыч менен чыкылдатып, (браузериңизге жараша) Сүрөттүн URL көчүрмөсүн, Сүрөттүн дарегин көчүрүңүз же Сүрөттүн жайгашкан жерин көчүрүңүз.
   • Firefox жана Internet Explorer колдонмолору Сүрөттүн жайгашкан жерин көчүрөт. Chrome Сүрөттүн URL дарегин көчүрөт. Safari Көчүрүү Сүрөт Дарегин колдонот.
4. Сүрөттүн URL дарегин кошуңуз. Index.html файлында, чыкылдатып сүйрөп, сүрөтүңүздүн URL дарегин чычкан менен тандап, андан кийин CTRL + V баскычтарын басып, URL коюңуз.
5. Максаттуу URL дарегин кошуңуз. Index.html-де максаттуу URL дарегин жок кылыңыз жана жазыңыз https://www.startpage.com.
   • Сиз максаттуу URL катары каалаган URL колдоно аласыз.
6. HTML файлын сактаңыз.
7. HTML файлын веб-браузерден ачыңыз. Index.html баскычын оң баскыч менен чыкылдатып, андан соң ушул файлды өзүңүз тандаган веб-браузерден ачыңыз.
   • Эгерде браузер ачылып, бирок сиз сүрөттү көрбөй жатсаңыз, index.html файлында сүрөт файлынын аталышын туура жазганыңызды текшериңиз.
   • Браузер ачылганда, бирок фондук сүрөттүн ордуна HTML кодун көрсөңүз, index.html файлыңыз .rtf файлы (бай текст файлы) катары сакталат. HTML файлын башка тексттик редактордо түзөтүп көрүңүз.

2ден 2-ыкма: HTML кодун түшүнүү

1. Казык тегин түшүнүү. HTML коду ачылуучу жана жабылуучу тегдерден турат. A href = ""> теги - бул баштоо теги, ал эми / a> - акыркы тег. Бул казык тэг деп аталат жана веб-баракчага шилтемелерди кошуу үчүн колдонулат.
   • The а шилтеме түзүүнү браузерге айтат. The href HTML шилтемесинин кыскартылышы болуп саналат = браузерге ортосунда бардыгын өзгөртүү керектигин айтат ’ ’ шилтеме түзүү. Эки тырмакча ортосунда каалаган URL жайгаштырылышы мүмкүн.
   • The / a> браузерге анкер теги жабык экендигин билдирет.
   • Арасына текст кошкондо a href = ""> жана / a> ал текст веб барагындагы чыкылдатуучу шилтеме болуп калат. Мисалы үчүн: a href = "https://www.google.com"> Google / a> Google шилтемесин түзөт.
2. Сүрөттүн тегин түшүнүңүз. Img> теги жабык тег. Аны img src = "" /> же img src = ""> / img> менен жаап койсоңуз болот.
   • The img тег браузерге сүрөттү көрсөтүүнү айтат. The src булактын аббревиатурасы, де = браузерге арасындагы нерселердин бардыгын жок кылууну айтат ’ ’ жана сүрөттү ошол жерден алуу.
   • The /> браузерге сүрөт тегин жабуу керектигин айтат.
   • Мисалы: {samp [} сүрөттү ошол URLден алат, андан кийин веб-браузерде көрсөтөт.
3. Бул кодду бардык жерде колдонуңуз. Эми бул кодду билип алсаңыз болот a href = "target url"> img src = "image url" /> / a> HTML коду менен каалаган веб барагына чыкылдатуучу сүрөттөрдү кошуу үчүн.