Dando seguimento ao post anterior(Detalhes) nesse post estarei apresentando a segunda parte de tags básicas para a construção de uma pagina Web simples.
Tabelas
Tabelas são um recurso bastante usado para se organizar visualmente, de modo alinhado, os dados na sua página. A tag principal na criação de uma tabela é:
- <table> </table>
- BORDER - define a espessura da borda;
- WIDTH - define a largura da tabela, pode ser definida em % ou valor absoluto (com números);
- ALIGN - alinhamento horizontal (Right, Center, Left);
- BGCOLOR - para alterar a cor de fundo;
- BACKGROUND - permite colocar uma imagem no fundo;
- CELLSPACING - define o espaço existente entre as células da tabela;
- CELLPADDING - define o espaço existente entre as bordas da célula e seu conteúdo;
- BORDERCOLOR - usado para alterar a cor da borda.
Atributos para as tags <TD> e <TH>:
- COLSPAN - especifica quantas colunas da tabela a célula vai ocupar;
- ROWSPAN - especifica quantas linhas da tabela a célula vai ocupar;
- WIDTH - define a largura de cada célula, pode ser definida em % ou valor absoluto (com números);
- HEIGHT - define a altura de cada célula, pode ser definida em % ou valor absoluto (com números);
- ALIGN - alinhamento horizontal (Right, Center, Left);
- VALIGN - alinhamento vertical (Top, Middle, Bottom);
- BGCOLOR - alterar a cor de fundo desse elemento. (Código das cores: Clique aqui.!)
EXEMPLO 1:
EXEMPLO 2:
FRAMES
Os frames permitem a divisão da tela em diferentes regiões onde pode-se apresentar diferentes páginas, possibilitando, por exemplo, que se determine uma área da tela para ser a página principal e outra para os menus ou links. A página frameset é um arquivo HTML que ao, invés de conter tags <BODY> possui as tags <FRAMESET> e </FRAMESET>. No tag frameset são importante os atributos "Rows" e "Cols" (Linhas e Colunas) que determinan a orientação do frame:
- COLS: determina a divisão em colunas.
- ROWS: determina a divisão em linhas.
Exemplo 01
Exemplo 02
Exemplo 03
Exemplo 04
Porcentagem da divisão dos frames:
Testes seu html: w3schools- Numérico - pixels - Exemplo: (ROWS="30, 50"). Refere-se a quantos pixels cada frame (ou janela) deve ocupar.
- Relativo - *Exemplo: (ROWS="2*,*"). O valor é relativo. Nesse caso o primeiro frame ocupará dois terços da tela e o segundo um terço.
- Percentual - % Exemplo: (ROWS="25%, 25%, 50%"). O total deve somar 100%. Também poderia ser (ROWS="25%, 25%, *"), pois onde está o asterisco ( * ) o navegador colocará o valor que falta para que a soma dos valores resulte em 100%.
- FRAMESPACING: determina o espaçamento entre os frames (em pixels).
- FRAMEBORDER: define se haverá ou não bordas entre as frames (admite os valores 1, para inserir bordas ou 0, para retirá-las).
- BORDERCOLOR - especifica a cor da borda entre os frames.
- SRC - especifica o arquivo a ser carregado no frame.
- MARGINHEIGHT e/ou TOPMARGIN: especificam a altura das margens superior e inferior do frame em pixels;
- MARGINWIDTH e/ou LEFTMARGIN: especificam a altura das margens direita e esquerda do frame em pixels;
- NAME: indica o nome deste frame, de modo a que possa ser identificado e localizado para carregar documentos, especialmente se forem utilizadas rotinas em JavaScript para comandar as páginas do frameset;
- NORESIZE: insira este atributo dentro da tag <FRAME> para que esta não possa ser redimensionada pelo usuário;
- SCROLLING: define se o frame terá ou não barra de rolagem (admite YES para que o frame possua barras de rolagem e NO, em caso contrário. Note-se que atribuindo YES, o frame só apresentará barra de rolagemse realmente for necessário, ou seja, se o tamanho do arquivo o exigir).
Referencias:
Fonte 01
Fonte 02
Fonte 03
Fonte 04
Fonte 05
Fonte 06
Fonte 07
Nenhum comentário:
Postar um comentário