Elementos <title> <body>:
<title>
Serve para colocar um titulo na p�gina, que ir� aparecer na parte mais acima do
navegador. Ao cabar de colocar o t�tulo coloque: </title> Exemplo: <title>Ara�jo Home Page </title>
<body>
Serve para configurar algumas coisas da p�gina, como cor de fundo(bgcolor=cor),figura de
fundo(background=imagem),cor do texto(text=cor),cor dos links(link=cor), cor dos links j�
vistos(vlink=cor)e cor dos links abertos naquele momento(alink=cor). Exemplo: <body background="back.jpg"
bgcolor="white" text="black" link="blue"
vlink="red"></body>
Atributos para texto:
Em HTML praticamente tudo funciona com comandos, se voc� quiser fazer um paragrafo ou uma quebra de linha n�o poder� simplesmente apertar ENTER e escrever na linha abaixo como em editores de texto, ter� que usar os comandos de paragrafo e de quebra de linhas que s�o seguidamentes <p> e <br> Exemplo de texto com Paragrafos e quebra de linhas: <p>fala! <br>como vai! <p>at� Que ficaria:fala!
como vai!
at�
Conhe�a outros comandos para textos:
<center>Texto</center> - Texto centralizado
<b>Texto</b> - Texto em Negrito
<u>Texto</u> - Texto Sublinhado
<i>Texto</i> - Texto em Italico
<h#>Texto</h#> - Texto com o nivel #
<pre>Texto</pre> - Texto preformatado
<blockquote>Texto</blockquote> - Bloco de notas
<address>Texto</address> - Endere�os
<code>Texto</code> - Carecteres de tamanhos fixos
Fontes:
Usando fontes voc� poder� mudar as cores de um texto, aumentar ou diminuar seu tamanho e mudar o estilo da fonte. O comando para executar � o seguinte:
<Font
color="cor_do_texto">Texto</font> - Mudar a cor de um texto
<Font size=#>Texto</font> - Mudar o tamanho para #
<Font
face="estilo">Texto</font> - Mudar o estilo da fonte
Barras:
Se voc� quiser adicionar uma barra
a sua p�gina, use o comando: <hr
size=#> (Onde # � a
largura)
Links:
Links s�o conex�es para outros endere�os usados geralmente para acessar outras p�ginas ou pegar algum arquivoA formula para inserir um link � a seguinte:
<a href="arquivo.exten��o">Texto Link</a>
No caso de frames ou se voc� quiser que o endere�o apare�a em outra janela voc� pode selecionar o alvo com o seguinte comando:
<a href="arquivo.exten��o" target="alvo">Texto Link</a>
Um exemplo, para criar um link para o Felipe�s Web Site adicione: <a href="http://fly.to/felipe">Html B�sico</a> Que ficaria como:( Html b�sico )�ncoras:
Para acessar em uma determinada p�gina voc� dever� criar uma �ncora:
Para criar uma anc�ra fa�a o seguinte:
Na p�gina que ter� a anc�ra adicione:
<a name=nome_da_anc�ra>Parte</a>
E no link use a seguinte formula:
<a href="pagina.ext#nome_da_ancora">Texto
Link</a>
Imagens:
Para sua p�gina ficar com mais vida, ou, mais bonita voc� dever� adicionar imagens, o comando � o seguinte:<img src="imagem.ext">
No caso se quiser fazer uma imagem que seja um link, em vez de colocar o texto link adicione o comando citado. Lembre-se de botar ap�s o src="imagem.ext" a linha: border=0 se voc� n�o quiser que a imagem tenha borda Para selecionar o alinhamento de uma imagem use: <img src="imagem.ext" align="alinhamento"> (Lembre-se de colocar os alinhamentos em ingl�s como: Left, Right etc)Listas:
Segue um exemplo de linguagem HTML, de listas descritivas:
<DL> <DT> National Center for Supercomputing Applications <DD> Se localiza no campus da Universidade de Illinois, em Urbana-Champaign. NCSA e' uma das quatro instituicoes-membro, no Nacional Metacenter for Computational Science and Engineering. <DT> Cornell Theory Center <DD> O CTC se localiza no campus da Cornell University, in Ithaca, New York. CTC e' outra instituicao-membro do Nacional Metacenter for Computational Science and Engineering. </DL>
O resultado se parece com:
As entradas com etiquetas <DT> and <DD> podem conter:
* multiplos paragrafos (separados por etiquetas de paragrafo),
* listas, ou
*outra informacao da descricao.
Tabelas:
inicie uma tabela com: <table border="largura_da_borda">
Ap�s isso selecione os campos usando: <tr><td>Campo1</td><td>Campo2</td> e assim seguidamente
Quando acabar de selecionar os campos, finalize os campos com: </tr>
Depois � s� adicionar os items usando: <tr><td>Item1</td><td>Item2</td></tr> e depois criando uma nova lista de items com: <tr><td>Item1</td><td>Item2</td></tr>
Finalize a tabela com: </table>
Como exemplo, olhe como ficaria uma
tabela parecida com essa citada:
| Campo1 | Campo2 |
| Item1 | Item2 |
| Item1 | Item2 |
Pronto:
pronto! Agora voc� j� sabe o
b�sico sobre html, j� pode ate criar uma primeira p�gina.
