Tag de legenda em HTML - Trabalho da tag de legenda em HTML com exemplos

Índice:

Anonim

Introdução à tag de legenda em HTML

A tag de legenda em HTML é usada com a tabela. É usado para representar o título da tabela. tag é usada exatamente após

tag. Pode-se usar apenas uma tag de legenda por vez. Com a ajuda do CSS, é possível ajustar a tabela no formato de design da web responsivo.

tag é usada no corpo da tabela. É usado como primeira tag após

tag.
é a combinação de diferentes tags como para criar linhas de tabela e
. Entre essas tags tag é importante ao criar a tabela, usada para criar o cabeçalho da tabela,
é para criar coluna da tabela.

Sintaxe

  • Vamos ver a sintaxe real para definir a tag Caption no código HTML:

title text

  • Como mostrado acima, a tag de código incluída em tag. Isso dará título à sua mesa. Depois dessa tabela, os dados serão exibidos abaixo desta legenda.

    Lista de Tags de legenda em HTML

    • : Dê legenda à tabela
    : tag incluída com
    tag
  • : Para criar cabeçalho, coluna e linha da tabela
  • : Para definir o alinhamento da legenda.
  • Por que usamos a tag de legenda em HTML?

    • Sempre que vamos definir alguns dados no formato tabular usando a tabela
    • Portanto, para mostrar esses dados na tabela com algum título exclusivo, é o lema principal do usuário. Esse tipo de título é exibido com a ajuda da tag em HTML.
    • Isso fica entre a etiqueta inicial e final da qual foi colocada depois
    tag. Uma tabela deve ter uma tag de legenda no corpo da tabela.

    Trabalho da tag de legenda em HTML

    Como anteriormente, discutimos que a tag de legenda é usada com a tag Table. É usado com atributos diferentes, como atributos comuns, atributos globais e atributos de eventos.

    Agora veremos como esses atributos são úteis no trabalho da tag legenda:

    1. align : este atributo é usado com alguns valores para alinhar sua legenda com referência à tabela. Os valores incluídos como: esquerdo, direito, superior e inferior.

    2. Atributos globais: atributos globais em HTML são suportados por tag.

    • accesskey: esse elemento funciona como um atalho para ativar ou focar algum elemento específico.
    • dir: É usado para dar uma direção adequada ao texto no conteúdo do elemento.
    • class: nomes de classe são usados ​​para definir css para um elemento específico em HTML. Pode-se usar um ou dois nomes de classe para um elemento específico e fornecer propriedades css.
    • contenteditable: esse atributo é usado para definir o clima que pode ser editado ou não em determinado elemento de conteúdo.
    • arrastável: É usado para definir que o elemento dado pelo tempo é arrastável ou não pelo usuário.
    • dropzone: esse atributo está relacionado ao atributo arrastável. É usado para copiar ou mover um elemento quando ele é solto em um local específico.
    • id: id to element é usado para definir um nome de identificação exclusivo para o elemento específico.
    • lang: esse atributo na tag usada para definir o idioma em que o conteúdo é gravado. ortografia gramatical ou
    • Verificação ortográfica: este atributo indica que o elemento é verificado com a ortografia e gramaticalmente.
    • estilo: este é um atributo muito importante usado na tag de legenda para fornecer propriedade CSS embutida ao elemento.
    • translate: atributo mais importante para fornecer detalhes de um elemento, como o clima, que pode ser traduzido ou não.

    3. Atributos do evento: a tag HTML também lida com vários atributos do evento, eles são os seguintes:

    • onafterprint: esse evento foi acionado com sucesso após a impressão do documento.
    • onbeforeprint: esse tipo de script é executado antes da impressão real do documento.
    • onbeforeunload: este script é executado quando nosso documento está sendo descarregado.
    • onerror: esse atributo de evento é executado quando ocorre um erro no documento.
    • onload: esse script é gerado quando o carregamento real da página é concluído.
    • onmessage: sempre que a mensagem é acionada, esse evento ocorre.

    Exemplos

    Abaixo estão alguns exemplos:

    Exemplo 1

    Aqui está um exemplo mostrando como exatamente a tag será usada em HTML:

    Código:


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester


    table,
    th,
    td (
    border: 1px solid blue;
    )
    #emp_details (
    font-size:20px;
    color:crimson;
    font-style:italic;
    )


    Employee Details
    Firstname
    Lastname
    EmpId
    Age
    Designation

    Roota
    Mittal
    9110
    32
    Marketing Head

    John
    Roy
    9111
    28
    Sales Head

    Dinesh
    Shetty
    9112
    43
    Developer

    Rucha
    Dev
    9113
    24
    Web Developer

    Niks
    Raw
    9114
    45
    Tester

    Resultado:

    Exemplo 2

    Aqui está outro exemplo mostrando como exatamente a tag será usada com o atributo align com CSS embutido, alinhando a legenda à esquerda:

    Código:

    table, th, td (
    border: 2px solid red;
    border-collapse: collapse;
    )


    Maharashtra Elections Results
    Sr No.
    Parties
    No of seats

    1
    BJP
    104

    2
    Shiv Sena
    56

    3
    Nationalist Congress Party
    54

    4
    Congress
    44

    5
    Bahujan Vikas Aaghadi
    3

    6
    Muslimeen Prahar Janshkti party
    2


    table, th, td (
    border: 2px solid red;
    border-collapse: collapse;
    )


    Maharashtra Elections Results
    Sr No.
    Parties
    No of seats

    1
    BJP
    104

    2
    Shiv Sena
    56

    3
    Nationalist Congress Party
    54

    4
    Congress
    44

    5
    Bahujan Vikas Aaghadi
    3

    6
    Muslimeen Prahar Janshkti party
    2


    table, th, td (
    border: 2px solid red;
    border-collapse: collapse;
    )


    Maharashtra Elections Results
    Sr No.
    Parties
    No of seats

    1
    BJP
    104

    2
    Shiv Sena
    56

    3
    Nationalist Congress Party
    54

    4
    Congress
    44

    5
    Bahujan Vikas Aaghadi
    3

    6
    Muslimeen Prahar Janshkti party
    2


    table, th, td (
    border: 2px solid red;
    border-collapse: collapse;
    )


    Maharashtra Elections Results
    Sr No.
    Parties
    No of seats

    1
    BJP
    104

    2
    Shiv Sena
    56

    3
    Nationalist Congress Party
    54

    4
    Congress
    44

    5
    Bahujan Vikas Aaghadi
    3

    6
    Muslimeen Prahar Janshkti party
    2


    table, th, td (
    border: 2px solid red;
    border-collapse: collapse;
    )


    Maharashtra Elections Results
    Sr No.
    Parties
    No of seats

    1
    BJP
    104

    2
    Shiv Sena
    56

    3
    Nationalist Congress Party
    54

    4
    Congress
    44

    5
    Bahujan Vikas Aaghadi
    3

    6
    Muslimeen Prahar Janshkti party
    2


    table, th, td (
    border: 2px solid red;
    border-collapse: collapse;
    )


    Maharashtra Elections Results
    Sr No.
    Parties
    No of seats

    1
    BJP
    104

    2
    Shiv Sena
    56

    3
    Nationalist Congress Party
    54

    4
    Congress
    44

    5
    Bahujan Vikas Aaghadi
    3

    6
    Muslimeen Prahar Janshkti party
    2


    table, th, td (
    border: 2px solid red;
    border-collapse: collapse;
    )


    Maharashtra Elections Results
    Sr No.
    Parties
    No of seats

    1
    BJP
    104

    2
    Shiv Sena
    56

    3
    Nationalist Congress Party
    54

    4
    Congress
    44

    5
    Bahujan Vikas Aaghadi
    3

    6
    Muslimeen Prahar Janshkti party
    2


    table, th, td (
    border: 2px solid red;
    border-collapse: collapse;
    )


    Maharashtra Elections Results
    Sr No.
    Parties
    No of seats

    1
    BJP
    104

    2
    Shiv Sena
    56

    3
    Nationalist Congress Party
    54

    4
    Congress
    44

    5
    Bahujan Vikas Aaghadi
    3

    6
    Muslimeen Prahar Janshkti party
    2


    table, th, td (
    border: 2px solid red;
    border-collapse: collapse;
    )


    Maharashtra Elections Results
    Sr No.
    Parties
    No of seats

    1
    BJP
    104

    2
    Shiv Sena
    56

    3
    Nationalist Congress Party
    54

    4
    Congress
    44

    5
    Bahujan Vikas Aaghadi
    3

    6
    Muslimeen Prahar Janshkti party
    2


    table, th, td (
    border: 2px solid red;
    border-collapse: collapse;
    )


    Maharashtra Elections Results
    Sr No.
    Parties
    No of seats

    1
    BJP
    104

    2
    Shiv Sena
    56

    3
    Nationalist Congress Party
    54

    4
    Congress
    44

    5
    Bahujan Vikas Aaghadi
    3

    6
    Muslimeen Prahar Janshkti party
    2


    table, th, td (
    border: 2px solid red;
    border-collapse: collapse;
    )


    Maharashtra Elections Results
    Sr No.
    Parties
    No of seats

    1
    BJP
    104

    2
    Shiv Sena
    56

    3
    Nationalist Congress Party
    54

    4
    Congress
    44

    5
    Bahujan Vikas Aaghadi
    3

    6
    Muslimeen Prahar Janshkti party
    2


    table, th, td (
    border: 2px solid red;
    border-collapse: collapse;
    )


    Maharashtra Elections Results
    Sr No.
    Parties
    No of seats

    1
    BJP
    104

    2
    Shiv Sena
    56

    3
    Nationalist Congress Party
    54

    4
    Congress
    44

    5
    Bahujan Vikas Aaghadi
    3

    6
    Muslimeen Prahar Janshkti party
    2


    table, th, td (
    border: 2px solid red;
    border-collapse: collapse;
    )


    Maharashtra Elections Results
    Sr No.
    Parties
    No of seats

    1
    BJP
    104

    2
    Shiv Sena
    56

    3
    Nationalist Congress Party
    54

    4
    Congress
    44

    5
    Bahujan Vikas Aaghadi
    3

    6
    Muslimeen Prahar Janshkti party
    2


    table, th, td (
    border: 2px solid red;
    border-collapse: collapse;
    )


    Maharashtra Elections Results
    Sr No.
    Parties
    No of seats

    1
    BJP
    104

    2
    Shiv Sena
    56

    3
    Nationalist Congress Party
    54

    4
    Congress
    44

    5
    Bahujan Vikas Aaghadi
    3

    6
    Muslimeen Prahar Janshkti party
    2


    table, th, td (
    border: 2px solid red;
    border-collapse: collapse;
    )


    Maharashtra Elections Results
    Sr No.
    Parties
    No of seats

    1
    BJP
    104

    2
    Shiv Sena
    56

    3
    Nationalist Congress Party
    54

    4
    Congress
    44

    5
    Bahujan Vikas Aaghadi
    3

    6
    Muslimeen Prahar Janshkti party
    2


    table, th, td (
    border: 2px solid red;
    border-collapse: collapse;
    )


    Maharashtra Elections Results
    Sr No.
    Parties
    No of seats

    1
    BJP
    104

    2
    Shiv Sena
    56

    3
    Nationalist Congress Party
    54

    4
    Congress
    44

    5
    Bahujan Vikas Aaghadi
    3

    6
    Muslimeen Prahar Janshkti party
    2


    table, th, td (
    border: 2px solid red;
    border-collapse: collapse;
    )


    Maharashtra Elections Results
    Sr No.
    Parties
    No of seats

    1
    BJP
    104

    2
    Shiv Sena
    56

    3
    Nationalist Congress Party
    54

    4
    Congress
    44

    5
    Bahujan Vikas Aaghadi
    3

    6
    Muslimeen Prahar Janshkti party
    2


    table, th, td (
    border: 2px solid red;
    border-collapse: collapse;
    )


    Maharashtra Elections Results
    Sr No.
    Parties
    No of seats

    1
    BJP
    104

    2
    Shiv Sena
    56

    3
    Nationalist Congress Party
    54

    4
    Congress
    44

    5
    Bahujan Vikas Aaghadi
    3

    6
    Muslimeen Prahar Janshkti party
    2


    table, th, td (
    border: 2px solid red;
    border-collapse: collapse;
    )


    Maharashtra Elections Results
    Sr No.
    Parties
    No of seats

    1
    BJP
    104

    2
    Shiv Sena
    56

    3
    Nationalist Congress Party
    54

    4
    Congress
    44

    5
    Bahujan Vikas Aaghadi
    3

    6
    Muslimeen Prahar Janshkti party
    2


    table, th, td (
    border: 2px solid red;
    border-collapse: collapse;
    )


    Maharashtra Elections Results
    Sr No.
    Parties
    No of seats

    1
    BJP
    104

    2
    Shiv Sena
    56

    3
    Nationalist Congress Party
    54

    4
    Congress
    44

    5
    Bahujan Vikas Aaghadi
    3

    6
    Muslimeen Prahar Janshkti party
    2


    table, th, td (
    border: 2px solid red;
    border-collapse: collapse;
    )


    Maharashtra Elections Results
    Sr No.
    Parties
    No of seats

    1
    BJP
    104

    2
    Shiv Sena
    56

    3
    Nationalist Congress Party
    54

    4
    Congress
    44

    5
    Bahujan Vikas Aaghadi
    3

    6
    Muslimeen Prahar Janshkti party
    2


    table, th, td (
    border: 2px solid red;
    border-collapse: collapse;
    )


    Maharashtra Elections Results
    Sr No.
    Parties
    No of seats

    1
    BJP
    104

    2
    Shiv Sena
    56

    3
    Nationalist Congress Party
    54

    4
    Congress
    44

    5
    Bahujan Vikas Aaghadi
    3

    6
    Muslimeen Prahar Janshkti party
    2


    table, th, td (
    border: 2px solid red;
    border-collapse: collapse;
    )


    Maharashtra Elections Results
    Sr No.
    Parties
    No of seats

    1
    BJP
    104

    2
    Shiv Sena
    56

    3
    Nationalist Congress Party
    54

    4
    Congress
    44

    5
    Bahujan Vikas Aaghadi
    3

    6
    Muslimeen Prahar Janshkti party
    2


    table, th, td (
    border: 2px solid red;
    border-collapse: collapse;
    )


    Maharashtra Elections Results
    Sr No.
    Parties
    No of seats

    1
    BJP
    104

    2
    Shiv Sena
    56

    3
    Nationalist Congress Party
    54

    4
    Congress
    44

    5
    Bahujan Vikas Aaghadi
    3

    6
    Muslimeen Prahar Janshkti party
    2


    table, th, td (
    border: 2px solid red;
    border-collapse: collapse;
    )


    Maharashtra Elections Results
    Sr No.
    Parties
    No of seats

    1
    BJP
    104

    2
    Shiv Sena
    56

    3
    Nationalist Congress Party
    54

    4
    Congress
    44

    5
    Bahujan Vikas Aaghadi
    3

    6
    Muslimeen Prahar Janshkti party
    2


    table, th, td (
    border: 2px solid red;
    border-collapse: collapse;
    )


    Maharashtra Elections Results
    Sr No.
    Parties
    No of seats

    1
    BJP
    104

    2
    Shiv Sena
    56

    3
    Nationalist Congress Party
    54

    4
    Congress
    44

    5
    Bahujan Vikas Aaghadi
    3

    6
    Muslimeen Prahar Janshkti party
    2


    table, th, td (
    border: 2px solid red;
    border-collapse: collapse;
    )


    Maharashtra Elections Results
    Sr No.
    Parties
    No of seats

    1
    BJP
    104

    2
    Shiv Sena
    56

    3
    Nationalist Congress Party
    54

    4
    Congress
    44

    5
    Bahujan Vikas Aaghadi
    3

    6
    Muslimeen Prahar Janshkti party
    2


    table, th, td (
    border: 2px solid red;
    border-collapse: collapse;
    )


    Maharashtra Elections Results
    Sr No.
    Parties
    No of seats

    1
    BJP
    104

    2
    Shiv Sena
    56

    3
    Nationalist Congress Party
    54

    4
    Congress
    44

    5
    Bahujan Vikas Aaghadi
    3

    6
    Muslimeen Prahar Janshkti party
    2


    table, th, td (
    border: 2px solid red;
    border-collapse: collapse;
    )


    Maharashtra Elections Results
    Sr No.
    Parties
    No of seats

    1
    BJP
    104

    2
    Shiv Sena
    56

    3
    Nationalist Congress Party
    54

    4
    Congress
    44

    5
    Bahujan Vikas Aaghadi
    3

    6
    Muslimeen Prahar Janshkti party
    2


    table, th, td (
    border: 2px solid red;
    border-collapse: collapse;
    )


    Maharashtra Elections Results
    Sr No.
    Parties
    No of seats

    1
    BJP
    104

    2
    Shiv Sena
    56

    3
    Nationalist Congress Party
    54

    4
    Congress
    44

    5
    Bahujan Vikas Aaghadi
    3

    6
    Muslimeen Prahar Janshkti party
    2


    table, th, td (
    border: 2px solid red;
    border-collapse: collapse;
    )


    Maharashtra Elections Results
    Sr No.
    Parties
    No of seats

    1
    BJP
    104

    2
    Shiv Sena
    56

    3
    Nationalist Congress Party
    54

    4
    Congress
    44

    5
    Bahujan Vikas Aaghadi
    3

    6
    Muslimeen Prahar Janshkti party
    2


    table, th, td (
    border: 2px solid red;
    border-collapse: collapse;
    )


    Maharashtra Elections Results
    Sr No.
    Parties
    No of seats

    1
    BJP
    104

    2
    Shiv Sena
    56

    3
    Nationalist Congress Party
    54

    4
    Congress
    44

    5
    Bahujan Vikas Aaghadi
    3

    6
    Muslimeen Prahar Janshkti party
    2


    table, th, td (
    border: 2px solid red;
    border-collapse: collapse;
    )


    Maharashtra Elections Results
    Sr No.
    Parties
    No of seats

    1
    BJP
    104

    2
    Shiv Sena
    56

    3
    Nationalist Congress Party
    54

    4
    Congress
    44

    5
    Bahujan Vikas Aaghadi
    3

    6
    Muslimeen Prahar Janshkti party
    2


    table, th, td (
    border: 2px solid red;
    border-collapse: collapse;
    )


    Maharashtra Elections Results
    Sr No.
    Parties
    No of seats

    1
    BJP
    104

    2
    Shiv Sena
    56

    3
    Nationalist Congress Party
    54

    4
    Congress
    44

    5
    Bahujan Vikas Aaghadi
    3

    6
    Muslimeen Prahar Janshkti party
    2


    table, th, td (
    border: 2px solid red;
    border-collapse: collapse;
    )


    Maharashtra Elections Results
    Sr No.
    Parties
    No of seats

    1
    BJP
    104

    2
    Shiv Sena
    56

    3
    Nationalist Congress Party
    54

    4
    Congress
    44

    5
    Bahujan Vikas Aaghadi
    3

    6
    Muslimeen Prahar Janshkti party
    2


    table, th, td (
    border: 2px solid red;
    border-collapse: collapse;
    )


    Maharashtra Elections Results
    Sr No.
    Parties
    No of seats

    1
    BJP
    104

    2
    Shiv Sena
    56

    3
    Nationalist Congress Party
    54

    4
    Congress
    44

    5
    Bahujan Vikas Aaghadi
    3

    6
    Muslimeen Prahar Janshkti party
    2


    table, th, td (
    border: 2px solid red;
    border-collapse: collapse;
    )


    Maharashtra Elections Results
    Sr No.
    Parties
    No of seats

    1
    BJP
    104

    2
    Shiv Sena
    56

    3
    Nationalist Congress Party
    54

    4
    Congress
    44

    5
    Bahujan Vikas Aaghadi
    3

    6
    Muslimeen Prahar Janshkti party
    2


    table, th, td (
    border: 2px solid red;
    border-collapse: collapse;
    )


    Maharashtra Elections Results
    Sr No.
    Parties
    No of seats

    1
    BJP
    104

    2
    Shiv Sena
    56

    3
    Nationalist Congress Party
    54

    4
    Congress
    44

    5
    Bahujan Vikas Aaghadi
    3

    6
    Muslimeen Prahar Janshkti party
    2


    table, th, td (
    border: 2px solid red;
    border-collapse: collapse;
    )


    Maharashtra Elections Results
    Sr No.
    Parties
    No of seats

    1
    BJP
    104

    2
    Shiv Sena
    56

    3
    Nationalist Congress Party
    54

    4
    Congress
    44

    5
    Bahujan Vikas Aaghadi
    3

    6
    Muslimeen Prahar Janshkti party
    2


    table, th, td (
    border: 2px solid red;
    border-collapse: collapse;
    )


    Maharashtra Elections Results
    Sr No.
    Parties
    No of seats

    1
    BJP
    104

    2
    Shiv Sena
    56

    3
    Nationalist Congress Party
    54

    4
    Congress
    44

    5
    Bahujan Vikas Aaghadi
    3

    6
    Muslimeen Prahar Janshkti party
    2


    table, th, td (
    border: 2px solid red;
    border-collapse: collapse;
    )


    Maharashtra Elections Results
    Sr No.
    Parties
    No of seats

    1
    BJP
    104

    2
    Shiv Sena
    56

    3
    Nationalist Congress Party
    54

    4
    Congress
    44

    5
    Bahujan Vikas Aaghadi
    3

    6
    Muslimeen Prahar Janshkti party
    2


    table, th, td (
    border: 2px solid red;
    border-collapse: collapse;
    )


    Maharashtra Elections Results
    Sr No.
    Parties
    No of seats

    1
    BJP
    104

    2
    Shiv Sena
    56

    3
    Nationalist Congress Party
    54

    4
    Congress
    44

    5
    Bahujan Vikas Aaghadi
    3

    6
    Muslimeen Prahar Janshkti party
    2


    table, th, td (
    border: 2px solid red;
    border-collapse: collapse;
    )


    Maharashtra Elections Results
    Sr No.
    Parties
    No of seats

    1
    BJP
    104

    2
    Shiv Sena
    56

    3
    Nationalist Congress Party
    54

    4
    Congress
    44

    5
    Bahujan Vikas Aaghadi
    3

    6
    Muslimeen Prahar Janshkti party
    2


    table, th, td (
    border: 2px solid red;
    border-collapse: collapse;
    )


    Maharashtra Elections Results
    Sr No.
    Parties
    No of seats

    1
    BJP
    104

    2
    Shiv Sena
    56

    3
    Nationalist Congress Party
    54

    4
    Congress
    44

    5
    Bahujan Vikas Aaghadi
    3

    6
    Muslimeen Prahar Janshkti party
    2


    table, th, td (
    border: 2px solid red;
    border-collapse: collapse;
    )


    Maharashtra Elections Results
    Sr No.
    Parties
    No of seats

    1
    BJP
    104

    2
    Shiv Sena
    56

    3
    Nationalist Congress Party
    54

    4
    Congress
    44

    5
    Bahujan Vikas Aaghadi
    3

    6
    Muslimeen Prahar Janshkti party
    2


    table, th, td (
    border: 2px solid red;
    border-collapse: collapse;
    )


    Maharashtra Elections Results
    Sr No.
    Parties
    No of seats

    1
    BJP
    104

    2
    Shiv Sena
    56

    3
    Nationalist Congress Party
    54

    4
    Congress
    44

    5
    Bahujan Vikas Aaghadi
    3

    6
    Muslimeen Prahar Janshkti party
    2


    table, th, td (
    border: 2px solid red;
    border-collapse: collapse;
    )


    Maharashtra Elections Results
    Sr No.
    Parties
    No of seats

    1
    BJP
    104

    2
    Shiv Sena
    56

    3
    Nationalist Congress Party
    54

    4
    Congress
    44

    5
    Bahujan Vikas Aaghadi
    3

    6
    Muslimeen Prahar Janshkti party
    2


    table, th, td (
    border: 2px solid red;
    border-collapse: collapse;
    )


    Maharashtra Elections Results
    Sr No.
    Parties
    No of seats

    1
    BJP
    104

    2
    Shiv Sena
    56

    3
    Nationalist Congress Party
    54

    4
    Congress
    44

    5
    Bahujan Vikas Aaghadi
    3

    6
    Muslimeen Prahar Janshkti party
    2


    table, th, td (
    border: 2px solid red;
    border-collapse: collapse;
    )


    Maharashtra Elections Results
    Sr No.
    Parties
    No of seats

    1
    BJP
    104

    2
    Shiv Sena
    56

    3
    Nationalist Congress Party
    54

    4
    Congress
    44

    5
    Bahujan Vikas Aaghadi
    3

    6
    Muslimeen Prahar Janshkti party
    2


    table, th, td (
    border: 2px solid red;
    border-collapse: collapse;
    )


    Maharashtra Elections Results
    Sr No.
    Parties
    No of seats

    1
    BJP
    104

    2
    Shiv Sena
    56

    3
    Nationalist Congress Party
    54

    4
    Congress
    44

    5
    Bahujan Vikas Aaghadi
    3

    6
    Muslimeen Prahar Janshkti party
    2


    table, th, td (
    border: 2px solid red;
    border-collapse: collapse;
    )


    Maharashtra Elections Results
    Sr No.
    Parties
    No of seats

    1
    BJP
    104

    2
    Shiv Sena
    56

    3
    Nationalist Congress Party
    54

    4
    Congress
    44

    5
    Bahujan Vikas Aaghadi
    3

    6
    Muslimeen Prahar Janshkti party
    2


    table, th, td (
    border: 2px solid red;
    border-collapse: collapse;
    )


    Maharashtra Elections Results
    Sr No.
    Parties
    No of seats

    1
    BJP
    104

    2
    Shiv Sena
    56

    3
    Nationalist Congress Party
    54

    4
    Congress
    44

    5
    Bahujan Vikas Aaghadi
    3

    6
    Muslimeen Prahar Janshkti party
    2


    table, th, td (
    border: 2px solid red;
    border-collapse: collapse;
    )


    Maharashtra Elections Results
    Sr No.
    Parties
    No of seats

    1
    BJP
    104

    2
    Shiv Sena
    56

    3
    Nationalist Congress Party
    54

    4
    Congress
    44

    5
    Bahujan Vikas Aaghadi
    3

    6
    Muslimeen Prahar Janshkti party
    2


    table, th, td (
    border: 2px solid red;
    border-collapse: collapse;
    )


    Maharashtra Elections Results
    Sr No.
    Parties
    No of seats

    1
    BJP
    104

    2
    Shiv Sena
    56

    3
    Nationalist Congress Party
    54

    4
    Congress
    44

    5
    Bahujan Vikas Aaghadi
    3

    6
    Muslimeen Prahar Janshkti party
    2


    table, th, td (
    border: 2px solid red;
    border-collapse: collapse;
    )


    Maharashtra Elections Results
    Sr No.
    Parties
    No of seats

    1
    BJP
    104

    2
    Shiv Sena
    56

    3
    Nationalist Congress Party
    54

    4
    Congress
    44

    5
    Bahujan Vikas Aaghadi
    3

    6
    Muslimeen Prahar Janshkti party
    2


    table, th, td (
    border: 2px solid red;
    border-collapse: collapse;
    )


    Maharashtra Elections Results
    Sr No.
    Parties
    No of seats

    1
    BJP
    104

    2
    Shiv Sena
    56

    3
    Nationalist Congress Party
    54

    4
    Congress
    44

    5
    Bahujan Vikas Aaghadi
    3

    6
    Muslimeen Prahar Janshkti party
    2


    table, th, td (
    border: 2px solid red;
    border-collapse: collapse;
    )


    Maharashtra Elections Results
    Sr No.
    Parties
    No of seats

    1
    BJP
    104

    2
    Shiv Sena
    56

    3
    Nationalist Congress Party
    54

    4
    Congress
    44

    5
    Bahujan Vikas Aaghadi
    3

    6
    Muslimeen Prahar Janshkti party
    2


    table, th, td (
    border: 2px solid red;
    border-collapse: collapse;
    )


    Maharashtra Elections Results
    Sr No.
    Parties
    No of seats

    1
    BJP
    104

    2
    Shiv Sena
    56

    3
    Nationalist Congress Party
    54

    4
    Congress
    44

    5
    Bahujan Vikas Aaghadi
    3

    6
    Muslimeen Prahar Janshkti party
    2


    table, th, td (
    border: 2px solid red;
    border-collapse: collapse;
    )


    Maharashtra Elections Results
    Sr No.
    Parties
    No of seats

    1
    BJP
    104

    2
    Shiv Sena
    56

    3
    Nationalist Congress Party
    54

    4
    Congress
    44

    5
    Bahujan Vikas Aaghadi
    3

    6
    Muslimeen Prahar Janshkti party
    2

    Resultado:

    Exemplo 3

    Isso está usando uma tag de exemplo para alinhar o título à direita da tabela com o código CSS interno:

    Código:


    table,
    th,
    td (
    border: 1px solid black;
    border-collapse: collapse;
    text-align: center;
    )
    .india(
    text-align: right;
    color: blue;
    font-weight: bold;
    )


    State & Capitals
    State
    Capital

    Maharashtra
    Mumbai

    Goa
    Panaji

    Assam
    Dispur

    Haryana
    Chandigarh

    Kerala
    Thriuvanthaouram


    table,
    th,
    td (
    border: 1px solid black;
    border-collapse: collapse;
    text-align: center;
    )
    .india(
    text-align: right;
    color: blue;
    font-weight: bold;
    )


    State & Capitals
    State
    Capital

    Maharashtra
    Mumbai

    Goa
    Panaji

    Assam
    Dispur

    Haryana
    Chandigarh

    Kerala
    Thriuvanthaouram


    table,
    th,
    td (
    border: 1px solid black;
    border-collapse: collapse;
    text-align: center;
    )
    .india(
    text-align: right;
    color: blue;
    font-weight: bold;
    )


    State & Capitals
    State
    Capital

    Maharashtra
    Mumbai

    Goa
    Panaji

    Assam
    Dispur

    Haryana
    Chandigarh

    Kerala
    Thriuvanthaouram


    table,
    th,
    td (
    border: 1px solid black;
    border-collapse: collapse;
    text-align: center;
    )
    .india(
    text-align: right;
    color: blue;
    font-weight: bold;
    )


    State & Capitals
    State
    Capital

    Maharashtra
    Mumbai

    Goa
    Panaji

    Assam
    Dispur

    Haryana
    Chandigarh

    Kerala
    Thriuvanthaouram


    table,
    th,
    td (
    border: 1px solid black;
    border-collapse: collapse;
    text-align: center;
    )
    .india(
    text-align: right;
    color: blue;
    font-weight: bold;
    )


    State & Capitals
    State
    Capital

    Maharashtra
    Mumbai

    Goa
    Panaji

    Assam
    Dispur

    Haryana
    Chandigarh

    Kerala
    Thriuvanthaouram


    table,
    th,
    td (
    border: 1px solid black;
    border-collapse: collapse;
    text-align: center;
    )
    .india(
    text-align: right;
    color: blue;
    font-weight: bold;
    )


    State & Capitals
    State
    Capital

    Maharashtra
    Mumbai

    Goa
    Panaji

    Assam
    Dispur

    Haryana
    Chandigarh

    Kerala
    Thriuvanthaouram


    table,
    th,
    td (
    border: 1px solid black;
    border-collapse: collapse;
    text-align: center;
    )
    .india(
    text-align: right;
    color: blue;
    font-weight: bold;
    )


    State & Capitals
    State
    Capital

    Maharashtra
    Mumbai

    Goa
    Panaji

    Assam
    Dispur

    Haryana
    Chandigarh

    Kerala
    Thriuvanthaouram


    table,
    th,
    td (
    border: 1px solid black;
    border-collapse: collapse;
    text-align: center;
    )
    .india(
    text-align: right;
    color: blue;
    font-weight: bold;
    )


    State & Capitals
    State
    Capital

    Maharashtra
    Mumbai

    Goa
    Panaji

    Assam
    Dispur

    Haryana
    Chandigarh

    Kerala
    Thriuvanthaouram


    table,
    th,
    td (
    border: 1px solid black;
    border-collapse: collapse;
    text-align: center;
    )
    .india(
    text-align: right;
    color: blue;
    font-weight: bold;
    )


    State & Capitals
    State
    Capital

    Maharashtra
    Mumbai

    Goa
    Panaji

    Assam
    Dispur

    Haryana
    Chandigarh

    Kerala
    Thriuvanthaouram


    table,
    th,
    td (
    border: 1px solid black;
    border-collapse: collapse;
    text-align: center;
    )
    .india(
    text-align: right;
    color: blue;
    font-weight: bold;
    )


    State & Capitals
    State
    Capital

    Maharashtra
    Mumbai

    Goa
    Panaji

    Assam
    Dispur

    Haryana
    Chandigarh

    Kerala
    Thriuvanthaouram


    table,
    th,
    td (
    border: 1px solid black;
    border-collapse: collapse;
    text-align: center;
    )
    .india(
    text-align: right;
    color: blue;
    font-weight: bold;
    )


    State & Capitals
    State
    Capital

    Maharashtra
    Mumbai

    Goa
    Panaji

    Assam
    Dispur

    Haryana
    Chandigarh

    Kerala
    Thriuvanthaouram


    table,
    th,
    td (
    border: 1px solid black;
    border-collapse: collapse;
    text-align: center;
    )
    .india(
    text-align: right;
    color: blue;
    font-weight: bold;
    )


    State & Capitals
    State
    Capital

    Maharashtra
    Mumbai

    Goa
    Panaji

    Assam
    Dispur

    Haryana
    Chandigarh

    Kerala
    Thriuvanthaouram


    table,
    th,
    td (
    border: 1px solid black;
    border-collapse: collapse;
    text-align: center;
    )
    .india(
    text-align: right;
    color: blue;
    font-weight: bold;
    )


    State & Capitals
    State
    Capital

    Maharashtra
    Mumbai

    Goa
    Panaji

    Assam
    Dispur

    Haryana
    Chandigarh

    Kerala
    Thriuvanthaouram


    table,
    th,
    td (
    border: 1px solid black;
    border-collapse: collapse;
    text-align: center;
    )
    .india(
    text-align: right;
    color: blue;
    font-weight: bold;
    )


    State & Capitals
    State
    Capital

    Maharashtra
    Mumbai

    Goa
    Panaji

    Assam
    Dispur

    Haryana
    Chandigarh

    Kerala
    Thriuvanthaouram


    table,
    th,
    td (
    border: 1px solid black;
    border-collapse: collapse;
    text-align: center;
    )
    .india(
    text-align: right;
    color: blue;
    font-weight: bold;
    )


    State & Capitals
    State
    Capital

    Maharashtra
    Mumbai

    Goa
    Panaji

    Assam
    Dispur

    Haryana
    Chandigarh

    Kerala
    Thriuvanthaouram


    table,
    th,
    td (
    border: 1px solid black;
    border-collapse: collapse;
    text-align: center;
    )
    .india(
    text-align: right;
    color: blue;
    font-weight: bold;
    )


    State & Capitals
    State
    Capital

    Maharashtra
    Mumbai

    Goa
    Panaji

    Assam
    Dispur

    Haryana
    Chandigarh

    Kerala
    Thriuvanthaouram


    table,
    th,
    td (
    border: 1px solid black;
    border-collapse: collapse;
    text-align: center;
    )
    .india(
    text-align: right;
    color: blue;
    font-weight: bold;
    )


    State & Capitals
    State
    Capital

    Maharashtra
    Mumbai

    Goa
    Panaji

    Assam
    Dispur

    Haryana
    Chandigarh

    Kerala
    Thriuvanthaouram


    table,
    th,
    td (
    border: 1px solid black;
    border-collapse: collapse;
    text-align: center;
    )
    .india(
    text-align: right;
    color: blue;
    font-weight: bold;
    )


    State & Capitals
    State
    Capital

    Maharashtra
    Mumbai

    Goa
    Panaji

    Assam
    Dispur

    Haryana
    Chandigarh

    Kerala
    Thriuvanthaouram


    table,
    th,
    td (
    border: 1px solid black;
    border-collapse: collapse;
    text-align: center;
    )
    .india(
    text-align: right;
    color: blue;
    font-weight: bold;
    )


    State & Capitals
    State
    Capital

    Maharashtra
    Mumbai

    Goa
    Panaji

    Assam
    Dispur

    Haryana
    Chandigarh

    Kerala
    Thriuvanthaouram


    table,
    th,
    td (
    border: 1px solid black;
    border-collapse: collapse;
    text-align: center;
    )
    .india(
    text-align: right;
    color: blue;
    font-weight: bold;
    )


    State & Capitals
    State
    Capital

    Maharashtra
    Mumbai

    Goa
    Panaji

    Assam
    Dispur

    Haryana
    Chandigarh

    Kerala
    Thriuvanthaouram


    table,
    th,
    td (
    border: 1px solid black;
    border-collapse: collapse;
    text-align: center;
    )
    .india(
    text-align: right;
    color: blue;
    font-weight: bold;
    )


    State & Capitals
    State
    Capital

    Maharashtra
    Mumbai

    Goa
    Panaji

    Assam
    Dispur

    Haryana
    Chandigarh

    Kerala
    Thriuvanthaouram


    table,
    th,
    td (
    border: 1px solid black;
    border-collapse: collapse;
    text-align: center;
    )
    .india(
    text-align: right;
    color: blue;
    font-weight: bold;
    )


    State & Capitals
    State
    Capital

    Maharashtra
    Mumbai

    Goa
    Panaji

    Assam
    Dispur

    Haryana
    Chandigarh

    Kerala
    Thriuvanthaouram


    table,
    th,
    td (
    border: 1px solid black;
    border-collapse: collapse;
    text-align: center;
    )
    .india(
    text-align: right;
    color: blue;
    font-weight: bold;
    )


    State & Capitals
    State
    Capital

    Maharashtra
    Mumbai

    Goa
    Panaji

    Assam
    Dispur

    Haryana
    Chandigarh

    Kerala
    Thriuvanthaouram


    table,
    th,
    td (
    border: 1px solid black;
    border-collapse: collapse;
    text-align: center;
    )
    .india(
    text-align: right;
    color: blue;
    font-weight: bold;
    )


    State & Capitals
    State
    Capital

    Maharashtra
    Mumbai

    Goa
    Panaji

    Assam
    Dispur

    Haryana
    Chandigarh

    Kerala
    Thriuvanthaouram


    table,
    th,
    td (
    border: 1px solid black;
    border-collapse: collapse;
    text-align: center;
    )
    .india(
    text-align: right;
    color: blue;
    font-weight: bold;
    )


    State & Capitals
    State
    Capital

    Maharashtra
    Mumbai

    Goa
    Panaji

    Assam
    Dispur

    Haryana
    Chandigarh

    Kerala
    Thriuvanthaouram


    table,
    th,
    td (
    border: 1px solid black;
    border-collapse: collapse;
    text-align: center;
    )
    .india(
    text-align: right;
    color: blue;
    font-weight: bold;
    )


    State & Capitals
    State
    Capital

    Maharashtra
    Mumbai

    Goa
    Panaji

    Assam
    Dispur

    Haryana
    Chandigarh

    Kerala
    Thriuvanthaouram


    table,
    th,
    td (
    border: 1px solid black;
    border-collapse: collapse;
    text-align: center;
    )
    .india(
    text-align: right;
    color: blue;
    font-weight: bold;
    )


    State & Capitals
    State
    Capital

    Maharashtra
    Mumbai

    Goa
    Panaji

    Assam
    Dispur

    Haryana
    Chandigarh

    Kerala
    Thriuvanthaouram


    table,
    th,
    td (
    border: 1px solid black;
    border-collapse: collapse;
    text-align: center;
    )
    .india(
    text-align: right;
    color: blue;
    font-weight: bold;
    )


    State & Capitals
    State
    Capital

    Maharashtra
    Mumbai

    Goa
    Panaji

    Assam
    Dispur

    Haryana
    Chandigarh

    Kerala
    Thriuvanthaouram


    table,
    th,
    td (
    border: 1px solid black;
    border-collapse: collapse;
    text-align: center;
    )
    .india(
    text-align: right;
    color: blue;
    font-weight: bold;
    )


    State & Capitals
    State
    Capital

    Maharashtra
    Mumbai

    Goa
    Panaji

    Assam
    Dispur

    Haryana
    Chandigarh

    Kerala
    Thriuvanthaouram


    table,
    th,
    td (
    border: 1px solid black;
    border-collapse: collapse;
    text-align: center;
    )
    .india(
    text-align: right;
    color: blue;
    font-weight: bold;
    )


    State & Capitals
    State
    Capital

    Maharashtra
    Mumbai

    Goa
    Panaji

    Assam
    Dispur

    Haryana
    Chandigarh

    Kerala
    Thriuvanthaouram


    table,
    th,
    td (
    border: 1px solid black;
    border-collapse: collapse;
    text-align: center;
    )
    .india(
    text-align: right;
    color: blue;
    font-weight: bold;
    )


    State & Capitals
    State
    Capital

    Maharashtra
    Mumbai

    Goa
    Panaji

    Assam
    Dispur

    Haryana
    Chandigarh

    Kerala
    Thriuvanthaouram


    table,
    th,
    td (
    border: 1px solid black;
    border-collapse: collapse;
    text-align: center;
    )
    .india(
    text-align: right;
    color: blue;
    font-weight: bold;
    )


    State & Capitals
    State
    Capital

    Maharashtra
    Mumbai

    Goa
    Panaji

    Assam
    Dispur

    Haryana
    Chandigarh

    Kerala
    Thriuvanthaouram


    table,
    th,
    td (
    border: 1px solid black;
    border-collapse: collapse;
    text-align: center;
    )
    .india(
    text-align: right;
    color: blue;
    font-weight: bold;
    )


    State & Capitals
    State
    Capital

    Maharashtra
    Mumbai

    Goa
    Panaji

    Assam
    Dispur

    Haryana
    Chandigarh

    Kerala
    Thriuvanthaouram


    table,
    th,
    td (
    border: 1px solid black;
    border-collapse: collapse;
    text-align: center;
    )
    .india(
    text-align: right;
    color: blue;
    font-weight: bold;
    )


    State & Capitals
    State
    Capital

    Maharashtra
    Mumbai

    Goa
    Panaji

    Assam
    Dispur

    Haryana
    Chandigarh

    Kerala
    Thriuvanthaouram


    table,
    th,
    td (
    border: 1px solid black;
    border-collapse: collapse;
    text-align: center;
    )
    .india(
    text-align: right;
    color: blue;
    font-weight: bold;
    )


    State & Capitals
    State
    Capital

    Maharashtra
    Mumbai

    Goa
    Panaji

    Assam
    Dispur

    Haryana
    Chandigarh

    Kerala
    Thriuvanthaouram


    table,
    th,
    td (
    border: 1px solid black;
    border-collapse: collapse;
    text-align: center;
    )
    .india(
    text-align: right;
    color: blue;
    font-weight: bold;
    )


    State & Capitals
    State
    Capital

    Maharashtra
    Mumbai

    Goa
    Panaji

    Assam
    Dispur

    Haryana
    Chandigarh

    Kerala
    Thriuvanthaouram


    table,
    th,
    td (
    border: 1px solid black;
    border-collapse: collapse;
    text-align: center;
    )
    .india(
    text-align: right;
    color: blue;
    font-weight: bold;
    )


    State & Capitals
    State
    Capital

    Maharashtra
    Mumbai

    Goa
    Panaji

    Assam
    Dispur

    Haryana
    Chandigarh

    Kerala
    Thriuvanthaouram


    table,
    th,
    td (
    border: 1px solid black;
    border-collapse: collapse;
    text-align: center;
    )
    .india(
    text-align: right;
    color: blue;
    font-weight: bold;
    )


    State & Capitals
    State
    Capital

    Maharashtra
    Mumbai

    Goa
    Panaji

    Assam
    Dispur

    Haryana
    Chandigarh

    Kerala
    Thriuvanthaouram


    table,
    th,
    td (
    border: 1px solid black;
    border-collapse: collapse;
    text-align: center;
    )
    .india(
    text-align: right;
    color: blue;
    font-weight: bold;
    )


    State & Capitals
    State
    Capital

    Maharashtra
    Mumbai

    Goa
    Panaji

    Assam
    Dispur

    Haryana
    Chandigarh

    Kerala
    Thriuvanthaouram

    Resultado:

    Conclusão - Tag de legenda em HTML

    De todos os detalhes acima sobre a tag de legenda explica os termos, isso é usado para dar um título à tabela. a legenda é colocada entre a tag no corpo da tabela. Ela funciona em diferentes atributos, como atributos de alinhamento, atributos globais e também em alguns atributos de evento para acionar o evento na tag de legenda.

    Artigos recomendados

    Este foi um guia para a tag de legenda em HTML. Aqui também discutimos sua introdução, lista de tags de legenda e funcionamento. Você também pode dar uma olhada nos seguintes artigos para saber mais:

    1. Tags de tabela HTML
    2. Versões do Html
    3. Novos elementos do HTML5
    4. Elementos do formulário HTML