Experientes designers de páginas Web sabe que dividir grandes blocos de texto em seções menores ou colunas torna mais fáceis de ler. Simplesmente deixando espaço em branco entre blocos de texto podem levar a confusão ao colocar o material relacionado em uma única página. Adicionando linhas para dividir blocos de texto ou conteúdo permite que um web designer para dar orientação visual para os visitantes do site. Linhas também fazer até mesmo sites simples, somente de texto mais atraente. HTML tem uma função nativa simples de desenhar linhas horizontais em um page- no entanto, linhas de divisão vertical requerem um pouco mais de trabalho.
Coisas que você precisa
- editor de HTML ou texto
- editor de imagem
Linha horizontal
Abra o arquivo HTML com um editor de texto ou HTML. Localize a seção de texto onde você quer colocar a linha.
Insira o código "
"- Sem as aspas -. E salve o arquivo Esta é a tag HTML para uma regra horizontal Colocar esta tag no código HTML da página instrui o navegador para desenhar uma linha onde o tag é encontrado..Abra um navegador e inspecionar os resultados da alteração de código.
Linha vertical
Abra um editor de imagens. Microsoft Paint está incluído com o sistema operacional Windows. Utilize este ou o editor de imagens de sua escolha. Criar uma imagem em sua cor preferida, que é de dois pixels de largura e dois pixels de altura. Deseja guardar a imagem no mesmo diretório que o seu código HTML, com o nome "images / vertical_line.jpg" - novamente, sem as aspas.
Abra o arquivo HTML com um editor de texto ou HTML. Localize a seção de texto onde você quer colocar a linha.
Introduza o código
. Isso cria uma linha vertical dois pixels de largura e 200 pixels de altura na página.Abra um navegador e inspecionar os resultados da alteração de código.
dicas avisos
- interruptores opcionais estão disponíveis tanto para o
etags, permitindo-lhe alterar o comprimento, largura e posicionamento dessas linhas. - Não há equivalente vertical no HTML para a marca de regra horizontal, então use a tag de imagem, juntamente com uma pequena imagem que pode ser repetido para formar uma linha sólida.
- Uma vez que a linha vertical é tratada por HTML como uma imagem, use as opções de moldagem de texto ao colocar uma linha vertical imediatamente para ambos os lados de uma coluna de texto.
- Quando possível, testar todos os novo código em navegadores populares. Firefox, Internet Explorer, Chrome e outros navegadores interpretam HTML de formas ligeiramente diferentes e por vezes surpreendentes. Visualizando novo código em todos os principais navegadores lhe dará uma idéia do que seus visitantes estão vendo.
Como fazer uma caixa com o texto dentro html
Como adicionar uma linha divisória em html