Rafael Gomes 5 Postado Setembro 1, 2007 Share Postado Setembro 1, 2007 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. Exemplo: <Table border=2 width=600 height=300 cellpadding=10 cellspacing=10> <TR> <TD Rowspan=2>Célula expandida</TD> <TD>Célula 01</TD><TD>Célula 02</TD> </TR> <TR> <TD>Célula 03</TD><TD>Célula 04</TD> </TR> </Table> 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: <Html> <Title>Exemplo 01</Title> <Frameset Cols="30%,70%"> <Frame src="pagina01.html"> <Frame src="pagina02.html"> </Frameset> </Html> 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: <Html> <Title>Exemplo 02</Title> <Frameset Cols="25%,75%"> <Frame Name="pag1" src="pagina01.html"> <Frame Name="pag2" src="pagina02.html"> </Frameset> </Html> 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: <Html> <Title>Exemplo 03</Title> <Frameset border="false" Cols="25%,75%" frameborder="3"> <Frame Name="pag1" src="pagina01.html"> <Frame Name="pag2" src="pagina02.html"> </Frameset> </Html> 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. Link para o comentário Compartilhar em outros sites More sharing options...
xdtibia16 10 Postado Julho 10, 2008 Share Postado Julho 10, 2008 (editado) Explicou direito e tópico arrumado. Gostei. Editado Fevereiro 10, 2011 por Aluxes Link para o comentário Compartilhar em outros sites More sharing options...
Posts Recomendados