Kot v HTML, sliko vstavite grafično, ozadje. Kako vstaviti sliko v HTML iz računalnika v središču v tabelo

Vizualni del je eden od najpomembnejših pri delu s spletnimi stranmi. Seveda je slabše od funkcionalnosti, vendar ga ne smemo zavreči. Pogovorimo se o tem, kako namestiti sliko HTML iz računalnika na spletno mesto. Ena možnost za to je na voljo ali nekaj? Kako v HTML vstaviti sliko, tako da jo drugi vidijo? Kaj je bolje uporabiti - računalnik ali strežnik?

Kaj je HTML?

Markup jezik za hipertekstne dokumente - tako je ta okrajšava. S svojo pomočjo se oblikuje hrbtenica prihodnjega spletnega mesta, tukaj se postavlja postavitev glavnih elementov. Nato so konfigurirane kaskadne slogovne datoteke in datoteke php, ki so odgovorne za prenos podatkov. Ampak v središču katere koli strani je HTML. S svojo pomočjo, mimogrede, slike so prilagojene. Lahko in na druge načine, če pa želite zagotoviti začetno nalaganje nekaj preprostega, na primer risbe, ga uporabite. In zdaj se obrnemo na vprašanje, kako vstaviti sliko v HTML.

Uporaba oznake img

Začeli smo uporabljati grafiko. Kako vstavim ozadje v HTML dokument? In prvič, to pomeni vstavljanje datoteke kot strani strani. Za tak dodatek se uporabi img. Ta oznaka je vrstični element, v katerem je zamenljiva vsebina. Za to nosi samo štiri dele jezika hipertekstnega označevanja. Ena je src, višina in širina, o njih bodo kasneje razpravljali. Preostali trije so predmet, embed (za vdelavo medijskih vsebin) in iframe (uporaba plamenov). Oznaka deluje, kot da vsebuje male črke. Edina razlika je, da se uporablja zunanja zunanja vsebina, ki je prikazana. Vendar pa mora obstajati datoteka tretje osebe, ki bo dejansko naložena. Če imate vprašanje, kako vstaviti ozadje v HTML, potem je bolje, da ga zapustite. Ker se bo prikazal le, če se sam izvaja računalnik, s katerim se slika nahaja.

Uporaba atributov src

Zato se ukvarjamo z vprašanjem, kako vstaviti grafično podobo v dokument HTML. Če želite določiti pot do slike, ki bi jo bilo treba naložiti, uporabite src. Splošna shema je naslednja: uporabiti morate ta atribut, enakovredni znak in navedite naslov.

Ko brskalnik doseže oznako pri razčlenjevanju HTML-ja, takoj ustvari območje, v katerem bo prikazan element vrstice. V njej je in bo naložena zunanja datoteka. Pot ne sme vsebovati napak, saj bo program, ki se bo izvajal na njej. In če ne najde datoteke, se prikaže ikona napake, ki ne izgleda zelo estetsko. Kako vstaviti sliko v tabeli dokumentov HTML? V želeno celico je treba zapisati vso potrebno kodo.

Konfiguriranje slike na strežniku: višina in širina v oznaki img

Tako vemo, kako vstaviti sliko v HTML. Sedaj bomo ugotovili, kako ga nastaviti. Takoj, ko se datoteka prenese na uporabniški računalnik, se bo velikost slike določila takoj. In kaj, če se njegovi začetni parametri ne ujemajo s tem, kar želite? V tem primeru lahko pomagajo višini in širini parametrov (v pikicah). V tem primeru bo koda zapisana na naslednji način: najprej src in naslov datoteke. Potem podobna zasnova določa širino in kakšna naj bo širina. In zadnja - višina in višina. Spletne učitelji pogosto naredijo takšno napako: naložijo velik strežnik na strežnik, katerega velikost je več megabajtov. Pot je predpisana in slika se korigira na zahtevano velikost. Kot rezultat, lahko uporabnik vidi, kako se majhna slika naloži precej počasi. To ni zelo privlačen videz od zunaj.

Priporočila za delo

Da bi se izognili negativnosti, vnaprej zmanjšajte velikost slike. Če niste prepričani, kateri parametri so potrebni za privlačen videz, ustvarite kopijo in preizkusite z njo. Prav tako je treba paziti, da optimizirate težo. Treba je zmanjšati težo grafičnih datotek brez izgube kakovosti, tako da jih prenesete na druge razširitve ali uporabite posebne spletne storitve in programe. To bodo cenili ne samo uporabniki spletnega mesta, ampak tudi spletni skrbnik - navsezadnje bodo takšne datoteke naložene hitreje in imajo manj prostora za gostovanje.

Primer snemalnih zmožnosti

Oglejmo si, kako lahko nastavite pot do slike:

1. eno ime datoteke.

2. Določite naslov slike na enem lokalnem računalniku (strežniku).

3. Podrobna pot do lokacije datoteke na drugem gostitelju.

