Curso de HTML(Parte3)

Inserindo uma imagem como hyperlink .

É comum usar botões para entrar e sair de uma página. Vamos usar um
botão para voltar para a primeira página teste.

Digite:<a href=”teste.htm”> Isso aponta para a página teste.
Insera a tag da figura agora, neste caso um botão para voltar.
Digite:<img src=”voltar.gif” alt=”voltar” height=30 width=60>
Agora feche o hyperlink com</a>

Exemplo completo:

<a href=”teste.htm”>
<img src=”voltar.gif” alt=”voltar” height=30 width=60>
</a>

Tag para cores

Digite:

<font color="red">Texto aqui</font>
Branco White
Preto Black
Azul Blue
Amarelo Yellow
Verde Green
Laranja Orange
Vermelho Red
Rosa Pink
Cinza Gray
Ouro Gold
Verde azulado Teal
Azul marinho Navy
Prata Silver

Resultado vai ser:

<p><font color=”red”>como vai</font></p>

Tabela

Vamos criar uma tabela para apostilas com preços e informações sobre cada apostila.
Como criar uma tabela com a linguagem Html.

Digite:


<p align="center">Compre uma apostila</p>
<table border="2" cellpadding="2" cellspacing="1" width="80%">
<tr>
<td width="33%">Apostila</td>
<td width="33%">Atributos</td>
<td width="33%">Valor em reais</td>
</tr>
<tr>
<td width="33%">Delphi 3</td>
<td width="33%">Aprenda a programar em Delphi</td>
<td width="33%">R$ 20, 00 </td>
</tr>
<tr>
<td width="33%">Visual Basic</td>
<td width="33%">Aprenda a programar em Visual Basic</td>
<td width="33%">R$ 40, 00 </td>
</tr>
</table>

Resultado da tabela acima.

Compre uma apostila
Apostila Atributos Valor em reais
Delphi 3 Aprenda a programar
em Delphi R$ 20, 00
Visual Basic Aprenda a programar
em Visual Basic R$ 40,00

Veja o resultado tabela.htm

O que você precisa saber é que, quanto mais você inserir <td> entre <tr> e </tr> mais partes sua tabela terá. A Tabela começa com <table> e termina com a tag de fechamento</table>. Width faz referência a largura. Border a borda, se você não colocar border sua tabela não vai ter bordas. TR significa( Table row), que marca uma linha de tabela. TD( Table Data) que são as células para os dados. Os valores em %, indica o tamanho ocupado em cada espaço na tabela . Podendo ser um maior e outro menor.

Formatar o texto

Vamos ver agora alguns complementos que funcionem em ambos browser.

Negrito e itálico.

Basta digitar

<p><i>texto aqui</i></p>. Resultado <p><i>como vai </i></p>

Negrito digite
<p><b>texto aqui</b></p>. Resultado<p><b>como vai </b></p>

Linha divisória:

<hr>

Marcadores :

<li>texto aqui</li>
Isso faz com que o texto que você tenha digitado tenha uma pequena bolinha em sua frente.

O resultado vai ser este

• tudo bem.

Teste de tamanhos .

<h1>tamanho maior e <h6> tamanho menor.
<h1>Texto aqui</h1>
<h2>Texto aqui</h2>
<h3>Texto aqui</h3>
<h4>Texto aqui</h4>
<h5>Texto aqui</h5>
<h6>Texto aqui</h6>

Para Netscape:

Um testo que pisca .
<blink> texto aqui</blink>
Texto em duas colunas:
<multicol >
Exemplo:
< multicol cols=2>
texto aqui
</multicol>

Bem é isso ae.Até a proxima :positive:

Area errada -.-'

Eu sei mas eu coloquei aqui para dar mais ênfase pois esse tutorial foi feito para novatos e os novato nunca olham na parte html aqui eles podem vê-lo sem estarem pensando em aprender html(na minha opinião as areas destinadas a linguangens de programação deveriam ser abolidas,elas estão muito abandonadas o melhor é passar os tutorias de programção para essa area que é vista de forma melhor entre todos)

eu acho que as areas de programação estão mto boas do geito que tão. pq pensa bem se colocarmos tudu na categoria de tutoriais vai bagunçar bastante. e todo mundo sabe que organização e melhor que bagunça.

e alias postar pra dar enfase acho que e considerado um flood

Pode ser flood,mas é por falta de "floods" como esses que existem poucos programadores nesse forum e alem disso eu não vejo falta de organização em tutoriais diversificados

maninho eu to concordando com o cara vc tinha q botar na area certa!