Como criar uma linha horizontal em HTML

Linhas de regras horizontais permitem que o editor da Web separe as diferentes áreas da página da Web em pequenas seções digeríveis, concentrando assim o usuário no foco no que o editor da Web apresentou. Diferentemente do rótulo sublinhado , a regra horizontal não está vinculada ao texto acima ou abaixo dele. Também pode ser colocado à esquerda, direita ou centro e pode ser qualquer cor, largura ou altura que o editor da Web escolher. Este tutorial explica como criar uma linha horizontal, marrom, grossa e alinhada à esquerda que separa o cabeçalho principal do corpo restante do documento, que está em branco.

Passo 1

Escreva o seguinte entre as tags, como mostrado:

Meu documento

Defina um título para o documento usando as tags de título

. Essa tag avisa os mecanismos de pesquisa que as palavras entre essas tags são as mais importantes da página. Este cabeçalho será o título da página da web, dando sentido ao uso de uma linha horizontal.

Etapa 2

Escreva o rótulo da regra horizontal, como mostrado abaixo:


A etiqueta da régua horizontal não possui uma etiqueta de fechamento. Inclui um espaço e uma barra antes do sinal maior que.

Etapa 3

Adicione o atributo “align” e defina-o como “left”, como mostrado:


Etapa 4

Adicione o atributo “size” e defina-o como “4”, como mostrado abaixo:


O valor do atributo “tamanho” determina a espessura da linha, medida em pixels.

Etapa 5

Adicione o atributo “width” e defina-o como “370”, como mostrado abaixo:


O valor do atributo “width” determina o comprimento da linha, medido em pixels.

Etapa 6

Adicione o atributo “color” ao rótulo da regra horizontal e defina-o como “maroon”, conforme mostrado:


A cor deste rótulo pode ser qualquer cor padrão ou hexadecimal que você escolher. Preceda a cor hexadecimal com um sinal de “#”.

Etapa 7

Salve e carregue o documento no servidor. Abra seu navegador e pesquise a página. Essa deve ter a régua horizontal marrom, sob o título do documento.

Referências

 

Você pode estar interessado:

Deixe um comentário