Bom meu intuito não é enrolar por isso ja vamos aprender tabela, afinal é através da tabela que podemos montar a estrutura de uma página, mas pesquisem mas para frente sobre Tableless.
OBS: Lembre-se o blog não aceita as tags HTML por isso Substitui o "< >" por "( )", e também não escreva o estiver dentro da Estrelinha * *.
Vamos lá:
(html)
(head)
(title) Primeira tabela com link
(/title) *esses espaços que existem no código chamam-se identação, serve para melhorar a visualização*
(/head)
(body)
(table border="1" width="500" align="center")
*TAG que inicia uma tabela e possui três parâmetros¹ "border = tamanho de borda" "width = Largura da tabela pode ser Pixel e Porcetagem" "align = Alinhamento da tabela relacionado a página" e ainda pode ter outros parâmetros como "bordercolor = cor da borda" "bgcolor = cor do fundo" "height = Altura"*
(tr)
*inicio de uma linha da tabela e pode ter todos os parametros da TAG table também*
(td height="150")(h1)teste(/h1)
*H1 - define os títulos da página, podem ser: h1,h2,h3,h4,h5,h6(em alguns navegadores só aceitam até o h5), quanto maior o número menor será o tamanho do título, ou seja H1 é o maior, deve sempre fechar depois do texto que receberá essa formatção, no exemplo foi teste ficando assim : (h1)teste(/h1)*
*TD define colunas, quantos mais colunas você quiser mais TD você insere no código,este TD recebeu o parâmetro height que define a altura, Obs: nunca pode estar vazio, sempre escreva algo na frente do TD*
(/tr)*fim da linha de cima*
(tr)*inicio da outra linha*
* Observe que nesta linha nós iremos inserir os links, um para o Google um para o uol e outro para o terra.*
*escreva na frente de Google*
- (a href="http://www.google.com.br" target="meio")Google(/a)
* a TAG "a href" define o link a página que será aberta quando clicado na palavra que se encontra logo a frente da tag, que neste exemplo é Google, pode ser uma palavra ou uma imagem, o parâmetro Target indica o local que será aberto o link: os possíveis locais são - "_blank" em outra janela "_parent" na mesma janela e no exemplo irá abrir na frame que logo saberemos o que é.
obs: "http://" é um protocolo que deve ser inserido no link, procure na o significado quando der*
*escreva na frente do Uol*
- (a href="http://www.uol.com.br" target="meio")Uol(/a)
*e na frente do terra, não se esqueça de fechar a TAG " a " *
- (a href="http://www.terra.com.br" target="meio")terra(/a)
*então a linha ficará assim:
(td height="20")(a href="http://www.google.com.br" target="meio")Google (/a) | (a href="http://www.uol.com.br" target="meio") Uol (/a)| (a href="http://www.terra.com.br" target="meio") Terra(/a)
*veja que o Link ficará azul/roxo/vermelho quando você abrir o arquivo, isso depois muda, em outra aula"
(/tr)*fim da linha de cima*
(tr)*inicio da próxima*
(td height="500")(iframe src="http://www.portifoliodocarlos.blogspot.com" name="meio" id="meio" width="495" height="495" frameborder="0")(/iframe)*este TD 'coluna' recebe a iframe*
*IFRAME é um espaço criado dentro da sua página para abrir um arquivo ou outra página, seus parametros são:
- src = Página que abrirá com a iframe
- name e id = nome e identificação da IFRAME deve ser o mesmo ao target do link
- width = como em todo caso significa largura
-height = altura
-frameborder = borda da frame 0=não 1=sim*
(/tr)
*fim da linha
(/table)
*fim da tabela
(/body)
(/html)
*salve este código como aula2.html e abra o arquivo ... faça o teste com os links e veja o que acontece, a idéia é abrir o sites no meio da sua página*
Nenhum comentário:
Postar um comentário