Carregando...
Notícias

HTML caption

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-endBack-end
HtmlPhp
CssMysql

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.

Publicado por: Loop Nerd

415 Visualizações

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Artigos Relacionados