Tuturial Html

Tuturial de iniciação ao html

1-Irá proceder a criação da sua primeira página web.Usando o seu editor de texto crie
um novo arquivo e escreva nele o texto seguinte:

<html>
<head>
<title>Título da página</title>
</head>
<body>
Esta é a minha primeira página da Web.
Este texto está em negrito
</body>
</html>

Salve o arquivo com o nome "pagina.html". Abra o documento "pagina.html" no local
em que você salvou o arquivo e observe o resultado.

2-Dentro da etiqueta body irá acrescentar uma tabela por recurso ao codigo:
(verificar que esta tabela não apresenta border)
<table border="0">
<tr>
<td>
Esta é a minha primeira tabela.
</td>
</tr>
</table>

Salvar e ver o resultado.

3-acrescentar uma segunda tabela verificando que esta já possui border:
(Acrescentar este código ao código já existente)

<table border="2">
<tr>
<td>
Esta é a minha segunda tabela.
</td>
</tr>
</table>


Prof. Tiago Martins

4-Acrescentar paragrafos recorrendo para isso ao código seguinte:
Isto é um parágrafo.
Isto é outro parágrafo.

Os parágrafos definem-se com o elemento 



5-acrescentar paragrafos mas que apresentem quebra de linha. Para isso reccorrer ao
seguinte código:

Isto é um pará- grafo
com quebras de linha



6-acrescentar vários parágrafos seguidos recorrendo ao código seguinte:

No código fonte este parágrafo tem três
linhas, mas o browser ignora isso e pode
apresentar outro número.

No código fonte o texto deste parágrafo tem
vários espaços seguidos, mas o
browser trata-os como se eles formassem
um único espaço.

O número de linhas de um parágrafo depende
do tamanho da janela do browser. Ao alterar
a largura desta provocará alterações no
número de linhas



7- colocar cabeçalhos. Vamos experimentar os vários tipos de cabeçalhos.acrescente o
seguinte código:
<h1>Isto é um cabeçalho de nível 1</h1>


Prof. Tiago Martins

8-vamos agora centrar um cabeçalho:

<h1 align="center"
>este é um cabeçalho alinhado ao centro</h1>


9- o elemento <hr> permite desenhar linhas em html para verificar isso
acrescente ao seu código:

O elemento hr desenha uma linha horizontal:
<hr>
Isto é um parágrafo
Isto é um parágrafo


10-Colocar cometarios.é possivel colocar comentários entre o codigo que não são
exibidos quando é mostrada a página. Para isso experimentar o código:
(a segunda linha serve apenas para se verificar que de facto o comentário ficou
omitido entre as linhas anteriores e esta)

Isto é um parágrafo normal


11-Vamos agora aplicar estilos. De seguida tem a palicação de alguns elementos que
formatam o texto experimente acrescentar o seguinte codigo:

Isto é texto em negrito 
Isto é texto forte 
<big>Isto é texto maior</big> 
Isto é texto enfatizado 
Isto é texto itálico 
Isto é texto mais pequeno 
Este texto contém uma parte alinhada mais abaixo
 
Este texto contém uma parte alinhada mais acima


Prof. Tiago Martins

12-vamos experimentar alterar a cor do fundo para isso vamos alterar as propriedades
do elemento <body>. Para isso deverão acrescentar bgcolor="yellow" a tag <body>
para que fique com o seguinte aspecto:
<body bgcolor="yellow">


13-Acrescentar ancoras (links).
Para acrescentar ancoras ou links como lhes costumamos chamar deveremos usar o
seguinte código:

<a href="url">Texto a mostrar</a>

Exemplo: <a href="http://www.ojogo.pt">site do jogo</a>

Acrescentar três links a seu gosto.

Prof. Tiago Martins

Tuturial Html

Mais conteúdo relacionado

Mais procurados

Semelhante a Tuturial Html

Mais de tiagosouselo

Tuturial Html