» Apresentação

Html é uma linguagem de programação. Basicamente é um conjunto de códigos que formam uma página da web. Essa linguagem de programação é composta por tag's. Uma tag funciona da seguinte maneira:

<tag> conteúdo </tag>


» Estretura do HTML

Toda página de HTML é feita do mesmo jeito

<HTML>
<HEAD>
<TITLE> Aqui o Titulo da Pagina </TITLE>
</HEAD>
<BODY>
Aqui todo o conteúdo da pagina
</BODY>
</HTML>


» Aprofundamento

Toda pagina de HMTL deve começar com a tag <HTML> e terminar com </HTML>, e todas as outras tags devem estar dentro destas. Entre as tags <HEAD> e </HEAD> devem estar as tags que definirão a estrutura da página (chamamos de cabeçalho). <TITLE> e </TITLE> são as tags que definem qual será o titulo da página (apareçerá na barra do navegador lá em cima). Essas tags obrigatóriamente devem estar dentro do HEAD. Entre <BODY> e </BODY> fica todo o 'corpo' da página. Tudo que deverá aparecer na página tem de estar entre essas tags.


» Escrevendo

Alinhando o texto: <p aling="variavel"> texto </p>

Variaveis: center (centro)
left (esquerda)
right (direita)
justify (igualado)

Parágrafo: <p> texto </p>
Escrever na linha debaixo: <br>. Você pode colocar essa tag varias vezes seguida. Cada uma delas será uma linha a ser pulada.

Definindo a letra:
<font size="tamanho" face="fonte" color="cor"> texto </font>

Tamanho: de 1 á 7

Fonte: arial, times new roman, courrier new ou verdana.

Corlor: código (ver tabela de cores)

Negrito: <b> exemplo </b>
Italico: <i> exemplo </i>
Sublinhado: <u> exemplo </u>


» Colocando Imagens

<img src="http://site.com.br/imagem.jpg">
Não se esqueça de mudar a terminação da imagem (no caso está .JPG mas também pode ser .GIF ou outros)


» Colocando Imagens

<a href="http://www.site.com.br">clique aqui</a>

Abrir link em uma nova janela:
<a href="http://www.site.com.br" target="_blank">clique aqui</a>

Descrição ao passar o mouse:
<a title="descrição aqui" href="http://www.site.com.br">clique aqui</a>


Espero ter ajudado vocês, isso é uma aulinha de HTML bem basico, mais com certeza vai ajuda-los muito quando forem criar suas paginas!

« Volta ||Home|| Avança »