Os atributos são usados para personalizar tags. O que isso significa? De alguma maneira, algum dia você quer redimencionar uma imagem ou tabela ou mudar a cor da fonte. Tudo isso é possível com a ajuda de atibutos.
A maioria das tags tem seus próprios atributos. Nós iremos falar sobre isso assim que incluirmos nossa nova tag. Aprenderemos sobre um set de atibutos genéricos que podem ser usados com a maioria das tags.
Atributos são postos entre parenteses (<>) de uma tag aberta.
Esses dois atributos são quase iguais. Eles não possuem um papel especifico na formatação de elementos, mas eles são úteis por trás da cena por ajudar com CSS. Iremos falar de seus papéis no momento certo, quando estudarmos sua sintaxe e função em CSS.
A ideia é que quando você quer colocar uma classe de tahs para serem usadas depois com a ajuda de CSS, você pode fazer a diferença entre duas tags identicas, mas com atributos diferentes. Olhe o próximo exemplo:
html<p id="italicparagraph">Parágrafo tipo 1, italico </p>
<p id="boldparagraph">Parágrafo tipo 2, negrito</p>"name" é um pouco diferente de "id" e "classe". Se você der o nome a um elemento, ele torna-se um script varipavel para JavaScript, ASP e PHP. Uma coisa que é muito encontrada em formulários e outros arquivos de texto interativos.
html<input type="text" name="TextField" />Esse atributo não tem efeito sobre a apresentação da caixa de texto, ainda que ele tenha um papel muito importante ao fundo.
Esse atributo raramente é usado. Ele adiciona um título (um pop-up) para todo elemento do conteúdo. Esse atributo não deve ser esquecido. Você pode nomear quase tudo da forma que quiser. A visualização aparece quando você precisa de parar o mouse por alguns segundos sobre o conteúdo.
html<h2 title="I am a title attribute!!">Um título qualquer</h2>Passe o seu mouse sobre o título acima para poder ver a mágica dos atributos do "título". Esse atributo dará em seu site um pouco de interação para aqueles que o visitarem. Nçao ignore esse detalhe.
Se você que alinhar alguns elementos da sua página de uma maneira diferente, então você tem a sua disposição o atributo "align". Você pode alinhar a esquerda, a direita ou no centro da página quase qualquer elemento. Os elementos default serão alinhados a esquerda, a não ser quando especificado outro alinhamento.
html<h2 align="center">Título centrado</h2>html<h2 align="left">Título alinhado à esquerda</h2>
<h2 align="center">Título centrado</h2>
<h2 align="right">Título alingado à direita</h2>A maioria das tags sçao atribuidas a atributos padrões. Isso significa que se você não especificar outro atributo o navegador o fará por você. Por exemplo, um parágrafo se alinhara por si só à esqueda, a não ser que você especifique de outra maneira; o mesmo com tabelas. Assim que você praticar, irá entender muito mais coisas sobre valores default de algumas tags.
Você deve mante em mente que esses atributos são usados para desenhar elementos em uma página da web. Colocamos aqui alguns dos atributos mais comuns usados em HTML:
| Atributo | Opções | Funções |
| a | right, left, center | Alinhamento Horizontal |
| valign | top, middle, bottom | Alinhamento Vertical |
| bgcolor | numerical, hexadecimal ou RGB value | O fundo por trás de um elemento. |
| background | URL | Uma imagem por trás do elemento. |
| id | Definida pelo usuário | Nomes de elementos que serão usado com CSS. |
| class | Definida pelo usuário | Classifica um elemento que poderá ser usado com CSS |
| width | Valor Numérico | Especifica a largura da tabela, iagem ou caixa de elemento. |
| height | Valor Numérico | Especifica a altura da tabela. |
| title | Definida pelo usuário | "pop-up" o título de um elemento |