InternetWeb design

Picture Manager - img-tag

Billedet er ikke bare indsættes direkte i teksten. Browser rapportere hendes navn og angive, hvor og hvordan man kan placere skærmen. For at gøre dette, skal du bruge en enkelt HTML-tag img. Det angiver placeringen af det grafiske objekt på en webside.

Hvis mange af de attributter for de tags, i princippet ikke er obligatorisk, skal img tag have mindst én parameter - adressen på billedet. Denne attribut hedder src:

  • - på dette tidspunkt synes goat.jpg fil, der er gemt i det aktuelle bibliotek;
  • - med option tag img browser Download billeder lagt ud på internettet på megasellmag.ru hjemmeside.

attributter tilpasse

For at placere billedet på HTML-siden ved hjælp af blot tjener img-tag, attributter som er ansvarlige for placeringen af billedet på siden og karakteren af dens tekstombrydning.

Som standard browseren har billedet i midten af skærmen, og teksten ombrydes omkring det ikke er. Img tag tillade at udtrykke deres uenighed med en browser ved hjælp af align attribut (justering).

- Billedet er placeret i venstre side af siden, og teksten vil videregive det til højre.

På samme måde ville den opførsel af teksten, hvis billedet er til højre (align = højre), midten (align = midten), top (align = øverst), bund (align = nederst) og centrum (i midten).

Parametre indrykning og størrelser

For at gøre teksten på billedet er ikke gennemgås, fik en særlig tag img attributter -hspace (horisontal / vandret felt) og vspace (lodret / vertikal field) fastsættelse af værdien af indrykning de tekst billede kanter i pixels.

Billedet er ikke kun pligtskyldigt skille sig ud fra teksten til den angivne værdi, men også bevæget sig væk fra kanten af siden, så det er bedre at undgå store indrykning.

Meget vigtigt geometriske størrelse af billedet er ikke kun ønskeligt, men nogle gange er det nødvendigt at specificere for den korrekte visning af billeder. Til dette er egenskaber bredde (bredde) og højde (H), hvis værdi er angivet i pixels eller procent.

Hvis du angiver kun bredden, vil højden blive matchet automatisk med de oprindelige proportioner. Mål angivet i procenter, gør det muligt at placere billedet i højre side af siden, uanset vinduets størrelse browseren, såsom behovet opstår ofte.

Andre muligheder

Grænsen attribut kommer ind i billedet i rammen specificerede tykkelse, hvilket ikke gør det standardbrowser.

Rammen kan have en tilsyneladende meningsløs nul tykkelse (border = '0'), men det er så længe billedet ikke et link, browseren obvedet automatisk sin blå ramme, uden at vente på instruktioner.

Nogle utålmodige brugere, rasende lav hastighed internet, blot afbryde showet billederne. Her for sådanne tilfælde, forudsat alt parameter, så du kan indtaste en alternativ tekst, som brugeren vil se i boksen, som fremskynder boot image.

Hvis du ikke er tilfreds med muligheden for at alt, et img-tag tilbud longdesc attribut som værdien som bruges URL-adresse dokument med en mere detaljeret beskrivelse.

Attributter USEMAP ismap og fortælle browseren, at billedet vil blive trække på hvilke hyperlinks er separate områder (henvisning kort), kun parameteren USEMAP bestemmer navigationskortet på serveren, og ismap - kort på klientsiden.

Beskrivelse af linket 1 i nedenstående figur:

eksotiske elementer

Egenskab lowsrc instruerer browseren til at downloade en kopi af den første (eller anden alternativ) af det oprindelige billede med en lavere kvalitet og tilsvarende mere "lettere". Dette trick er fastsat i tilfælde af en lav hastighed af internettet bruger. Originalt billede af opstart erstatter "falske".

Det er ikke ofte brugt GALLERYIMG img tag attribut forårsager billedet kontrolpanel (hvis du holder musen over det), så du kan åbne standard mappen "Billeder" og udskrive, gemme eller sende billedet via e-mail. Deaktiver panelet ved at angive parameterværdien GALLERYIMG nej / falsk, og aktivere den ved ja / sand.

Den nye HTML5 specifikationen af en række tags forældede nogle af parametrene. Så img lowsrc attributter, grænsekontrol, longdesc og navn afskediget.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 atomiyme.com. Theme powered by WordPress.