Pri uporabi primera iz prvega odstavka mora biti slika v istem imeniku kot slika. Druga lokacija je podmapa v primerjavi s trenutno stranjo. Tretji primer določa absolutno pot, kjer je mogoče najti želeno sliko. V slednjem primeru upoštevajte, da je slika lahko na katerem koli strežniku (če ta uporaba ni dovoljena v datoteki .htaccess). Če pa je izbrisana, bo slika na vašem spletnem mestu izginila. Posebnost HTML-ja je, da potrebujete sam dokument za označevanje, vse drugo pa lahko naložite iz strežnikov tretjih oseb. Te metode se pogosto uporabljajo za povečanje hitrosti prenosa (tu pa morate vedeti, kako uporabljati to orodje).

Dodelitev alt in naslova v img?

Kaj naj storim, če grafična datoteka ni naložena z dokumentom HTML iz nekega razloga? Če je pot ali kaj drugega napačno napisana, morate uporabiti atribut alt. Izvaja nalogo alternativne reprezentacije slike. Predpostavimo, da urnik ni naložen. Ampak brskalnik bo še vedno tvoril območje pod sliko. Prav tako je treba v primerih, ko uporabnik pričakuje obremenitev, in mu je treba pokazati, da se program pripravlja na sprejem razporeda.

Za prikaz spremljevalnega besedila uporabite poseben atribut naslova. Pravzaprav, to orodje, in jo lahko uporabite za skoraj vse vidne elemente HTML kode. To je dobro, ker nam omogoča pojasnitev nekaterih vidikov. Uporaba dveh atributov, prikazanih v tem podnaslovu, je videti takole: v zgornjem primeru, po višini, se prvič doda alt, nato pa naslov.

In ti atributi ne morejo služiti le ustvarjanju udobja za obiskovalca. Lahko pozitivno vplivajo na promocijo spletnega mesta. Torej, za to morate vedno uporabljati ključne besede v njih. To bo izboljšati lestvico vir v razvrstitvi spletnih strani in storitev slik iskalnikov. Toda v vsem, kar morate biti previdni in racionalni.

Poravnajte slike

Za slike in navadno vse 4 elemente označevalnega jezika, ki so bili omenjeni prej, je bil uveden atribut poravnave. S tem lahko spremenite lokacijo slike. Privzeto je poravnan na spodnjem robu. Za to je odgovoren dno. In kako narediti na vrhu? To zahteva vrh. V praksi bo videti tako: po src, kjer je podan naslov slike, dodajte poravnavo atributa in njegovo vrednost.

In v vrstici, kjer se slika nahaja, bo poravnana na zgornjem robu. Kako v HTML vstaviti sliko v center? Obstaja še ena možnost snemanja - sredina. Z njeno uporabo nič bistveno ne spreminja. Če uporabite to kodo, bo slika poravnana v sredini. Besedilo lahko obesite tudi po sliki. Za to se uporabljajo atributi desno in levo. V takih primerih slika postane "plavajoča". Izravnava na levi izgleda enako kot druge črkovalne različice. Uporaba desne bo dala podoben rezultat z razliko, da bo slika postavljena na desni. Uporaba teh navodil ima svoje lastne odtenke. Torej je pomemben problem zelo blizu položaja besedila na sliko. Zaradi tega nastane adhezijski učinek, ki je za oči neprijeten. Toda to lahko popravite s kaskadno slogovno ali HTML kodo. Za takšne spremembe uporabite atribute vspace in hspace. Prvi postavlja odklon od spodaj in od zgoraj, drugi pa desno in levo.

Nastavljanje ozadja

Kako vstaviti sliko v spletno stran HTML-stran? Zelo koristno za doseganje tega je pripisati ozadje. To je sestavni del člana telesa. Njegov namen - pokazati pot do slikovne datoteke, ki naj bi zapolnila stran, mizo ali posamezno celico. V praksi je uporaba je, kot sledi: Registri slika naslova ima parameter vrednost bodybackground. Slika za ozadje je nastavljen tako, ponavljajoče se vzdolž osi ordinato in abscisi, ki se začnejo v zgornjem levem kotu. Tukaj sledi Prejšnja dok. Če želite izpolniti nekaj tako enostavno, kot eno samo barvo, namesto da bi uporabili slike, lahko uporabite ta kratek opis: število lestvica je določena kot karakteristični parameter za telo bgcolor. Tu so bile majhne spremembe. Kot lahko vidite, je že v atribut uporaba bgcolor. Za je potrebno samo določiti, kakšne barve pa bo napolnjena s strani ali njen del. Tukaj je, kako vstaviti sliko v HTML z računalnikom, da bi bilo ozadje in spremenite barvo. Na splošno velja, da se v celoti učenje HTML, dovolj časa, da bi ga na teden, in to je več kot dovolj.

Zaključek

HTML, čeprav ne more zahtevati celovitega programskega jezika, je kljub temu izjemno koristen pri ustvarjanju spletne strani. On je pravi okostnjak. In z zaupanjem lahko rečemo, da zdaj veste, kako delati z ozadjem in nepremicnimi slikami, in jim dodajte tudi povezave. Zato bi moral biti odgovor na vprašanje, kako vstaviti sliko v HTML, jasen.