Kako do HTML vstaviti grafiko, sliko za ozadje. Kako vstaviti sliko v HTML z računalnikom v sredini, tabelo

Vizualni del je eden izmed najbolj pomembno pri delu s spletnih strani. Seveda, funkcionalnost je slabše, ampak tudi, da bi vrgel off z njim ne bi smelo biti račun. Pogovorimo se o tem, kako računalnik na mestu namestiti HTML sliko. Ena od možnosti za to je na voljo, ali več? Kako do HTML vstaviti sliko, da so drugi ljudje videli? Kaj je boljša uporaba - PC ali strežnik?

Kaj je HTML?

Markup Language hipertekst dokumentov -, da je kratica stala. Z njim oblikujejo temelj prihodnjega mestu, tukaj je delal začetek glavne elemente. Nato nastavite kaskadnih slogov in PHP datotek, ki so odgovorni za prenos podatkov. Toda v središču vsake strani je samo HTML. Z njim mimogrede, nastavite sliko. Obstajajo tudi drugi načini, vendar, če želite, da se zagotovi začetno naboj nekaj preprostega, kot so risanje, uporabite njegovo ime. In zdaj gremo razjasniti vprašanje, HTML vstaviti sliko.

Uporaba img tag

Kako z uporabo grafike. Kako vstaviti sliko ozadja v HTML-dokument? In v prvi vrsti pomeni ta spis kot vložek v stran objekta. Za tu je ta dodatek in uporablja img. Ta oznaka elementi linije, kjer je vsebnost premakljiva. To vključuje vse štiri od Hyper Text Markup Language. Eno - je src, višina in širina, bodo še naprej velja. Trije drugi - ta objekt, embed (vstaviti medijskih vsebin) in iframe (uporaba ognja). Tag deluje, kot da ima element vrstice. Edina razlika - se uporablja nepooblaščeno zunanje vsebine, ki se prikaže. In mora biti stranka v spis, ki bo v resnici, bo naložen. Če imate vprašanje, kako vstaviti sliko ozadja v HTML, je najbolje, da ga zavrzite. Ker se bo prikazan samo, če deluje računalnik sam, na kateri se nahaja slika.

Uporaba atribut src

Torej, smo glede na vprašanje, kako vstaviti dokument HTML v grafično podobo. Če želite določiti pot do slike, ki jo je treba naložiti, z uporabo src. Splošna shema je sledeča: morate uporabiti ta atribut, enačaj in vnesite naslov.

Ko razčlenjevanju HTML brskalnik, gre za oznako, bo takoj ustvariti prostor, v katerem bodo prikazani črta postavka. To je v njem in bo obremenitev zunanje datoteke. Pot ne sme vsebovati napak, saj je za njega, da gre za program. In če ona ne najde datoteke, bo prikazal ikono napake, ki ni zelo estetsko in izgleda. Kako vstaviti sliko v tabelo HTML-dokument? To je potrebno, da se registrirajo vse kode na pravo mesto.

Nastavitev slike na strežniku: višino in širino traku IMG

Torej vemo, kako HTML vstaviti sliko. Naj nam zdaj preučiti, kako ga nastaviti. Ko se datoteka prenese, da uporabnik zažene računalnik, bo takoj po velikosti slike. In kaj, če se ne ujema z začetnimi parametri želeno? V tem primeru se lahko parametri pomagajo (število pik), višina in širina. V tem primeru bo koda predpisal, kot sledi: prvič, src in naslov datoteke. Nato s podobnimi strukturami navedeno širino in kakšna bi morala biti širina. In nazadnje - višina in višina. Webmasters pogosto napako: strežnik nalaganje velikih datotek, katerih velikost je nekaj megabajtov. Predpisana pot, in prilagodi sliko na želeno velikost. Kot rezultat, lahko uporabnik razmišljamo kot zelo počasi naložen majhno sliko. To ni zelo privlačen pogled od zunaj.

Priporočila za delo

Da bi preprečili negativne predujem zmanjša velikost slike. Če niste prepričani, katere možnosti so potrebni za privlačen videz, naredite kopijo in eksperimentiranje z njim. Prav tako je treba paziti, da se približati telesne teže. To je potrebno izvesti brez zmanjšanja teže izgube kakovosti slikovnih datotek s pretvorbo v druge razširitve ali z uporabo posebnih spletnih storitev in programov. To je primerna ne samo za uporabnike spletne strani, ampak tudi webmaster - ker bodo takšne datoteke naložili hitreje in zasede manj prostora na gostovanje.

