Para construir uma página em HTML :
- Uma página em HTML (simples) é preciso faze-lo num editor de texto, tal como no Windows é o bloco de notas e no Linux é o editor de texto gedit, e tem de ser gravado com a extensão ".html".
- Todas as páginas são constituídas por tags:
Exemplo :
<html>
<head>
</head>
<body>
</body>
</html>
- Depois existem várias tags que podem ser inseridas na construção da página para a tornar mais apelativa:
Exemplo:
<html>
<head>
<title>Exemplo de uma página em HTML</title>
</head>
<body>
<center>
<p>TEXTO</p>
</center>
</body>
</html>
Explicação do exemplo :
A tag <p> utiliza-se para criar parágrafos.
Para formatar o texto utiliza-se várias tags como a tag <center></center>- para centrar o texto; a tag <B> Texto </B> - Texto fica em Negrito; a tag <U> Texto </U> texto a sublinhado; a tag <I> Texto </I> - Texto em Itálico.
A tag <body>vai ser o corpo da página em HTML.
A TAG body suporta vários parâmetros que vão ter efeito sobre a página.
■ <body bgcolor=“”> cor de fundo para a página.
■ <body background=“”> imagem de fundo da página.
■ <body text=“”> cor do texto da página.
■ <body link=“”> cor dos links.
■ <body vlink=“”> cor dos links que já foram visitados.
Tabela de cores: http://ufpa.br/dicas/htm/htm-cor1.htm
Exemplo:
<html>
<head>
<title>Exemplo de uma página em HTML</title>
</head>
<body>
<center>
<p>Isto é um parágrafo<br />com duas linhas</p>
<p><img src="computador.jpg" /></p>
</center>
</body>
</html>
Explicação do exemplo :
As linhas do parágrafo são criadas com <BR />; a tag <br> não tem que ser fechada.
A Tag <img> é usada para inserir imagens.
Atributos da tag <IMG> :
SRC (source)
Src é o atributo mais importante da tag IMG.
Src é o atributo mais importante da tag IMG.
O atributo src é responsável em informar onde está a imagem. Essa informação é dada por meio da uma URL.
Exemplo:
<html>
<head>
<title>Exemplo de uma página em HTML</title>
</head>
<body>
<center>
<table>
<tr><td></td></tr>
</table>
</center>
</body>
</html>
Explicação do exemplo :
A TAG <TABLE> é o elemento principal na definição de uma tabela, e também na definição de outros atributos específicos, que servem para dar maior controle sobre como deve ser apresentada uma table numa página HTML. Os demais elementos de tabela são ignorados se não estiverem entre os tags <TABLE> e </TABLE>.
A tag <TR> cria uma linha na tabela.
A tag <TD> especifica uma célula da tabela.
Exemplo:
<html>
<head>
<title>Exemplo de uma página em HTML</title>
</head>
<body>
<center>
<table>
<tr>
<td>
<a href="../exemplo_site1/pag1.html" target="iframe1"></<a>
</td>
</tr>
</table>
</center>
</body>
</html>
Explicação do exemplo :
A Tag <iframe> é a solução em que consiste manter fixo o cabeçalho e o sistema de navegação e fazer variar apenas a área de conteúdos. Uma das formas de viabilizar a situação é recorrer à tag <iframe>. Constrói a página index; na área de conteúdos insere uma <iframe>.
Trabalho realizado por:
Ana Cristina Soares Alves
Daniel Jesus Costa Pereira
Eduarda Filipa Santos Evaristo
Sem comentários:
Enviar um comentário