Hvordan kan jeg plassere tekst Over et bilde ved hjelp av HTML?

Hvordan kan jeg plassere tekst Over et bilde ved hjelp av HTML?


Du kan plassere innhold over et bilde på en webside ved å opprette en "verktøytips", som bare dukker opp når brukeren svever markøren over bildet. Dette er en effektiv måte å vise informasjon om grafikken uten å ta opp noen plass på skjermen. Ved hjelp av Hypertext Markup Language (HTML), kan du plassere tekst over et bilde på din egen nettside for å gjøre skjermen mer nyttig for de besøkende.

Bruksanvisning

1 Plasser digitale bildet i den samme mappen hvor du holde andre nettsted dokumenter (i systemet administrasjonssiden for ditt nettsted). Sørg for å notere dette stedet slik at du kan feste den på din side.

2 Åpne websiden filen i en teksteditor og skriv inn et "<img>" tag der du vil at bildet skal vises. Følg dette ved å skrive inn adressen til filen fra trinn 1. Dette er hva det skal se slik ut:

<Img src = "http://www.yourdomain.com/ocean.jpg&quot;>

3 Skriv en "tittel" descriptor inni "<img>" element. Dette innlegget er teksten som vises på bildet når en markør svever over bildet. For å illustrere, dette er hvordan din oppføring bør se:

<Img src = "http://www.yourdomain.com/ocean.jpg&quot; title =" Utsikt over Stillehavet i løpet av en solnedgang ">

4 Lagre dokumentet og bruke nettleseren til å åpne filen og forhåndsvise siden.