31 de jul. de 2009

HTML Básico - Reconhecendo o território

Neste artigo temos o básico do HTML para desenvover sua Primeira Web Page, comentando algumas tags do HTML e explicando um pouco sobre atributos...



HTML Break Lines (Pulos de Linha)

Pulos de linhas são definidos pela tag <br />


Esta frase continua na <br /> outra linha


HTML Rules (Linhas)

A tag <hr> cria uma linha horizontal.


Texto
<hr />
texto depois da linha


Tags de formatacao de textos
TagDescription
<b>Defines bold text
<big>Defines big text
<em>Defines emphasized text
<i>Defines italic text
<small>Defines small text
<strong>Defines strong text
<sub>Defines subscripted text
<sup>Defines superscripted text
<ins>Defines inserted text
<del>Defines deleted text
<s>Deprecated. Use <del> instead
<strike>Deprecated. Use <del> instead
<u>Deprecated. Use styles instead


HTML Paragraphs

Parágrafos são definidos pela tag <p>


<p>Este é um parágrafo</p>


HTML links

Links HTML são definidos pela tag <a>


<a href="http://www.wikipedia.org"> Clique aqui! </a>


HTML Headings ( cabeçalhos )

Cabeçalhos são definidos pelas tags <h1> até <h6>


<h1>Este é um cabeçalho</h1>
<h2>Este é um cabeçalho</h2>
<h3>Este é um cabeçalho</h3>


HTML Images

As imagens são definidas pela tag <img>


<img src="http://www.google.com/intl/en_ALL/images/logo.gif" width="104" height="142" />


Comentários HTML

Os comentários são trechos que inseridos são visualizados apenas no código. Mas para que inserir algo que o usuário não vê?
Inserindo comentários você estará se ajudando na hora de fazer alguma manutenção na página, porém não se lembrava porque inseriu alguma tag.


<!-- Aqui está um comentário -->


Atributos

Perceba que existem atributos nas tags... ? ... Como assim atributos?

Veja na tag <img> existem 3 atributos src (caminho), width (largura) e height (altura), que possuem seus respectivos valores.

Atributos providenciam alguma informação para o elemento (que está entre a Tag), usa-se sempre nome="valor"

Por convenção também sempre coloque os atributos em letra minúscula e o valor entre aspas.

Existem diversos atributos que podem ser acrescentados as tags, confira aqui nesta lista todos eles caso esteja curioso.

Dúvidas? Comentem todas!

0 comentários: