» 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 »