0 Compartilhamentos 166 Views

Principais Tags de HTML

6 de novembro de 2007

Tags estruturais

Cria um comentário

Envolve todo um documento html

Envolve o cabeçalho de um documento html

Fornece informações gerais sobre o documento

Informações de estilo

Linguagem script

Conteúdo alternativo para quando a linguagem script não for suportada

O título do documento

Envolve o corpo (texto e tags) do documento html

  • bgcolor – Cor de fundo #RRGGBB
  • background – Imagem como plano de fundo
  • text – Cor do texto principal
  • link – Cor dos links existentes na página
  • vlink – Cor do link já visitado
  • alink – Cor do link que foi ativado
  • marginheight – Elimina a margem esquerda apenas no Netscape
  • marginwidth – Elimina a margem no topo da página apenas no Netscape
  • topmargin – Elimina a margem no topo da página apenas no Internet Explorer
  • leftmargin – Elimina a margem esquerda apenas no Internet Explorer

Cabeçalhos

Cabeçalho nível n para n de 1 a 6

Parágrafos

Um simples páragrafo

  • align – Alinhamento do parágrafo: left, right, center e justify

Links

Cria um link e inclui atributos em comum

  • href – O URL do documento que será vinculado a este. Para e-mail: mailto e link externo: http
  • name – O nome da âncora
  • target – Identifica a janela ou local em que o link deverá ser aberto: blank, self, top, parent
  • rel – Define os tipos de link que avançam
  • rev – Define os tipos de link que revertem a ação
  • acesskey – Atribui uma tecla de atalho para este elemento
  • shape – Para uso com formas de objeto
  • coords – Para uso com formas de objeto
  • tabindex – Determina a ordem das guias
  • onclick – É um evento JavaScript
  • onmouseover – É um evento JavaScript
  • onmouseout – É um evento JavaScript

Listas

Uma lista ordenada

  • start – Define a partir de qual número a listagem começa
  • type – Tipos de caracteres ordenados: A, a, I, i, 1

