Indholdsfortegnelse
Der er tidspunkter, hvor ikke alt er at generere en form i vores HTML -dokumenter, mange gange skal vi inkludere andre elementer, såsom billeder i nogle tags for at forme vores side, for dette vil vi se i denne vejledning, hvordan man gør det og de forskellige funktioner inkluderet i sig selv.For at vise et billede i vores HTML -dokument skal vi bruge elementet img som har følgende egenskaber:
- src
- alt
- højde
- bredde
- brugerkort
- ismap
Lige nu vil vi fokusere på de to første attributter, src Y alt; src giver os mulighed for at give den sti, hvorfra browseren vil søge efter billedet, det kan være en relativ sti eller endda en URL, attributten alt tillader os at placere en tekst, vil denne tekst kun blive vist, når billedet ikke er tilgængeligt, uanset om det ikke er i den sti, hvor det blev angivet i src eller endda kan browseren ikke fortolke det.
Lad os se et eksempel på, hvordan man inkluderer et billede i vores HTML -dokument:
Eksempel Her er en almindelig form for repræsentation af de tre aktiviteter i et triathlon.Det første ikon repræsenterer svømning, det andet repræsenterer cykling og det tredje repræsenterer løb.
I dette eksempel ser vi også to yderligere attributter, bredde og højde Disse, som deres navne angiver, skal regulere bredden og højden af billedet, med dette kan vi garantere, at billedet forbliver inden for de størrelser, der er fastsat af os, også hvis billedet er større end det vil blive re-dimensioneret, uden Dog skal der udvises forsigtighed, da billedet vil have samme vægt, så det er tilrådeligt at placere det allerede redigerede billede med den nødvendige størrelse, og at vores side indlæses hurtigere.
En anden ganske almindelig brug er at bruge et billede som et link til andre sider, enten ved at placere ikonet for et team, en næste pil for eksempel, selvfølgelig, nu med de nye CSS -rammer kan dette være mindre almindeligt, men lad os se hvordan det er gjort for at have denne mulighed inden for vores portefølje af HTML -værktøjer.
For at integrere billedet placerer vi simpelthen elementet img inde i et element, der refererer til en side som:
Eksempel Her er en almindelig form for repræsentation af de tre aktiviteter i et triathlon.Det første ikon repræsenterer svømning, det andet repræsenterer cykling og det tredje repræsenterer løb.
Med dette opnår vi, at billedet nu er vores link, som vi vil se på den næste skærm, billedet ændrer sig ikke på den måde, det vises:
