Curso básico de HTML:
Autoria :Délcio CabangaIntrodução
HTML é uma simples linguagem de formatação de texto, razão pela qual é muito utilizada.
Para criar uma home page proficional é necessário conhecer pele menos, uma das linguagens seguintes:
Html, Java, javasript, php etc.
Mas neste pequeno curso falarei da linguagem HTML (hyper text markup linguage), uma linguagem
muito simples para se aprender.
Passos para criar uma home page
A linguagem html (hyper text markup linguage) possui vários comandos nos quais 3
são muito importantes.
HTML (cabeça)
Toda página html começa com o comando HTML dentro de dois símbolos ( < > ) e termina-se com
uma barra (< / > ). A estes símbolos chamamos de tags.
<HTML >
</HTML >
Este comando é que permite a criação da home page.
Para que a sua págena tenha um título é necessario usar os seguintes comandos:
<HEAD >
<Title >Título da Página </Title >
</HEAD >
O comando head permite que o titulo da home page, apareça simplesmente na barra de titulo
do navegador.
O corpo (BODY)
O corpo permite escrever o conteúdo ou a matéria que aparecerá quando os visitantes terem
acesso a mesma. Assim usa-se o seguinte comando.
<Body >
</Body >
Com estes 3 comandos já são possíveis criar uma pequena pagina.
Ex.:
<html>
<head > <title> a minha primeira pagina</title> </head>
<body>
Estou a aprender.
< /body >
</ html>
Para visualizar o conteúdo da página salve-a com a extensão .html.
Ex: ( minha página.HTML).
Elementos do body
Bgcolor:
Permite difinir as cores do fundo página, e deve ser acompanhado com o comando body.
<body bgcolor= " tua cor preferida " >
OBS: as cores são escriata em ingles ou codigos.
Background:
Permite difinir o fundo da página com uma fotografia (imagens).
<body background= "endereço da imagem/nome da imagem.extensão">
Formatação do texto
Para formatar textos na linguagem HTML são necessários os seguintes comandos:
Font:
Permite alterar o tamanho da letra, alterar a cor e o tipo de letra.
Para cor:
<font color=blue>
</font>
Para letra:
<font size=10>
</font>
Para determinar o tamanho da letra também podemos utilizar o seguinte comando:
<h>
</ h >
Este comando é acompanhado com uma numeração, de 1 á 5, onde 1 é o maior tamanho e
5 é menor tamanho.
Por exemplo:
<h1> texte </ h1>
<h2> texte </ h2>
<h3> texte </h3>
<h4> texte </h4>
<h5> texte </h5>
A palavra texte que está entre h1 aparecerá maior em relação a que está entra h5.
Paragrafo e mudança de linha
Para abrir um paragrafo, utiliza-se o seguinte comando:
<p> não é necessário fechar com </p>.
Por exemplo:
A minha prova <p>
Para mudar de linha usa-se o seguinte comando:
<br>
Este comando põe-se depois do texto, por exemplo:
A antónia está estudando<p>
link
O link serve para interligar páginas etc. O seu comando é:
<a href= " endereço do link / nome do arquivo.extensão "> nome do link </a>
Por exemplo:
<a href= " .. / os meus documentos / título.html "> clique aqui </a>
Imagens
Para adicionar uma imagem, basta utilizar o seguinte comando:
<Img src=" endereço da imagem/ nome da imagem.extensão ">
Elementos da imagem
Para alterar o tamanho e a borda da imagem basta utilizar os seguintes comandos:
Broder: permite definir a borda imagem
Align: permite definir a posição da imagem que pode ser, tanto a esquerda como a direita.
Por exemplo:
<img src="imagem.extensão" border="0" align="100%">
Tabelas
Para criar uma tabela é necessário os seguintes comandos:
<Table>
<tr> <td>
</td></tr>
</table>
Tr: define a linha
Td : define coluna
Por exemplo:
<Table border="3">
<tr><td>Mês</td> <td> Dia </td> </tr>
<tr><td>Junho</td> <td> 17 </td> </tr>
<tr><td>Agosto</td><td> 20 </td> </tr>
</table>
Listas
As listas servem para organizar uma página utilizando pontos ou numerção. Seu comando é:
<Ul> - inicia uma lista
<li> - adiciona um item à lista
Por exemplo:
<Ul>
<li> Página1
<li>Página2
<li> Página3
</ul>
