Kao u HTML-u, umetnite sliku grafički, pozadinu. Kako umetnuti sliku u HTML iz računala, u središtu, u tablicu

Vizualni dio je jedan od najvažnijih kod rada s web mjestima. Naravno, to je inferiorno od funkcionalnosti, ali ne treba ga odbaciti. Razgovarajmo o tome kako instalirati HTML sliku s računala na vašu web-lokaciju. Postoji jedna mogućnost za to ili nekoliko? Kako u HTML umetnuti sliku tako da ga drugi ljudi vide? Što je bolje koristiti - računalo ili poslužitelj?

Što je HTML?

Markup jezik za hipertekstualne dokumente - to je ova kratica. Sa svojom pomoći, formira se okosnica budućeg mjesta, ovdje se razrađuje položaj glavnih elemenata. Zatim su već konfigurirani kaskadni stilski listovi i php datoteke odgovorne za prijenos podataka. Ali u središtu bilo koje stranice je HTML. Uz pomoć, usput, slike se prilagođavaju. Možete i na druge načine, ali ako trebate osigurati početno učitavanje nečeg jednostavnog, na primjer crteža, upotrijebite ga. I sad se obratimo na pitanje kako umetnuti sliku u HTML.

Upotreba img oznake

Mi počnemo koristiti grafiku. Kako mogu umetnuti pozadinsku sliku u HTML dokument? I na prvom mjestu to znači da umetnete datoteku kao objekt stranice. Za takav dodatak, img se koristi. Ova je oznaka stavka retka u kojoj postoji zamjenjivi sadržaj. Za njega nose samo četiri dijela jezika hipertekstualnog označavanja. Jedna je src, visina i širina, bit će raspravljani kasnije. Druga tri su objekt, ugrađeni (za ugradnju medijskog sadržaja) i iframe (korištenje plamena). Oznaka funkcionira kao da sadrži mali element. Jedina je razlika u tome što se koristi vanjski vanjski sadržaj koji se prikazuje. Međutim, mora postojati datoteka treće strane, koja će, zapravo, biti učitana. Ako imate pitanja o tome kako umetnuti pozadinsku sliku u HTML, onda je bolje da je ispustite. Budući da će se prikazati samo kada je pokrenut računalo na kojem se slika nalazi.

Korištenje atributa src

Dakle, radimo na pitanju kako umetnuti grafičku sliku u HTML dokument. Da biste odredili put do slike koju treba učitati, upotrijebite src. Opća shema je sljedeća: morate koristiti ovaj atribut, jednak znak i odredite adresu.

Kada preglednik dosegne oznaku prilikom analize HTML-a, on odmah stvara područje na kojem će se prikazati stavka retka. Ona je u njemu i bit će učitana vanjska datoteka. Put ne smije sadržavati pogreške, jer će to biti program koji će se pokrenuti na njemu. A ako ne pronađe datoteku, prikazat će se ikona pogreške koja ne izgleda vrlo estetski. Kako umetnuti sliku u HTML dokumentu? Potrebno je napisati sav potrebni kod u željenoj ćeliji.

Konfiguriranje slike na poslužitelju: visina i širina u img tagu

Dakle, znamo kako umetnuti sliku u HTML. Sada ćemo to shvatiti, kako ga postaviti. Čim se datoteka počne preuzimati na korisničko računalo, veličina slike će se odmah utvrditi. A što ako njezini početni parametri ne odgovaraju onome što želite? U tom slučaju parametri visine i širine (u pikselima) mogu pomoći. U ovom slučaju, kôd će biti napisan kako slijedi: prvo src i adresu datoteke. Tada sličan dizajn određuje širinu i koja bi trebala biti širina. I posljednja - visina i visina. Webmasteri često čine takvu pogrešku: prenose veliku datoteku poslužitelju čija veličina iznosi nekoliko megabajta. Put je propisan i slika je ispravljena na potrebnu veličinu. Kao rezultat, korisnik može vidjeti kako se malena slika učitava prilično polako. Ovo nije jako atraktivno izgleda izvana.

Preporuke za rad

Kako biste izbjegli negativnost, unaprijed smanjite veličinu slike. Ako niste sigurni koji su parametri potrebni za atraktivan izgled, izradite kopiju i eksperimentirajte s njom. Također treba paziti na optimizaciju težine. Potrebno je smanjiti težinu grafičkih datoteka bez gubitka kvalitete prenošenjem na druga proširenja ili korištenjem posebnih online usluga i programa. To je pogodan ne samo za korisnike web-mjesta, ali i webmaster - jer takve datoteke će se učitati brže i zauzimaju manje prostora na hosting.

Primjer mogućnosti snimanja

Pogledajmo kako možete postaviti put do slike:

1. Jedan naziv datoteke.

2. Navedite adresu slike koja se nalazi na jednom lokalnom računalu (poslužitelju).

3. Detaljan put do mjesta datoteke na drugom hostu.

