HTML caption
PRÓXIMO
HTML canvas
ANTERIOR
HTML – cite
Postado: 10 de abril de 2022
Tempo de Leitura: < 1 Minuto
HTML caption
A tag caption é usada para especificar a legenda de uma tabela. Esta tag será inserida logo após a tag <table>. Apenas uma legenda pode ser especificada para uma tabela. Por padrão, é alinhado ao centro.
<caption align = "center" ></caption>
Atributos:
- align : Este atributo é usado para especificar o alinhamento do conteúdo do texto.
Veja o exemplo abaixo da a tag HTML <caption> no código:
<body>
<table>
<caption>Web Developer</caption>
<tr>
<th>Front-end</th>
<th>Back-end</th>
</tr>
<tr>
<td>Html</td>
<td>Css</td>
</tr>
<tr>
<td>Php</td>
<td>Mysql</td>
</tr>
</table>
</body>
Veja o Resultado Abaixo !
| Front-end | Back-end |
|---|---|
| Html | Php |
| Css | Mysql |
Definição e uso da Tag caption
- A tag
<caption>define uma legenda de tabela. devemos inserir a tag caption imediatamente após a tag <table>. - A tag <caption> é a primeira tag a aparecer após a tag <table> .
- A tag <table> é composta pelas tags <tr> , <th> e <td> .
- A tag <tr> define as linhas da tabela. Deve haver pelo menos uma linha na tabela.
- A tag <th> define as células de cabeçalho na tabela que são exibidas como texto em negrito e alinhado ao centro.
- A tag <td> define as células padrão na tabela que são exibidas como texto de peso normal, alinhado à esquerda.
- A maioria dos navegadores renderizará a tag <caption> acima da tabela, mas você pode alterar esse comportamento com a propriedade CSS caption-side .
Dica: Por padrão a legenda da tabela será alinhada ao centro acima de uma tabela.
Portanto as propriedades CSS text-align e caption-side podem ser usadas para alinhar e colocar a legenda.
Deixe um comentário