As tabelas ajudam muito no posicionamento de imagens e textos. Elas são compostas de linhas, que podem conter várias células. Dentro das células pode-se colocar textos, fotos, gráficos, links ou até mesmo uma outra tabela.
Para construir uma tabela são usados as seguintes tags:
<TABLE></TABLE> Indicam o início e o fim de uma tabela;
<TR></TR> Indicam o início e o fim de uma linha;
<TH></TH> Indicam o início e o fim de uma célula-título;
<TD></TD>: Indicam o início e o fim de uma célula.
Para colocar músicas de fundo no Internet Explorer basta usar o comando BGSOUND. No exemplo abaixo a música irá tocar automaticamente e indefinidamente:
O Netscape Navigator não aceita o comando BGSOUND, por isso é necessário usar o comando EMBED em suas páginas, que não é padrão HTML, mas é aceita pelo Netscape Navigator e também pelo Internet Explorer. Veja um exemplo:
AUTOSTART - define se a música deve ser tocado automaticamente ou se o visitante deve clicar no "play" para tocar. "True" para tocar automaticamente e "false" para que o visitante tenha que clicar no "play";
LOOP - define se a música será tocada indefinidamente (valor "true") ou apenas uma vez (valor "false");
HEIGHT e WIDTH - definem o tamanho dos controles.
Frames:
Uma página de frames consiste em dividir a janela do seu browser em várias regiões, de tamanhos diferenciados, onde cada região ou frame, é uma página html diferente. Veja um exemplo e seus comandos:
Frameset e /Frameset - Onde ocorre a divisão da janela do seu browser em duas ou mais regiões (frames);
Cols - Divide a sua janela em duas ou mais colunas. Para dividir a janela em mais colunas basta adicionar mais valores. Ex.: Frameset Cols="25%, 50%, 25%";
Rows - Divide a janela em linhas. Seu funcionamento é semelhante ao Cols.
Frame src - Contém o endereço da página que será carregada em cada frame. Os endereços são carregados seguindo a seqüência dos frames.
Para direcionar um link de um frame para um outro frame na janela você deve nomear cada frame. Abaixo está um exemplo de como nomear cada frame:
Agora veja um exemplo de um link da "pagina01.html" no frame "pag1" que tenha que abrir no frame "pag2": <a href="http://www.rafah.hpg.com.br" target="pag2">.
Valores especiais da propriedade Target:
Target_self - Abre o link (a página) no mesmo frame;
Target_top - Abre o link (a página) ocupando a janela inteira;
Target_blank - Abre o link (a página) em uma nova janela do browser.
Veja agora um exemplo de página de frame sem a borda divisória:
Framespacing - Indica a largura da borda entre os frames;
Border - Indica se a borda será visível (true) ou não (false);
Obs.: No exemplo acima o valor de frameborder não influi em nada. Se o conteúdo da página não couber dentro do frame, o browser exibirá automaticamente as barras de rolagens.
info
Grupo: Cavaleiro
Registrado: 03/08/05
Posts: 184
Reputação: +5
Tutorial HTML - Parte 3
Tabelas:
As tabelas ajudam muito no posicionamento de imagens e textos. Elas são compostas de linhas, que podem conter várias células. Dentro das células pode-se colocar textos, fotos, gráficos, links ou até mesmo uma outra tabela.
Para construir uma tabela são usados as seguintes tags:
<TABLE></TABLE> Indicam o início e o fim de uma tabela;
<TR></TR> Indicam o início e o fim de uma linha;
<TH></TH> Indicam o início e o fim de uma célula-título;
<TD></TD>: Indicam o início e o fim de uma célula.
Atributos:
Border: define a largura da borda;
Width: define a largura da tabela;
Height: define a altura da tabela;
Cellpadding: define a margem dentro das células;
Cellspacing: define o espaço entre as células.
Música de fundo:
Para colocar músicas de fundo no Internet Explorer basta usar o comando BGSOUND. No exemplo abaixo a música irá tocar automaticamente e indefinidamente:
<BGSOUND SRC="sons/nome.mid" AUTOSTART="true" AUTOLOAD="true" LOOP="true" HIDDEN="true">
O Netscape Navigator não aceita o comando BGSOUND, por isso é necessário usar o comando EMBED em suas páginas, que não é padrão HTML, mas é aceita pelo Netscape Navigator e também pelo Internet Explorer. Veja um exemplo:
<EMBED SRC="sons/nome.mid" AUTOSTART="false" LOOP="false" WIDTH=145 HEIGHT=55></EMBED>
Comandos:
EMBED - diz ao browser que há um som embutido;
SRC - define o caminho do arquivo de som;
AUTOSTART - define se a música deve ser tocado automaticamente ou se o visitante deve clicar no "play" para tocar. "True" para tocar automaticamente e "false" para que o visitante tenha que clicar no "play";
LOOP - define se a música será tocada indefinidamente (valor "true") ou apenas uma vez (valor "false");
HEIGHT e WIDTH - definem o tamanho dos controles.
Frames:
Uma página de frames consiste em dividir a janela do seu browser em várias regiões, de tamanhos diferenciados, onde cada região ou frame, é uma página html diferente. Veja um exemplo e seus comandos:
Frameset e /Frameset - Onde ocorre a divisão da janela do seu browser em duas ou mais regiões (frames);
Cols - Divide a sua janela em duas ou mais colunas. Para dividir a janela em mais colunas basta adicionar mais valores. Ex.: Frameset Cols="25%, 50%, 25%";
Rows - Divide a janela em linhas. Seu funcionamento é semelhante ao Cols.
Frame src - Contém o endereço da página que será carregada em cada frame. Os endereços são carregados seguindo a seqüência dos frames.
Para direcionar um link de um frame para um outro frame na janela você deve nomear cada frame. Abaixo está um exemplo de como nomear cada frame:
Agora veja um exemplo de um link da "pagina01.html" no frame "pag1" que tenha que abrir no frame "pag2": <a href="http://www.rafah.hpg.com.br" target="pag2">.
Valores especiais da propriedade Target:
Target_self - Abre o link (a página) no mesmo frame;
Target_top - Abre o link (a página) ocupando a janela inteira;
Target_blank - Abre o link (a página) em uma nova janela do browser.
Veja agora um exemplo de página de frame sem a borda divisória:
Outros comandos:
Framespacing - Indica a largura da borda entre os frames;
Border - Indica se a borda será visível (true) ou não (false);
Obs.: No exemplo acima o valor de frameborder não influi em nada. Se o conteúdo da página não couber dentro do frame, o browser exibirá automaticamente as barras de rolagens.
Créditos: absolutamente para Rafael Hayashi, do Crieseuwebsite.com.