Em HTML, podemos facilmente adicionar a linha horizontal no documento usando as seguintes maneiras diferentes:
- Usando tags HTML
- Usando o CSS interno
Usando HTML
Se quisermos adicionar a linha horizontal no documento HTML usando Etiqueta HTML , então temos que seguir as etapas fornecidas a seguir. Usando estas etapas, podemos facilmente adicionar a linha:
Passo 1: Primeiramente, temos que digitar o código HTML em qualquer editor de texto ou abrir o arquivo HTML existente no editor de texto no qual queremos adicionar a linha horizontal.
Add the Line using Html tags This page helps you to understand how to add the line in Html document. And, this section helps you to understand how to add the line using the Html tags.
Passo 2: Agora coloque o cursor no ponto onde queremos adicionar a linha no documento HTML. E então temos que usar o
tag de HTML nesse ponto.
<hr>
Etapa 3: Agora, temos que adicionar os atributos de
tag, que define o tamanho, cor e largura de uma linha. Então, temos que digitar o atributo tamanho, largura e cor dentro do
marcação.
<hr>
Passo 4: E então temos que especificar os valores desses atributos.
<hr>
Etapa 5: E, por fim, temos que salvar o código HTML e depois executar o arquivo no navegador.
Add the Line using Html tags This page helps you to understand how to add the line in Html document. <hr> And, this section helps you to understand how to add the line using the Html tag.Teste agora
A saída do código HTML acima é mostrada na captura de tela a seguir:
Usando o CSS interno
Se quisermos adicionar a linha horizontal no documento HTML usando a folha de estilo interna, teremos que seguir os passos abaixo. Usando estas etapas, podemos facilmente adicionar a linha:
Passo 1: Primeiramente, temos que digitar o código HTML em qualquer editor de texto ou abrir o arquivo HTML existente no editor de texto no qual queremos adicionar a linha horizontal.
Add the Line using Internal CSS. This page helps you to understand how to add the line in Html document. And, this section helps you to understand how to add the line using the Internal Cascading Style Sheet.
Passo 2: Agora, temos que posicionar o cursor logo após o fechamento da tag title no etiqueta de cabeça do documento HTML e depois defina os estilos dentro do tag conforme mostrado no bloco a seguir. E então temos que digitar a tag CSS hr para estilizar a linha horizontal.
Add the Line using Internal CSS. hr { } Etapa 3: Agora, temos que definir os atributos da tag CSS hr. Assim, definiremos os diferentes atributos no seguinte bloco:
Add the Line using Internal CSS. hr { width: 80%; height: 2px; background-color: pink; margin-bottom: 7px; margin-right: auto; margin-left: auto; margin-top: 9px; border-width: 4px; border-color: blue; } Passo 4: Agora, temos que digitar o
tag no corpo do documento HTML para mostrar a linha horizontal na página da web. E, por fim, temos que salvar o arquivo HTML e depois executá-lo no navegador da Internet.
Add the Line using Internal CSS. hr { width: 80%; height: 2px; background-color: pink; margin-bottom: 7px; margin-right: auto; margin-left: auto; margin-top: 9px; border-width: 4px; border-color: blue; } This page helps you to understand how to add the line in Html document. <hr> And, this section helps you to understand how to add the line using the Internal Cascading Style Sheet. Teste agora A saída do código HTML acima é mostrada na captura de tela a seguir:
