Lai izveidotu tīmekļa lapas un pat visas vietnes, piemēram,zināms, tā izmanto īpašu iezīmēšanas valodas HTML (hiperteksta iezīmēšanas valoda), bet bez fotogrāfijām un dažādiem attēliem, katrā vietā būtu vienkārši strukturēta un garlaicīgs teksts. Tieši tāpēc, lai pievienotu attēlus, lai jūsu mājas lapā, izmantojot speciālu kodu, kas ir ļoti viegli izmantot, un ļauj ievietot attēlu HTML uz konkrētu atrašanās vietu lapā, un izmantot to kā fonu.
Lai rakstītu kodu, jums ir jāizlemj,kurā programmā to izdarīt. Tagad ir daudz no tiem, viens no slavenākajiem ir NotePad ++. Tam ir vairākas funkcijas, kas ir ļoti noderīgas rakstot kodu, ļauj jums identificēt kļūdas un nesajaukt tagos. Tomēr, ja jums nav iespēju izmantot specializētu programmu palīdzību, varat izmantot vienkāršu bloknotu, no tā kods nemainās.
Pēc tam, kad nolēma ar programmu rakstīt kodu,jums ir jāsaprot, ko rakstīt, kā ievietot attēlu HTML piezīmju tabulā vai kādā citā programmā. Jums vajadzētu sākt ar tagu . Tas ir šis tags, kas deklarē attēlu HTML dokumentā, tas ir vienkāršs un nav nepieciešams slēgt.
Mēs paziņojām kodu, ka mēs to izmantosimattēlu, bet mēs vēl neesam to norādījuši. Tātad, kā jūs ievietojat attēlu HTML? Lai to paveiktu, mums ir nepieciešams atribūts src, kas tiek izmantots ar mūsu tagu. Šis atribūts nosaka mūsu attēla atrašanās vietu, neatkarīgi no tā, vai tas atrodas kādā vietnē vai mūsu datorā.
Tagam ir vēl viens atribūts - alt.Izmantojiet to, lai pārlūkprogramma varētu redzēt attēla aprakstu, ja kādu iemeslu dēļ pats attēls nevar tikt lejupielādēts. Tā ir vēlama arī tā klātbūtne, lai cilvēki ar redzes traucējumiem varētu uzzināt, kāda veida tēlu vietne atrodas, jo tekstu, kas ir šī atribūta nozīmē, paziņo ekrāna lasīšanas programmas. Iegūtais kods ar atribūtiem src un alt izskatās šādi:
Starp citu, tag ir vēl viensatribūta nosaukums. Sakarā ar šo atribūtu, novietojot peles kursoru virs attēla, alternatīvais teksts tiks parādīts rīka padomē. Tomēr šo funkciju atbalsta tikai pārlūkprogramma Internet Explorer, lai šādas uzvednes parādās citās pārlūkprogrammās, būs nepieciešami īpaši spraudņi. Padomi tiek izmantoti kopā ar alt atribūtu, tie nav obligāti, bet, ja tos izmantojat, kods izskatīsies šādi:
Ar to, kā ievietot attēlu tekstā ar HTML, mēsizdomāja. Bet ko tad, ja mēs vēlamies padarīt attēlu mazliet lielāku vai mazāku? Lai to izdarītu, HTML ir īpašie atribūti: platums (platums) un augstums (augstums). Šo atribūtu vērtības var būt procentos vai pikseļos. Ja jūs nosaka platumu pikseļos un augstumu procentos, tad kods izskatīsies šādi:
Ja jūs norādāt tikai vienu no lieluma atribūtiem, tadOtrais tiks aprēķināts automātiski, bet tā, lai ievērotu attēla malu attiecību. Norādot abus parametrus, ir svarīgi atcerēties, ka, ja izmēri pārsniedz oriģinālos, attēls tiek izstiepts un, ja izmēri ir mazāki, tas sarūk.
Un ko mēs, ja mēs vēlamies izmantot attēlu netekstu un ievietojiet HTML fona attēlu, kā to izdarīt? Lai to paveiktu, mums ir nepieciešams
tags, bez kura HTML dokuments nevar tikt izslēgts. Tas satur visu redzamo dokumenta saturu, un tā atribūtos var norādīt fonta izmēru, krāsu, ieskaitot fonu. Lai ievietotu attēlu HTML formātā kā fona attēlu, ir ļoti vienkārši, tāpēc mums būs jāizmanto fona atribūts. Šis kods izskatās šādi:
...
Veidojot mājas lapas fona, ir labākizmantojiet tādus attēlus, ar kuriem jūs varat iegūt interesantus vizuālos efektus, bet kas netraucē normālu teksta uztveri. Tomēr ir vērts paturēt prātā, ka jums, iespējams, būs jāmaina fonta lielums un krāsa, lai to būtu vieglāk lasīt.
Dažreiz ir nepieciešams, lai attēls būtu blakusteksts, kas to ap to vienā vai otrā veidā. Bet, ja jūs ievietojat attēlu tikai līnijas iekšpusē, tad grafiski tas izskatās neglīts, teksts tiks pārtraukts uzmanīgi. Tātad, kā jūs ievietojat attēlu HTML formātā, lai attēls ekoloģiski iekļautu lapas dizainu? Lai to paveiktu, mums ir nepieciešams atzīmes atribūts. Šis atribūts var ņemt vērā divas vērtības: pa kreisi un pa labi.
Izmantojot kreiso vērtību, attēls tiks novietots pa kreisi no teksta un attiecīgi izmantojot labo atribūtu pa labi. Šis kods izskatās šādi:
vai
Ja mums ir nepieciešams teksts, kas atrodas starp diviem attēliem, kods izskatīsies šādi:
Un pēc šī koda tiks ievietots teksts, kas jāslēdz starp šiem diviem attēliem.
Attēli ļauj dažādot vietni, padarīttā spilgtāka, pievilcīgāka un neaizmirstama, taču neaizmirstiet, ka pārāk daudz bildes palēninās vietnes ielādi un novirzīs no teksta.
