Kako u HTML da ubacite grafički, pozadinsku sliku. Kako da ubacite sliku u HTML s računala u sredini, stola

Vizuelni deo je jedan od najvažnijih kada se radi sa lokacijama. Naravno, funkcionalnost je inferioran, ali i da se izbaci s tim ne bi trebalo biti račun. Pričajmo o tome kako je kompjuter na mjestu za instalaciju HTML slike. Jedna od mogućnosti za to predviđeno, ili više? Kako u HTML da ubacite sliku da drugi ljudi to vidjeli? Ima li boljeg korištenja - PC ili servera?

Što je HTML?

Markup Language hipertekst dokumenata - to je skraćenica stajao. Uz to formirana okosnica buduće lokacije, evo ga radila postavljanjem glavne elemente. Zatim podesite CSS i PHP datoteke koje su odgovorne za prijenos podataka. Ali u srcu bilo koje stranice je samo HTML. Uz to, usput, postavite sliku. Postoje i drugi načini, ali ako želite da pruži početni zadužen za nešto jednostavno, kao što su crtanje, njegovo ime. A sada idemo da se razjasni pitanje u HTML da biste umetnuli sliku.

Koristeći img tag

Dobijanje na korištenje grafike. Kako da ubacite pozadinsku sliku u HTML-dokument? I prije svega mislio da sliku kao umetak na stranici predmeta. Za tu ovaj dodatak i koristi img. Ovaj tag je linijskih elemenata, pri čemu je sadržaj premještanjem. To uključuje sve četiri Hyper Text Markup Language. Jedan - je src, visine i širine, oni će se smatrati dalje. Tri druga - ovog objekta, embed (da ubacite medijskih sadržaja) i iframe (upotreba plamena). Tag radi kao da ima stavku. Jedina razlika - koristi se neovlašćeno eksternih sadržaja, koja će se prikazati. I to mora biti stranka u datoteku koja, u stvari, biti učitan. Ako imate pitanje, kako da ubacite pozadinsku sliku u HTML, najbolje je da je odbacite. Jer će se prikazati samo kada se radi sama kompjuter, na kojem se nalazi slika.

Koristeći src atribut

Dakle, mi smo s obzirom na pitanje kako da ubacite HTML dokumenta u grafičke slike. Da biste odredili putanju do slike, a to je da se učita, koristeći src. Opšte shema je kako slijedi: trebate koristiti ovaj atribut, što je znak jednakosti i unesite adresu.

Jednom gramatičku analizu HTML browser u pitanju citat, odmah će stvoriti područje u kojem će se pojaviti stavke. To je u njemu i da će učitati eksterni fajl. Put ne treba da sadrži greške, jer je za njega da ide u program. A ako ona ne pronaći datoteku, ona će se prikazati ikonu greške koja nije baš estetski i izgleda. Kako da ubacite sliku u tabelu HTML-dokument? Potrebno je da se registrujete sve kod u ispravnu lokaciju.

Podešavanje slike na serveru: visina i širina tag img

Tako da znamo kako u HTML da ubacite sliku. Sada ćemo ispitati kako ga konfigurirati. Nakon što je datoteka preuzeta korisniku pokreće računalo, to će biti odmah definirane veličine slike. A šta ako ne odgovara na početnu parametara željenog? U ovom slučaju, parametri mogu pomoći visinu i širinu (broj piksela). U ovom slučaju, kod će se propisati kako slijedi: prvo, src i adresa datoteke. Zatim slične strukture navedene širine, a ono što bi trebalo da bude širine. I zadnje - visine i visine. Webmasteri često čine grešku: server upload velikih datoteka čija je veličina nekoliko megabajta. Propisana put, i prilagođava sliku na željenu veličinu. Kao rezultat toga, korisnik može razmišljati kao prilično sporo ubacili malu sliku. Ovo nije baš privlačan izgled izvana.

Preporuke za rad

Da biste izbjegli negativan unaprijed smanjiti veličinu slike. Ako niste sigurni koji opcije su potrebni za atraktivan izgled, napraviti kopiju i eksperimentirati s tim. Također, treba voditi računa da se obrate za kontrolu tjelesne težine. Neophodno je izvršiti bez gubitka kvalitete smanjenje težine slikovnih datoteka od konverzije u drugim lokalima ili pomoću posebnih online usluga i programa. To je pogodan ne samo za korisnike sajta, ali i webmaster - jer će se takve datoteke utovar brže i zauzimaju manje prostora na hosting.

Primjer snimanje sposobnosti

Pogledajmo kako možete podesiti putanju do slike:

1. ime Jedan datoteke.

2. Napomena slika adresa se nalazi na jednom lokalnom računaru (server).

3. Detaljni putanju do lokacije datoteke na drugom domaćinu.

