Come fare una didascalia HTML

September 12

Esistono due tipi di didascalie in HTML: didascalie tavolo e didascalie delle immagini. didascalie delle immagini sono stati introdotti in HTML 5 e andare dentro "<figure>" tag che le immagini di gruppo e didascalie insieme. È possibile aggiungere più immagini tra un singolo "<figure>" set di tag e dare loro una voce che visualizza sotto l'intero set. didascalie tabella di visualizzazione testo descrittivo sopra una tabella HTML. Per lo stile tali voci, è necessario aggiungere (Cascading Style Sheets) CSS il codice che gli obiettivi di uno dei due tag didascalia.

istruzione

1 Vai su "Start" e digitare "Blocco note" nella casella di ricerca. Passare a "File" e "Open ..." per aprire il file per la pagina Web. Nella maggior parte dei casi, si tratta di un file HTML.

2 Aggiungere una didascalia alla tabella HTML usando il tag "<caption>":

<Table>

<Caption> Questa è una Tabella </ caption>

<Tr>

&lt;td>Cell 1&lt;/td>

& Lt; td> Cell 2 & lt; / td>

</ Tr>

</ Table>

Questo tag deve venire direttamente dopo l'apertura "<table>" tag, come mostrato. Testo tra i "<caption>" tag diventa la didascalia di tabella.

3 Aggiungere una didascalia a un'immagine in HTML utilizzando il seguente codice:

<Figure>

<Img alt = "Mia Immagine">

<Figcaption> Questa è la mia immagine. </ Figcaption>

</ Figure>

In HTML 5, i "<figure>" tag raggruppa un'immagine e la sua didascalia. I "<>" tag figcaption avvolgono la didascalia stessa.

4 Stile le didascalie in CSS:

figcaption {

font-style: italic;

}

Change "figcaption" a "voce", se si desidera per lo stile della tabella caption invece di un didascalia dell'immagine. Aggiungere le coppie proprietà-valore tra le parentesi graffe, separate da un punto e virgola. È possibile aggiungere codice CSS tra "<style>" tag nella testa della pagina Web o in un foglio di stile esterno.

Consigli e avvertenze

  • Il "<figure>" e "<figcaption>" tag lavorano in HTML 5 solo, quindi se avete intenzione di fare le didascalie lavorano in browser più vecchi, aggiungere uno script che consente HTML 5 per le pagine Web. Senza lo script, la didascalia verrà visualizzata, ma lo stile non funzionerà.