Molduras Html
Os quadros em HTML são úteis para dividir a página da web ou o navegador da web em várias seções; eles separam as seções e carregam de maneira diferente.
O quadro A exibe o conteúdo independentemente de seu contêiner. Vários quadros formam uma coleção e são conhecidos como conjunto de quadros. A organização pode ser considerada semelhante à orientação de linhas e colunas em uma tabela. A tag do quadro foi preterida em HTML5.
Cada quadro possui uma tag de quadro para indicar. O quadro horizontal é definido pelo atributo de linha da tag frame, e o atributo vertical é definido pelo atributo column da tag frame no documento HTML. A mesma janela em um quadro pode exibir um banner estático, um segundo menu de navegação etc.
Sintaxe de quadros
Em HTML, não há tag final para a tag. Quando usamos frames em uma página da web, usamos tag em vez de uma tag. Usando é assim que instruímos a página da Web a dividi-la em quadros. A tag define qual documento HTML deve ser aberto como quadro.
As colunas de atributo recebem o valor em pixels e ajudam a especificar o número e o tamanho das colunas em um conjunto de quadros.
Da mesma forma, como vimos acima, as linhas de atributo assumem o valor em pixels e ajudam a especificar o número e o tamanho das linhas em um conjunto de quadros.
No entanto, deve-se observar devidamente que a tag foi descontinuada no HTML5 e não é mais usada.
Tipo diferente de quadros em HTML
Um dos usos dos quadros sempre foi carregar as barras de navegação em um quadro e depois carregar as páginas principais em um quadro separado. Uma tag de quadro define um único quadro de janela dentro de um.
tem suporte para navegador no Chrome, Internet Explorer, Mozilla, Safari e Opera Mini.
Os diferentes e alguns atributos comumente usados no quadro são atributos como borda, rolagem, src, nome etc.
Tipos de tag de quadro
O atributo Tag
Existem cinco atributos importantes do e discutimos aqui:
1. Col: os quadros verticais são dados pelo atributo col. A largura, no entanto, pode ser especificada de quatro maneiras:
- Pixels: valores absolutos podem ser mencionados em pixels. Se tivermos que criar três quadros verticais, podemos dar o valor: cols = ”100, 50, 100”.
- Porcentagem: A porcentagem da janela do navegador pode ser mencionada. Se precisarmos criar três quadros verticais, podemos dar o valor: cols = ”40%, 20%, 40%”
Também podemos fazer uso do curinga aqui (*) e deixar o curinga pegar o restante da janela que permanece não mencionada.
cols = "30%, *, 30%"
Resultado:
2. Linhas: os quadros horizontais são fornecidos pelo atributo row. Ele especifica as linhas em um conjunto de quadros. Se tivermos que criar três quadros horizontais, usamos:
Por exemplo: Linhas = ”10%, 80%, 10% '.
Também podemos definir a altura de cada linha como fizemos no caso de colunas anteriormente.
Resultado:
3. Borda : especifica a largura da borda de cada quadro em pixels.
Por exemplo: fronteira = "4". Se borda = "0", significa que não há borda.
4. Borda do quadro: se uma borda tridimensional precisar ser exibida entre os quadros, usaremos esse atributo. O valor que o atributo assume é 1 ou 0 (Sim ou Não).
Por exemplo: frameborder = ”0” significa que não há borda.
5. Espaçamento de quadros: este atributo especifica a quantidade de espaço entre os quadros em um conjunto de quadros. Qualquer valor inteiro pode ser fornecido aqui para este atributo.
Por exemplo: framespacing = ”12” significa que, entre os quadros, deve haver um espaçamento de 12 pixels.
O atributo Tag
Existem 8 atributos que podem ser listados aqui nesta seção.
1. src: Nós fornecemos o nome do arquivo para esse atributo que deve ser carregado no quadro. O valor desse atributo pode ser qualquer URL.
Por exemplo: src = www.facebook.com
2. nome: Este atributo fornece um nome ao quadro. Ele define em qual quadro um documento deve ser carregado. Se você possui vários links em um quadro que são carregados em outro quadro, usamos esse atributo. Em seguida, o segundo quadro precisa de um nome para se identificar como o destino do link.
Por exemplo: nome = ”abc.htm”
3. frameborder: este atributo é especificado para mostrar se as bordas devem ser mostradas ou não. O valor ocupado é 1 ou 0 (Sim ou Não).
4. marginwidth: O atributo é útil para especificar a largura do espaço entre a esquerda e a direita da borda do quadro e também o conteúdo do quadro. O valor é dado em pixel.
Por exemplo: marginwidth = ”10”.
5. marginheight: O atributo é útil para especificar a altura do espaço entre a parte superior e inferior da borda do quadro e também o conteúdo do quadro. O valor é dado em pixel.
Por exemplo: marginheight = "10".
6. noresize: Este atributo basicamente impede o usuário de fazer alterações nos quadros já presentes. Na ausência desse atributo, qualquer quadro pode ser redimensionado.
Por exemplo: noresize = ”noresize”
7. rolagem: esse atributo controla a aparência das barras de rolagem presentes no quadro. O valor é um 'sim', 'não' ou 'automático'.
Por exemplo: rolagem = ”não” significa que não deve ter barras de rolagem.
8. longdesc: esse atributo permite fornecer um link para outra página que contém uma descrição longa do conteúdo do quadro.
Por exemplo: longdesc = ”framedesc.htm”
Quadros e suporte ao navegador
Navegadores antigos não oferecem suporte a quadros; os elementos devem ser exibidos ao usuário.
Na prática, o elemento deve ser colocado dentro do elemento, porque é suposto substituir o elemento. Se o navegador não entender o elemento, ele entenderá o conteúdo do elemento que está contido no elemento.
É uma boa abordagem colocar uma mensagem nesses cenários para o usuário que usa navegadores antigos. Mensagens como “Desculpe! O seu navegador não suporta frames. ”Para notificar.
Conclusão - Frames Html
Atualmente, a tecnologia de quadros não é suportada por vários navegadores. Muitas vezes, percebe-se que o conteúdo da página da web não é exibido corretamente para dispositivos menores. De qualquer forma, é bom ter conhecimento do que existia para que melhores modelos pudessem ser desenvolvidos para serem compatíveis com as novas tecnologias.
Artigos recomendados
Este é um guia para quadros Html. Aqui discutimos os diferentes tipos de quadros em HTML e os tipos de tag de quadro com quadros e suporte ao navegador. Você também pode consultar o seguinte artigo para saber mais -
- Criar tabelas em HTML
- Editores de texto HTML
- Versões do Html
- Tags de imagem HTML
- Blocos HTML
- Eventos HTML
- Os 5 principais atributos de eventos HTML com exemplos
- Definir uma cor de plano de fundo em HTML com exemplo