Formatando a tag de regra horizontal

• Abril 29, 2024

Deseja dividir sua página ou indicar uma seção separada? A regra horizontal pode fazer isso por você. Também é extremamente personalizável com atributos HTML e CSS.

A regra horizontal é simplesmente uma maneira de desenhar uma linha horizontal na página. Uma regra horizontal básica e não formatada se parece com isso:

---

... e é indicado por

---

no código HTML. No entanto, você pode ficar bastante sofisticado, alterando a largura, o alinhamento, a cor e muito mais com os atributos HTML. Aqui estão algumas das opções.

Para alterar a largura, você usa o atributo "width" (bastante lógico, certo?) Assim:

---

... que fornece uma linha horizontal na metade do espaço disponível, da seguinte forma:

---

Você também pode especificar a largura em pixels, usando o formato

---

ou apenas

---

.

Em seguida, vamos mudar a cor. Use o seguinte formato:

---

Para os não iniciados, as letras e os números acima são código hexadecimal para a cor vermelha. O código de exemplo acima fornecerá uma linha como a abaixo:

---

Você pode definir o alinhamento da regra horizontal para esquerda, centro ou direita. Basta usar código como o exemplo abaixo:

---

... e você verá uma linha como a seguinte:

---

Como você pode ver nesse último exemplo, você pode combinar atributos e todos eles funcionarão. Como na maioria dos atributos HTML, não importa qual ordem você usa.

Todos esses exemplos se aplicam a muitos outros elementos HTML, mas a regra horizontal também possui um atributo exclusivo: noshade. Este atributo remove o efeito 3D da linha. Você pode aplicar o atributo noshade da seguinte maneira:

---

... e aqui está como ficará:

---

Agora que você sabe como adicionar essa ferramenta de formatação bacana, não fique louco com ela! Uma página coberta com linhas horizontais de cores diferentes apenas parece confusa e estranha. A regra horizontal pode ser usada com muita eficácia na separação de uma parte da página - por exemplo, se você tiver uma seção de rodapé na parte inferior de cada página, poderá adicionar uma regra horizontal logo acima dela para destacá-la do conteúdo da página .

Instruções De Vídeo: Normas ABNT: Formatação de Capa, Sumário, Conteúdo, Referências Bibliográficas e Numeração no Word (Abril 2024).