Innholdsfortegnelse
Det er tider når ikke alt skal generere et skjema i HTML -dokumentene våre. Mange ganger må vi inkludere andre elementer som bilder i noen tagger for å forme siden vår. For dette vil vi se i denne opplæringen hvordan vi gjør det og de forskjellige funksjonene inkludert i seg selv.For å vise et bilde i HTML -dokumentet vårt, må vi bruke elementet img som har følgende attributter:
- src
- alt
- høyde
- bredde
- brukerkart
- ismap
Akkurat nå skal vi fokusere på de to første attributtene, src Y alt; src lar oss gi banen som nettleseren vil søke etter bildet fra, det kan være en relativ bane eller til og med en URL, attributtet alt lar oss plassere en tekst, vil denne teksten bare vises når bildet ikke er tilgjengelig, enten det er i banen det ble spesifisert i src eller til og med nettleseren kan ikke tolke det.
La oss se et eksempel på hvordan du inkluderer et bilde i HTML -dokumentet vårt:
Eksempel Her er en vanlig form for å representere de tre aktivitetene i et triatlon.Det første ikonet representerer svømming, det andre representerer sykling og det tredje representerer løping.
I dette eksemplet ser vi også ytterligere to attributter, bredde og høyde Disse, som navnene indikerer, skal regulere bredden og høyden på bildet, med dette kan vi garantere at bildet vil forbli innenfor de størrelsene vi har bestemt oss, også hvis bildet er større enn at det vil bli re-dimensjonert, uten Imidlertid må det utvises forsiktighet siden bildet vil ha samme vekt, så det er tilrådelig å plassere det allerede redigerte bildet med ønsket størrelse og at siden vår lastes inn raskere.
En annen ganske vanlig bruk er å bruke et bilde som en lenke til andre sider, enten ved å plassere ikonet for et lag, en neste pil for eksempel, selvfølgelig, nå med de nye CSS -rammene kan dette være mindre vanlig, men la oss se hvordan det er gjort for å ha dette alternativet i vår portefølje av HTML -verktøy.
For å legge inn bildet vil vi ganske enkelt plassere elementet img inne i et element som refererer til en side som:
Eksempel Her er en vanlig form for å representere de tre aktivitetene i et triatlon.Det første ikonet representerer svømming, det andre representerer sykling og det tredje representerer løping.
Med dette oppnår vi at bildet nå er vår lenke, som vi vil se i neste skjermbilde, bildet endres ikke på den måten det vises:
