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.
Vamos ver agora alguns complementos que funcionem em ambos browser.
Negrito e itálico.
<p><i>texto aqui</i></p>. Resultado <p><i>como vai </i></p>
? 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>
Um testo que pisca .
<blink> texto aqui</blink>
Texto em duas colunas:
<multicol >
Exemplo:
< multicol cols=2>
texto aqui
</multicol>
Frame
O frame permite que você veja o índice e o conteúdo em uma única página. Ou ver duas páginas de uma só vez, bonito e prático.
Digite:
<html>
<title>frame</title>
<frameset cols="50%,50%">
<frame src="tabela.htm ">
<frame src="teste2.htm ">
</frameset>
</html>
Veja o resultado frame.htm
Lembre que tabela.htm e teste2.htm são páginas de demonstração. Sua página de frame ou outra qualquer deverá ter nomes diferentes.
O mesmo exemplo mas com um visual diferente, ao invés do frame ser em
colunas cols vamos deixar com a divisória na horizontal. Modificando o nome cols por rows.
<html>
<title>frame</title>
<frameset rows="50%,50%">
<frame src="tabela.htm">
<frame src="teste2.htm">
</frameset>
</html>
Caso o browser( navegador) do usuário não suportar frame digite:
<noframe>Seu Browser não suporta frame . Clique no botão
voltar</noframe>.
Podemos ter também mais de dois frame( quadros em um página).
Exemplo:
<html>
<title>frame</title>
<frameset rows="50%,25%,25%">
<frame src="teste.htm">
<frame src="teste2.htm">
<frame src="java.htm">
</frameset>
</html>
Então fica assim 1º frame< frame src="teste.htm"> o 2º frame< frame
src="teste2.htm"> e o 3º frame<frame src="java.htm">.
Java
Usando javascript. O JavaScript é uma implementação da linguagem Java, só que interpretada. O programa browser( navegador) lê o código fonte em JavaScript, interpreta as instruções e as executa.
A linguagem javascript começa com <script> e termina com </script>
O que vamos fazer é ter um botão uma resposta para este botão. Ou seja quando alguém clicar neste botão será chamado um evento. O evento no caso é o onClic1. Para que funcione precisamos é claro de uma pergunta e ter atenção ao script que está na seção <head>, mas é executado na seção
<body>.
Digite:
<html>
<head>
<h3>Qual é o navegador mais usado no Brasil, Internet Explorer ou
Netscape Navegator</h3>
<script>
<!--
function clicou( form)
{
form.caixa.value="Internet Explorer 57%";
}
//-->
</script>
</head>
<body>
<form>
<input type="button" value="Resultado" onClic1="clicou(this.form)">
<input type="text" name="caixa">
</form>
</body>
</html>
Veja o resultado java.htm
Veja mais sobre Javascript e Vbscript em script 1, script2, script 3 e efeitos.
Exercício
Faça agora uma Home Page com frame, tabela, imagens, hyperlinks. Utilize as figuras exemplos, tais como voltar.gif, brasil.gif, anuncie.gif, fundo2.gif, fag.gif. Caso tenha alguma imagem nos formatos Gif e Jpg utilize para dar seu próprio toque a sua página.
Nada disso adianta muito se você não publicar sua página na internet. Como fazer isso, alguns provedores de acesso, a título de promoção dão 1Mb de espaço para quem faz uma assinatura.
Converse com seu provedor de acesso sobre a forma de hospedar sua Home Page, o que é preciso para enviar suas páginas. Não se esqueça de enviar também as fotos.
Estes exemplos aqui explicados foram testados nas mais novas versões dos browser Netscape Navigator 4.3 e Internet Explorer 4.0. Existem algumas diferenças, mas nada que atrapalhe o desenvolvimento de sua Home Page.
Como fazer uma Home Page visualmente bonita e de rápido carregamento. Visitantes acabam desistindo de carregar uma página que está demorando. Muitas figuras em uma só página faz com que toda página fique lenta.
Escolha de forma correta seus frames. Frames que fazem voltar para a página principal acaba resultando em um erro. Você pode fazer duas versões da mesma página ou um caminho sem frame, ou mesmo só com texto sem figuras. Use e abuse de frame, hyperlink, tabela, cores, javascript em sua página.
Um ótimo local para hospedar uma página ou até mesmo 10 MB de arquivos e o Geocities. Então visite o www.geocities.com e clique em free mail e Home Page. Escolha um local que não esteja sendo ocupado. Preencha todos os dados e logo você estará recebendo um e- mail com senha e local para enviar seus arquivos. |
|
Quando algo não funciona
Texto aqui não significa que você deve digitar estas palavra, mas colocar um texto neste local.
Se o letreiro não anda, o texto não está dentro de uma caixa, tente usar o Internet Explorer 3 ou superior.
Crie um pasta com seu nome ou algum nome de sua preferência para salvar suas páginas . Coloque também nesta pasta todas figuras que foram usadas.
Verifique se as fotos estão na mesma pasta que o arquivo Html.
Quando uma página não abre, pode ser problema com um hyperlink.
Fotos não carregam, você não deve ter digitado o caminho correto.
Utilize o Bloco de Notas como seu editor de páginas Html.
As páginas não gravam como Html, tente salvar novamente como nome
".htm" . O letreiro não funciona você deve estar usando o Netscape Communicator. Uma boa forma de fazer sua página agradável para todos os Browser é inserindo tag que funcionem em ambos browser. Um bom exemplo é a tag <multicol> texto em múltiplas colunas.
Exemplo: <multicol cols=2>Texto em duas colunas</multicol>. No Netscape o texto vai ficar em duas colunas, como se fosse um jornal mas no Internet Explorer será normal.
