Curso de HTML(Parte 2)

Seg 13 Jul 2009, 16:41

Agora que você fez sua primeira Home Page vamos modificar e tornar- lá
mais atraente com as seguintes tags:

Para Internet Explorer

<marquee> junto ao <h1>.

Dessa forma seu título vai ser um letreiro que vai passar de um lado para outro.

Não esqueça de fechar com a tag </marquee> e </h1>
E <font color="red"> junto a tag <p>.

Assim seu texto vai ter a cor vermelha. Vamos também centralizar a imagem.

E Salvaremos como teste2.htm. Com a tag<p align="center">e fechar com a tag </p>

Exemplo:

<html>
<head>
<title>teste html</title>
<head>
<body>
<h1><marquee>Minha primeira Home Page</marquee></h1>
<p><font color="red"> Páginas Html podem ser criadas em qualquer editor
ou processador de texto </font></p>
<p align="center">
<img src="brasil.gif" alt="Brasil" align=”center” height=150 width=120>
</p>
</body>
</html>

Você pode modificar também o fundo, colocando uma imagem ou uma cor.
Exemplo<body bgcolor="teal"> ou <body background="fundo2.gif">

A figura " fundo2.gif" é um exemplo enviado junto com a apostila . No seu
caso será necessário colocar o nome da figura e a extensão( gif ou jpg). Não é aconselhável usar imagens .bmp ( Bitmap ) por ser bem maior que as imagens Gif e Jpg.

Hyperlinks

Para inserir um hyperlink que aponte para uma outra Home Page, digite:
<a href="http://www.playboy.com.br">PLAYBOY</a>. Este exemplo abre a página da Playboy.

Para inserir um hyperlink que aponte para sua própria página como exemplo usamos <a href="tabela.htm">Tabela</a>.
Para inserir um figura que quando clicada abre uma outra página ou um link para enviar e- mail .

Digite :

<p align="center">
<a href="mailto:apostilas@yahoo.com ">
<img src="email.gif" alt="enviar e- mail" heigth=30 width=30></a></p>
Lembrando que email.gif é a imagem que foi enviado junto com a apostila.

Ela precisa estar na mesma pasta que o arquivo Html. E apostilas@yahoo é um endereço eletrônico. Com este exemplo fica fácil você criar outro hyperlinks usando outra figuras e suas páginas. Altere height e width que são largura e altura da figura email.gif.

Texto dentro de uma caixa

Digite:

<p align="center"><textarea name="S1" rows"5" cols="35">
Muitos querem saber quem é o dono da Internet ou quem administra os
milhares de computadores e linhas que a fazem funcionar. Vamos voltar um pouco no tempo.

Nos anos 60, quando a Guerra Fria pairava no ar, grandes computadores espalhados pelos Estados Unidos armazenavam informações militares estratégicas em função do perigo de um ataque nuclear soviético. Surgiu assim a idéia de interconectar os vários centros de computação de modo que o sistema continuasse funcionando, mesmo que um desses centros fosse destruído.

O Departamento de Defesa, através da ARPA( Advanced Research Projects Agency), mandou pesquisar qual seria a forma mais segura de interconectar esses computadores. Chegou- se a um esquema chamado chaveamento de pacotes.

Com base nisso, em 1970 foi criada a semente do que viria a ser a Internet. A Guerra Fria acabou mas a herança daqueles dias rendeu bastante. </textarea></p> Modificando o hyperlink deixando de forma que pareça um botão.

Digite:

<form method=get action="http://www.microsoft.com/brasil">
<input type=submit value="Microsoft">
</form>

É isso ai até a proxima! :positive:

OBS.:Peço aos adiministradores que não tirem esse tuto daqui pois na parte tutoriais ele pode ser visto por todos(já que a sessão HTML está meio abandonada)

Seg 13 Jul 2009, 16:48

Boa manow! :yipi: Só você mesmo

Curso de HTML(Parte 2)

Curso de HTML(Parte 2)

Re: Curso de HTML(Parte 2)