TOC

This article is currently in the process of being translated into Portuguese (~99% done).

Noções básicas de HTML:

Attributes

Vários elementos do HTML5 podem ter múltiplos atributos. O atributo provém informações adicionais sobre um elemento específico e são sempre especificados na tag de abertura. Aqui vai um exemplo: vamos supor que você quer criar um link. O elemento de link é especificado pela tag <a> e o endereço de destino é especificado no atributo href.

<a href="http://www.myurl.com">This is a link</a>

Como você pode ver, o elemento de link consiste na tag de abertura <a> e a tag de fechamento </a>. O conteúdo do elemento de link é "This is a link". Mas dentro da tag de abertura tem um atributo href. O atributo href sempre tem um valor, neste caso, http://www.myurl.com. Toda vez que você tem um elemento com um atributo, o padrão para escrever atributos é atributo="valor".

Aqui você deve observar que o nome do atributo é seguido por a = e o valor do atributo é sempre cercado por "". No HTML5, você pode omitir as aspas contanto que o valor não inclua um caractere restrito (como >, =, ou um espaço), mas isso aumenta o risco de erros - vamos olhar para o elemento de imagem para exemplifique isso.

<img src="my-puppy.jpg" alt="This is a picture of my puppy, Bob">

Se você olhar para o atributo alt (alt é uma abreviação de texto alternativo), há várias palavras. Isso não é problema quando você está usando aspas - as aspas indicam que tudo no meio delas é o valor do atributo alt. Mas como o espaço é um caractere restrito, você não pode escrever assim::

<img src="my-puppy.jpg" alt=This is a picture of my puppy, Bob>

Se fizer, os navegadores presumiriam que o valor do atributo alt fosse apenas "this" e o resto do seu texto alternativo pretendido ("a picture of my puppy, Bob") poderia quebrar o resto da sua página.

O que você aprendeu

  • Alguns elementos HTML podem ter atributos
  • O padrão para um atributo é atributo="valor"
  • Atributos provém informações adicionais sobre um elemento
  • Os atributos são sempre especificados na tag de abertura
  • Você não precisa usar aspas, mas sempre é uma boa ideia usá-las

Espero que você já tenha entendido as noções básicas de HTML e, portanto, estamos prontos para avançar para sua primeira página real da Web, que veremos no próximo capítulo.

This article has been fully translated into the following languages: Is your preferred language not on the list? Click here to help us translate this article into your language!