snemanje Primer zmogljivosti

Oglejmo si, kako lahko nastavite pot do slike:

1. ime eno datoteko.

2. Opomba naslov slike, ki se nahaja na eni lokalni računalnik (strežnik).

3. Podrobna Pot do mesta datoteke na drugega gostitelja.

Pri uporabi primer prvega odstavka slike morajo biti v isti mapi kot slike. Druga lokacija je podmapa glede na trenutne strani. Tretji primer določa absolutno pot, kje najti sliko, ki jo želite. V slednjem primeru, upoštevajte, da se lahko slika biti na vsakem strežniku (če je taka uporaba v datoteki .htaccess ni prepovedano). Vendar, če se odstrani in slike na vaši strani izgine. HTML je funkcija, ki zahteva prisotnost le označevalni dokumentov, in vse ostalo se lahko naložili na strani strežnika. Te metode se pogosto uporabljajo za povečanje hitrost prenosa (ampak potem morate vedeti, kako uporabljati to orodje).

Imenovanje alt in naslov za img?

Kaj storiti, ko slikovne datoteke, iz kakršnega koli razloga ni naložen s HTML dokument? Če je narobe, da vaši poti ali kaj drugega, je treba uporabiti alt atribut. On ima nalogo, da predstavi drugo sliko. Tukaj smo domnevati, da se slike ne naložijo. Toda brskalnik še vedno predstavljajo območje pod sliko. Prav tako je treba v primerih, ko uporabnik pričakuje podgruzki, in ga mora pokazati, da je program pripravljen sprejeti načrt.

Za prikaz spremno besedilo, poseben naslov atributa. V bistvu je to namig, in ga lahko uporabljate za skoraj vse vizualne HTML-kodo elementa. To je dobro, saj vam omogoča, da pojasni nekatere vidike. Uporaba dveh prikazano v tem podnapisa atributa je naslednja: v zgornjem primeru po prvi višina nastajali ALT in nato naslov.

Poleg tega ti atributi ne samo služi za ustvarjanje udobje za obiskovalce. Lahko imajo pozitiven vpliv na promocijo mesta. Torej bi bilo to treba hraniti v njihovo uporabo ključnih besed. To bo izboljšala uvrstitev vir pri razvrščanju mest in slik storitve iskalnikov. Toda v vseh morate biti previdni in racionalnost.

uskladiti slike

Za slike, in na splošno vse 4 označevalni jezikovnih elementov, ki so bili že prej omenjeno, je bil uveden z atribut align. Z njim lahko spremenite lokacijo slike. Privzeto je, da je usklajena na spodnji rob. Za to je na dnu. In kako to storiti na vrhu? To zahteva top. V praksi bo to videti takole: po src, kjer kaže naslov slike, dodajte poravnavanje atribut in njegovo vrednost.

In v liniji, kjer je slika, bo poravnan z zgornjim robom. Kako do HTML vstaviti sliko v centru? Še ena priložnost za pisanje - sredino. Ko ga uporablja bistveno ne spremeni ničesar. Pri uporabi takega kodo vzorec je bo poravnana v sredini. Prav tako lahko naredite, da zaviti besedila okoli slike. Če želite to narediti, uporabite desno in levo atributi. postane "plavajoči" V takih primerih je slika. Offset na levi izgleda enako kot druge črkovanja. Uporaba pravico bo podoben rezultat, s to razliko, da se bo slika postavljen na desni strani. Uporaba teh navodil ima svoje odtenke. Tako velik problem je tudi bližina besedila na sliko. Zaradi tega je ustvaril lepljenje učinek, kar je precej neprijetna za oko. Vendar je to mogoče korigirati s pomočjo CSS ali HTML-kodo. Uporaba takšnih sprememb vspace in hspace atributov. Prvi določa oblazinjenje vrhu in na dnu, in drugi - na desni in levi strani.

Delamo ozadje

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 trditi, da je polnopravni programski jezik, pa je zelo dragocena pri ustvarjanju spletne strani. Je res kosti. In lahko rečemo, z zaupanjem, zdaj, ko vem, saj delamo z ozadjem in fiksne slike, in jih pripisujejo povezave. Torej je odgovor na vprašanje, kako vstaviti sliko v HTML, mora biti jasno.