Linha Horizontal e Vertical

As linhas horizontais e verticais são usadas para separar itens em uma página web
As linhas horizontais e verticais são usadas para separar itens em uma página web

Informática

04/09/2015

As linhas horizontais e verticais são usadas para separar itens em uma página web, pois muitas vezes possui um amplo conteúdo que diverge sobre os assuntos.

Para deixar o ambiente da página mais agradável e de fácil acesso às informações desejadas é que colocamos as linhas, e para isso aprenderemos a criá-las.

A) Linha Horizontal

A tag <hr> insere uma linha horizontal para separar o conteúdo da página. Esse comando possui diversos atributos, tais como Size, Width, Align e Noshade.
Size - Determina a espessura da linha em pixels. <hr size = 7>
Width - Determina o comprimento da linha. Esse tamanho pode ser fixo, usando um valor determinado, ou relativo ao tamanho da página, usando porcentagem. <hr width = 50%>
Pode-se determinar o alinhamento com os atributos align e noshade, que definem a ausência de efeito tridimensional. <hr width = 30% align = right noshade>
Código
<hr size = 7>
<br/> <br/>
<hr width = 50%>
<br/> <br/>
<hr width = 30% align = right noshade>




B) Linha Vertical

Não existe uma tag para criar uma linha vertical, tal como o HR para linha horizontal. O que existe são macetes que substituem esse comando.
Para conseguirmos colocar linhas verticais, utilizaremos o comando <hr> configurando o atributo width com uma largura muito pequena e o atributo size com o valor muito grande.
O problema é que esse recurso não funciona para linhas verticais maiores que size = “100”. <hr width = "2" size = "100">

Código

<hr width = “2” size = “100”>

O segundo recurso a aplicar é o mesmo princípio de afinar largura e alongar altura. As tabelas têm os atributos border, cellpadding, cellpacing e height. As linhas não têm limite de tamanho. Então se cria uma tabela com uma linha e uma célula (sem textos) e teremos uma linha do tamanho que queremos, como no exemplo a seguir.

Código

<HTML>
<head><title></title>
<body>
<table border cellpadding= “1” cellpacing= “0” height =”200”>
<tr>
<td>
</td>
</tr>
</table>
</body>
</html>


Esta apresentação reflete a opinião pessoal do autor sobre o tema, podendo não refletir a posição oficial do Portal Educação.


Colunista Portal - Saúde

por Colunista Portal - Saúde

O Portal Educação possui uma equipe focada no trabalho de curadoria de conteúdo. Artigos em diversas áreas do conhecimento são produzidos e disponibilizados para profissionais, acadêmicos e interessados em adquirir conhecimento qualificado. O departamento de Conteúdo e Comunicação leva ao leitor informações de alto nível, recebidas e publicadas de colunistas externos e internos.

Portal Educação

UOL CURSOS TECNOLOGIA EDUCACIONAL LTDA, com sede na cidade de São Paulo, SP, na Alameda Barão de Limeira, 425, 7º andar - Santa Cecília CEP 01202-001 CNPJ: 17.543.049/0001-93