Uma lista não ordenada

  • type – Tipos de caracteres não ordenados: disk, square, circle

  • Um item da lista

    • value – Numeração individual do item da lista
    • type – Tipos de caracteres ordenados: A, a, I, i e 1 para listagem ordenada e disk, square e circle para não ordenada

    Um menu com uma lista de itens

    Uma listagem de diretórios

    Uma lista de definições ou glossário

    Marca o texto especificado como um termo de definição de um glossário

    Especifica o texto referente a um termo criado pela tag

    dentro de uma lista de definição

    Formatação de caracteres

    Maior ênfase em itálico

    Maior ênfase em negrito

    Amostra de código

    Texto a ser digitado

    Uma variável ou espaço reservado para um outro valor

    Texto de amostra

    Aplica um formatação no texto definido como termo de um glossário

    Uma citação

    Texto em negrito

    Texto em itálico

    Texto sublinhado

    Fonte monoespaçada (texto semelhante à maquina de escrever)

    Texto pré-formatado

    Texto riscado

    Texto tachado

    Texto subscrito

    Texto sobrescrito

    Texto em fonte maior do que o padrão

    Texto em fonte menor do que o padrão

    Texto piscando somente no Nestcape

    Texto animado no Internet Explorer

    Outros elementos


    Uma régua horizontal

    • size – Espessura da linha em pixels
    • width – Largura da linha em pixels ou porcentagem
    • align – Alinhamento da linha em center, left, right
    • color – Cor da linha em #RRGGBB
    • noshade – Linha sólida

    Uma quebra de linha

    Centralizar

    Conteúdo

    • align – Alinhamento: left, center e right

    Texto com mais margem

    Assinaturas ou informações gerais sobre o autor de um documento

    Alterna tamanho , cor e tipo de fonte exibida

    • size – O tamanho da fonte varia de 1 a 7
    • color – A cor da fonte #RRGGBB
    • face – O tipo da fonte

    Define o tamanho padrão para a fonte na página atual

    • size – O tamanho da fonte varia de 1 a 7

    Imagens

    Insere uma imagem in-line no documento e inclui atributos comuns

    • usemap – Um mapa de imagens do lado cliente
    • src – O URL da imagem
    • alt – Uma string de texto que será exibida em navegadores que não possam suportar imagens
    • align – Determina o alinhamento de uma determinada imagem: top, middle, bottom, left e right
    • height – É a altura sugerida em pixels
    • width – É a extensão sugerida em pixels
    • vspace – O espaço entre a imagem e o texto acima e abaixo dela
    • hspace – O espaço entre a imagem e o texto à esquerda e à direita dela
    • border – Largura da borda

    Frames

    Define um frameset

    • rows – Número de linhas no frame
    • cols – Número de colunas no frame
    • frameborder – Borda do frame
    • framespacing – Espaçamento
    • onload – É um evento intrínseco
    • onunload – É um evento intrínseco

    Define um frameset

    • name – É o nome do frame-alvo
    • src – Chama a fonte de conteúdo do frame
    • frameborder – Determina a borda do frame
    • marginheight – Determina a largura das margens
    • noresize – Determina a capacidade de redimensionar frames
    • scrolling – Determina a capacidade de rolagem dentro dos frames: auto, yes e no

    Define um frame in-line

    Alterna o conteúdo quando os frames não são suportados

    Tabelas

    Cria uma tabela

    • background – Imagem de plano de fundo
    • bgcolor – Cor de plano de fundo
    • border – Largura da borda em pixels
    • cols – Número de colunas
    • cellpadding – Espaçamento nas células
    • cellspacing – Espaçamento entre as células
    • width – Largura da tabela
    • align – Alinhamento da tabela: left, center, right
    • bordercolor – Cor na borda da tabela

    A legenda para a tabela

    Uma linha na tabela

    • align – O alinhamento horizontal do conteúdo das células dentro dessa linha com os valores possíveis left, right, center, justify e char
    • bgcolor – Cor de fundo
    • valign – o alinhamento vertical do conteúdo das células dentro dessa linha com os valores possíveis top, middle, bottom e baseline
    • background – Figura como plano de fundo

    Um cabeçalho de célula da tabela

    • align – Alinhamento horizontal
    • valign – Alinhamento vertical
    • bgcolor – Cor de plano de fundo
    • rowspan – O número de linhas pelo qual essa célula se expandirá
    • colspan – O número de colunas pelo qual essa célula se expandirá
    • nowrap – Desliga o enquadramento de texto em uma célula

    Define uma célula de dados da tabela

    • align – Alinhamento horizontal
    • valign – Alinhamento vertical
    • bgcolor – Cor de plano de fundo
    • rowspan – O número de linhas pelo qual essa célula se expandirá
    • colspan – O número de colunas pelo qual essa célula se expandirá
    • nowrap – Desliga o enquadramento de texto em uma célula
    • width – Largura da célula
    • height – Altura da célula

    Formulários

    Define um formulário

    • action – Responsável por determinar o exato local para onde as informações coletadas no formulário deverão ser enviadas
    • method – Método de empacotamento dos dados do formulário: get, post e enctype=”multipart/form-data”
    • name – Nome do objeto

    Caixa de texto

    • type – Tipo de dado: text, file, radio, checkbox, hidden, password, submit, reset, button, image
    • name – Identificação do campo
    • size – Largura
    • maxlength – Número máximo de caracteres permitidos
    • value – Texto que aparece dentro da caixa ou nome do botão
    • checked value – Valor assumido quando este campo for selecionado

    Permite criar elementos de entrada com características de texto

    • rows – Tamanho da linha da caixa de texto
    • cols – Tamanho da coluna da caixa de texto
    • name – Identificação do campo
    • wrap – Quebra de linha da caixa de texto: off, virtual, physical

    Seleção

    • name – Identificador

    Opção

    • value – Valor do campo

    Você pode se interessar

    Promoções de Jogos do Final de Semana (22/03)
    Notícias
    6 visualizações
    Notícias
    6 visualizações

    Promoções de Jogos do Final de Semana (22/03)

    Carlos L. A. da Silva - 22 de março de 2019

    Confira as melhores ofertas de jogos de PC para o final de semana.

    Como substituir os produtos da Adobe pagando nada ou muito pouco
    Dicas
    7 visualizações
    Dicas
    7 visualizações

    Como substituir os produtos da Adobe pagando nada ou muito pouco

    Carlos L. A. da Silva - 22 de março de 2019

    Você não precisa morrer em uma grana para ter acesso a produtos de qualidade que fazem as mesmas tarefas.

    Vídeos
    1,655 compartilhamentos6,805 visualizações

    Reagindo a Vagas de Estágio // Vlog React #91

    Thais Cardoso de Mello - 21 de março de 2019

    Confira no vídeo se o que dizem sobre os estágio no Brasil realmente faz sentido.

    Deixe um Comentário

    Your email address will not be published.

    Mais publicações

    A Inteligência Artificial que era perigosa demais
    Artigos
    4 visualizações
    4 visualizações

    A Inteligência Artificial que era perigosa demais

    Carlos L. A. da Silva - 21 de março de 2019
    TypeScript // Dicionário do Programador
    Vídeos
    1,655 compartilhamentos6,808 visualizações
    1,655 compartilhamentos6,808 visualizações

    TypeScript // Dicionário do Programador

    Thais Cardoso de Mello - 18 de março de 2019
    Promoções de Jogos do Final de Semana (15/03)
    Notícias
    12 visualizações
    12 visualizações

    Promoções de Jogos do Final de Semana (15/03)

    Carlos L. A. da Silva - 15 de março de 2019
    Mega Bate-Papo com o Programador BR (feat. Igor Oliveira) // CDF Entrevista
    Vídeos
    1,655 compartilhamentos6,812 visualizações
    1,655 compartilhamentos6,812 visualizações