Hvordan lage en HTML Caption
To typer bildetekster finnes i HTML: tabelltekster og bildetekster. Bildebildetekster ble introdusert i HTML 5 og gå inn "<tall>" koder som gruppebilder og bildetekster sammen. Du kan legge til flere bilder mellom en enkelt "<tall>" tag sett og gi dem en bildetekst som viser under hele settet. Tabell bildetekster vise beskrivende tekst over en HTML-tabell. Å style disse bildetekster, må du legge til CSS (Cascading Style Sheets) kode som er rettet mot det ene av de bildetekst koder.
Bruksanvisning
1 Gå til "Start" og skriv "Notepad" i søkeboksen. Naviger til "Fil" og "Åpne ..." for å åpne filen for websiden. I de fleste tilfeller er dette en HTML-fil.
2 Legg til en bildetekst til HTML tabellen ved hjelp av "<caption>" tag:
<Table>
<Caption> Dette er en tabell </ caption>
<Tr>
<td>Cell 1</td>
& Lt; td> Cell 2 & lt; / td>
</ Tr>
</ Table>
Denne koden må komme rett etter åpningen "<table>" tag som vist. Tekst mellom "<caption>" koder blir bordet bildetekst.
3 Legg til en bildetekst til et bilde i HTML ved hjelp av følgende kode:
<Tall>
<Img alt = "My Image">
<Figcaption> Dette er mitt bilde. </ Figcaption>
</ Figur>
I HTML 5, den "<figure>" tag grupper sammen et bilde og sin bildetekst. De "<figcaption>" tags vikle rundt bildeteksten selv.
4 Style dine bildetekster i CSS:
figcaption {
font-style: italic;
}
Change "figcaption" til "bildetekst" hvis du ønsker å style bordet bildetekst i stedet for et bilde bildetekst. Legg til eiendom-verdi-par mellom krøllparenteser, atskilt med semikolon. Du kan legge til CSS-kode mellom "<style>" koder i hodet på webside eller i et eksternt stilark.
Hint
- Den "<tall>" og "<figcaption>" tags jobbe i HTML 5 bare, så hvis du har planer om å lage bildetekstene fungere i eldre nettlesere, legge til en HTML 5 slik at skriptet til websidene. Uten manus, vil bildeteksten vises, men styling vil ikke fungere.