Kada na primjeru prvog stava slike moraju biti u istom direktoriju kao i slike. Druga lokacija je potfasciklu u odnosu na trenutne stranice. Treći primjer navodi apsolutna putanja gdje pronaći sliku koju želite. U ovom drugom slučaju, imajte na umu da je slika može biti na bilo koji server (ako je takva upotreba nije zabranjena u .htaccess fajl). Međutim, ako je uklonjena, i slika na svojoj web nestaje. HTML je funkcija koja zahtijeva prisustvo samo markup dokument, a sve ostalo može biti postavljen na strani servera. Ove metode se često koristi za povećanje brzine preuzimanja (ali onda treba da znate kako se koristi ovaj alat).

Imenovanje alt i naslov img?

Šta da radim kada sliku, iz bilo kojeg razloga, nije umetnut u HTML dokument? Ako to nije u redu da se vaš put ili nešto drugo, alt atribut treba koristiti. On ima zadatak predstavljanja alternativnu sliku. Evo pretpostavimo da je grafika se ne učitavaju. Ali browser i dalje čine područje ispod slike. Također je potrebno u slučajevima kada je korisnik očekuje podgruzki, a ti si ga mora pokazati da je program spreman da prihvati raspored.

Da pokaže prateći tekst, poseban naslov atribut. U stvari, ovaj tooltip, a možete ga koristiti za skoro sve vizuelni element HTML-koda. To je dobro, jer vam omogućava da objasni određene aspekte. Koristeći dva prikazano u ovom titl atribut je kako slijedi: u gornjem primjeru nakon prvog visina akumulira alt, a zatim naslov.

Osim toga, ovi atributi ne samo da može poslužiti za stvaranje pogodnosti za posjetioce. Oni mogu imati pozitivan utjecaj na promociji sajta. Dakle, to treba imati na njihovo korištenje ključnih riječi. To će poboljšati rangiranje resursa u rangiranju lokacije i usluge slike tražilice. Ali sve što treba biti oprezan i racionalnost.

poravnajte slike

Za slike, i općenito sve 4 od markup language elemenata koji su prethodno spomenuto, uvedena je align atribut. Uz to, možete promijeniti lokaciju slike. Po defaultu, to je usklađen sa donjeg ruba. Jer to je na dnu. I kako to učiniti na vrhu? To zahtijeva vrhu. U praksi, to će izgledati ovako: nakon src, gdje ukazuje na adresu slike, dodati align atribut i svoju vrijednost.

I na liniji, gdje se nalazi slika, to će biti usklađen s gornjeg ruba. Kako u HTML da ubacite sliku u centru? Postoji još jedna prilika za pisanje - srednji. Kada ga koristite suštinski ne mijenja ništa. Kada se koristi takav kod obrazac će biti usklađena u sredini. To možete učiniti i da će završiti tekst oko slike. Da biste to uradili, desno i lijevo atribute primijeniti. postaje "plutajući" U takvim slučajevima sliku. Offset lijevo izgleda isto kao i drugi pravopisa. Koristeći pravo će dati sličan rezultat, s tom razlikom da će slika biti postavljen na desnoj strani. Upotreba ovih uputstava ima svoje nijanse. Stoga je značajan problem je previše blizu teksta na sliku. Zbog toga ga je stvorio viri efekt, koji je prilično neugodan za oči. Ali to se može ispraviti pomoću kaskadnog stila ili HTML-koda. Upotreba takvih promjena vSpace i hspace atribute. Prvi postavlja vrhu padding i dno, a drugi - na desnoj i lijevoj strani.

Radimo u pozadini

Kako da ubacite sliku u web stranice HTML-stranicu? Vrlo korisno da se to postigne je da se pripisati pozadini. To je sastavni člana tijela. Njegova svrha - da pokaže put do datoteke slike, koji bi trebalo da popuni stranice, sto ili jednoj ćeliji. U praksi, upotreba je kako slijedi: Slika adresa registara imati vrijednost bodybackground parametra. Sliku pozadine je postavljena na takav način ponavlja duž ose koordinira i abscissas, počevši od gornjem lijevom uglu. Prethodna dock ovdje slijedi. Ako želite da ispunite nešto tako jednostavno kao jednu boju, umjesto koristeći slike, možete koristiti ovaj kratak opis: broj skala je naveden kao parametar karakteristična za tijelo bgcolor. Tu i tamo su male promjene. Kao što možete vidjeti, to je već u upotrebi bgcolor atribut. Za to je potrebno samo navesti koje je boje će biti ispunjen sa stranice ili dio. Evo kako da ubacite sliku u HTML sa kompjuterom da ga pozadinu i promijeniti boju. U principu, kako bi se u potpunosti naučiti HTML, dovoljno vremena da ga nedelju dana, a to je više nego dovoljno.

zaključak

HTML, iako ne može tvrditi da je punopravni programski jezik, međutim, izuzetno vrijedan prilikom izrade stranice. On je pravi kost. I možemo reći sa sigurnošću, sada kada znate, kao što radimo sa pozadinom i nepokretne slike, i pričvrstite ih na linkove. Dakle, odgovor na pitanje kako da ubacite slike u HTML-u, trebalo bi biti jasno.