Close

Elementos HTML

Elementos HTML

Documentos HTML são arquivos de texto constituídos de elementos HTML, que são definidos usando tags (etiquetas) HTML.

Tags (etiquetas) HTML

  1. As tags HTML são usadas para marcar elements HTML
  2. As tags HTML são cercadas pelos dois caracteres < e >
  3. Os caracteres circundantes são chamados chaves angulares
  4. As tags HTML normalmente vêm em pares como <b> e </b>
  5. A primeira tag em um par é a tag de abertura, a segunda tag é a tag de fechamento
  6. O texto entre as tags de abertura e fechamento é o conteúdo do elemento
  7. 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>
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 atributosOs 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=’Estou”indo” da Agora’

Related Posts