LMMD-MUS LMMD-MUS LMMD-MUS

home HOME

HTML Básico
HTML INÍCIO
HTML & WWW
HTML Introdução
HTML Elementos
HTML Tags Básicas
HTML Formatação
HTML Entidades
HTML Links
HTML Frames
HTML Tabelas
HTML Listas
HTML Formulários
HTML Imagens
HTML Background

HTML Avançado
HTML Layout
HTML Fontes
HTML Porque 4.0?
HTML Estilos
HTML Head
HTML Meta
HTML URLs
HTML Scripts
HTML Webserver

Elementos HTML

Anterior Próxima

Documentos HTML são arquivos de texto constituidos de elementos HTML.

Elementos HTML são definidos usando tags (etiquetas) HTML.


Tags (etiquetas) HTML

  • As tags HTML são usadas para marcar elements HTML
  • As tags HTML são cercadas pelos dois caracteres < e >
  • Os caracteres circundantes são chamados chaves angulares
  • As tags HTML normalmente vêm em pares como <b> e </b>
  • A primeira tag em um par é a tag de abertura, a segunda tag é a tag de fechamento
  • O texto entre as tags de abertura e fechamento é o conteúdo do elemento
  • As tags HTML não são sensíveis à caixa, <b> significa o mesmo que <B> [caixa é um termo tipográfico para se referir ao corpo dos tipos; caixa-baixa: minúsculas, caixa-alta: maiúsculas]

Elementos HTML

Lembre-se do exemplo HTML da página anterior:

<html>
<head>
<title>Título da página</title>
</head>
<body>
Esta é minha primeira página. <b>Este texto está em negrito</b>
</body>
</html>

Este é um elemento HTML:

<b>Este texto está em negrito;/b>

O elemento HTML começa com uma tag de abertura: <b>
O conteúdo do elemento HTML é: Este texto está em negrito
O elemento HTML termina com uma tag de fechamento: </b>

O propósito da tag <b> é definir um elemento HTML que deverá ser exibido em negrito.

Este é também um elemento HTML:

<body>
Esta é minha primeira página. <b>Este texto está em negrito</b>
</body>

Este elemento HTML começa com a tag de abertura <body>, e termina com a tag de fechamento </body>.

O propósito da tag <body> é definir o elemento HTML que contém o corpo de um documento HTML.


Porque usamos tags com letras minúsculas?

Recém dissemos que as tags HTML não são sensíveis à caixa: <B> significa o mesmo que <b>. Quando você surfa na Web, você notará que muitos tutoriais usam tags HTML em letras maiúsculas em seus exemplos. Nós sempre usamos tags minúsculas. Por que?

Se você quer se preparar para as próximas gerações da HTML você deve começar a usar tags minúsculas. O World Wide Web Consortium (W3C) recomenda tags minúsculas na sua recomendação HTML 4, e a XHTML (a próxima geração da HTML) demanda tags minúsculas.


Atributos da Tag

As tags podem ter atributos. Os atributos podem prover informação adicional sobre os elementos HTML na sua página.

Esta tag define o elemento corpo da sua página HTML: <body>. Com um atributo adicional bgcolor, você pode dizer ao navegador que a cor de fundo da sua página deve ser vermelha, assim: <body bgcolor="red">.

Esta tag define uma tabela HTML: <table>. Com um atributo borda, você pode dizer ao navegador que a tabela não deve ter bordas: <table border="0">

Os atributos sempre vem em pares nome/valor como este: nome="valor".

Os atributos são sempre adicionados à tag de abertura de um elemento HTML.


Estilos de aspas, "red" ou 'red'?

Os valores dos atributos sempre devem ser inseridos entre aspas. Aspas duplas são as mais comuns, mas aspas simples são também permitidas.

Em algumas situações raras, como quando um valor de atributo já contém aspas, é necessário usar aspas simples:

name='João "Espingarda" da Silva'


Anterior Próxima