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>

&lt;td>Cell 1&lt;/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.