Kada koristite primjer iz prvog odlomka, slika bi trebala biti u istom direktoriju kao i slika. Druga lokacija je podmapa u odnosu na trenutnu stranicu. Treći primjer određuje apsolutni put na kojem se može pronaći željena slika. U potonjem slučaju, imajte na umu da slika može biti na bilo kojem poslužitelju (ako takva upotreba nije zabranjena u .htaccess datoteci). Međutim, ako se briše, slika na vašoj web-lokaciji nestat će. Posebnost HTML-a je da trebate samo označni dokument, a sve ostalo možete učitati s poslužitelja treće strane. Te se metode često koriste za povećanje brzine preuzimanja (ali ovdje morate znati kako koristiti ovaj alat).

Dodjeljivanje alt i naslova img?

Što trebam učiniti kada grafička datoteka nije napunjena HTML dokumentom iz nekog razloga? Ako je put ili nešto drugo pogrešno napisano, morate koristiti alt atribut. On obavlja zadatak alternativnog prikaza slike. Pretpostavimo da raspored nije učitan. No preglednik će i dalje oblikovati područje ispod slike. Također je neophodno u slučajevima kada korisnik očekuje opterećenje, a potrebno mu je pokazati da se program priprema za prihvaćanje rasporeda.

Da biste prikazali priloženi tekst, upotrijebite atribut posebnog naslova. Zapravo, ovo tooltip i možete ga koristiti za gotovo bilo koji vidljivi element HTML koda. Ovo je dobro jer nam omogućuje objašnjenje određenih aspekata. Koristeći dva prikazana u ovom titl atribut je kako slijedi: u gornjem primjeru Nakon prvog visina prikupljati alt, a zatim naslov.

A ti atributi ne mogu samo poslužiti za stvaranje praktičnosti za posjetitelje. Mogu pozitivno utjecati na promociju web-lokacije. Dakle, za to biste uvijek trebali upotrebljavati ključne riječi u njima. To će biti poboljšati ljestvici resursa na ljestvici mjesta i usluga slika tražilica. Ali u svemu morate biti oprezni i racionalni.

Poravnajte slike

Za slike i općenito sve 4 elementa označnog jezika koji su spomenuti prije, uveden je atribut atributa. Pomoću nje možete promijeniti položaj slike. Prema zadanim postavkama, on je poravnan s donjim rubom. Za ovo, dno je odgovoran. I kako to učiniti na vrhu? To zahtijeva vrh. U praksi će izgledati ovako: nakon src, gdje je navedena adresa slike, dodajte atribut uskladiti i njegovu vrijednost.

I u liniji gdje se slika nalazi, bit će poravnana na gornjem rubu. Kako u HTML umetnuti sliku u središte? Postoji još jedna mogućnost snimanja - sredina. Svojim korištenjem ništa se u osnovi ne mijenja. Ako koristite ovaj kôd, slika će biti poravnana u sredini. Također možete napraviti tekst omotati oko slike. Da biste to učinili, primjenjuju se desni i lijevi atributi. U takvim slučajevima slika postaje "plutajuća". Pomak lijevo izgleda isto kao i druge varijacije pravopisa. Koristeći pravo, dobit ćete sličan rezultat s razlikom da će slika biti postavljena s desne strane. Primjena ovih uputa ima svoje nijanse. Dakle, značajan problem je vrlo bliska pozicija teksta na sliku. Zbog toga se stvara adhezijski učinak, što je vrlo neugodno za oko. No to možete riješiti kaskadnim stilskim ili HTML kôdom. Koristite vspace i hspace atribute za takve promjene. Prvi postavlja uvlačenje odozdo i odozgo, a drugi je desno i lijevo.

Izrada pozadine

Kako umetnuti sliku na HTML stranicu web mjesta? Pozadina atribut vrlo je korisna za postizanje tog cilja. To je dio elementa tijela. Njegova je svrha prikazati put do grafičke datoteke, koja treba popuniti stranicu, tablicu ili zasebnu ćeliju. U praksi, primjena je kako slijedi: Adresa slike registri imaju parametar vrijednost bodybackground. Pozadinska slika postavljena na takav način ponavlja duž osi ordinata i abscissas, počevši od gornjeg lijevog kuta. Prethodno ovdje pristati sa sljedećim. Ukoliko želite popuniti nešto kao jednostavan kao jednu boju, umjesto korištenja sliku, možete koristiti ovaj kratki opis: Broj razmjera naveden kao parametar karakteristične za tijelo bgcolor. Došlo je do malih promjena. Kao što možete vidjeti, atribut bgcolor već je korišten. Za to morate odrediti samo boju stranice ili njezinog dijela. Evo kako umetnuti sliku u HTML s vašeg računala kako biste ga učinili pozadinom i promijenili boju. Općenito, kako bi se u potpunosti naučiti HTML, dovoljno vremena da ga dati tjedan dana, a to je više nego dovoljno.

zaključak

HTML, iako ne može zahtijevati punopravni programski jezik, ipak je iznimno vrijedan prilikom izrade internetske stranice. On je pravi kostur. I možemo s povjerenjem reći da sada znate raditi s pozadinskim i stacionarnim slikama, a također priložite veze s njima. Stoga, odgovor na pitanje kako umetnuti sliku u HTML trebao bi biti jasan.