Atributos de tags

As tags podem ter atributos. Um atributo possui um nome e um valor, e é utilizado para adicionar informações extras ao elemento. Esta pode ser a informação a qual indica como o conteúdo deve ser renderizado, algo que identifique a ocorrência única do elemento e outras coisas.

O atributo de um elemento é sempre escrito dentro da tag de abertura logo após o nome e tem o padrão nomedoatributo + sinal de igual + valor entre aspas.

<tag nomedoatributo="valor"></tag>

Exemplo:

<a href="http://projetotutoras.com/">Projeto Tutoras</a>

a - tag de link

href - atributo com a url do link

Resultado:

Projeto Tutoras

Atributos de algumas tags

Tag <input>

type – Tipo de dado: text, file, radio, checkbox, hidden, password, submit, reset, button, image

name – Identificação do campo

maxlength – Número máximo de caracteres permitidos

value – Texto que aparece dentro da caixa ou nome do botão

Tag <img>

src - Localização da imagem (caminho do computador, url, etc)

alt - Descrição da imagem

width - Largura da imagem

height - Altura da imagem

Tag <a>

href - Url do link

target - Especifica onde é para o link abrir: _blank (nova página), _parent, _self (mesma página), _top

Aplique o que você aprendeu neste capítulo no seu código

  • Adicione um link para o seu facebook na página.
  • Adicione uma imagem de algo que você gosta utilizando uma URL da internet.

Ao final você deve ter algo parecido com: