Contente
- estágios
- Método 1 Inserir uma linha no HTML 4.01
- Este é um título
- Método 2 Inserir uma linha usando um arquivo CSS e HTML5
- Este é um título
Você pode usar uma linha horizontal para delimitar o conteúdo do seu site. O código para exibir uma linha é muito simples. No entanto, se você pode alterar os estilos de sua linha diretamente no código com HTML 4.01, não é o mesmo com HTML5. Para o último, você precisará usar os componentes CSS para modificar os estilos.
estágios
Método 1 Inserir uma linha no HTML 4.01
-
Crie um novo documento. Abra ou crie um novo documento HTML. Os documentos HTML podem ser editados usando um editor e como Notepad. Você também pode usar um editor de código como Adobe Dreamweaver. Siga estas etapas para abrir um documento HTML no programa de sua escolha:- aberto Notepad ou um editor de e ou código de sua escolha;
- clique em arquivo ;
- clique em aberto ;
- selecione um arquivo HTML;
- clique em aberto.
-
Insira a linha. Selecione onde deseja inserir a linha. Role para baixo até encontrar a linha de código acima da qual deseja inserir sua linha. Em seguida, clique na extremidade esquerda da linha para posicionar o cursor apenas no início da linha. -
Deixe um espaço. Toque duas vezes entrada para mover e para a linha acima da qual você deseja colocar sua linha horizontal. Depois disso, coloque o cursor no topo do espaço que você acabou de criar. -
Adicione a tag
. tipo
antes do início da linha. A tag
é usado para criar uma linha horizontal na página. -
Vá para a linha. Mova a linha na frente da tag hr em uma nova linha. Para fazer isso, pressione entrada. Então, a tag
deve ser isolado em sua própria linha. -
Adicione atributos. Você pode (se desejar) adicionar atributos à sua linha horizontal, como comprimento, largura, cor e atributos de alinhamento. Use os seguintes códigos após a tag hr dentro das vigas. Você pode adicionar mais de um atributo dentro de uma divisa, separando-os com um espaço.- tipo
para alterar a espessura da linha. Substitua # pelo valor desejado para a espessura (exemplo: size = "10"). - tipo
para alterar a largura da linha. Substitua # pelo número de pixels pela largura ou porcentagem da largura da página (exemplo: width = "200" ou width = "75%"). - tipo
para mudar a cor da linha. Substitua # por um nome de cor ou código hexadecimal (exemplo: color = "red" ou color = "# FF0000") - tipo
para gerenciar o alinhamento da linha. Substitua # por "right", "left" ou "center" (exemplo:
).
- tipo
-
Salve seu arquivo HTML. Para salvar um arquivo e como um documento HTML, você deve substituir a extensão do arquivo (.txt, .docx) por .html. Siga estas etapas para salvar seu documento HTML:- clique no menu arquivo ;
- selecionar Salvar como ... ;
- digite um nome para o arquivo, ao lado de Nome do arquivo ;
- tipo .html após o nome do arquivo
- clique em registro.
-
Teste seu código. Para testar seu arquivo HTML, clique com o botão direito do mouse no arquivo e selecione Abrir com. Em seguida, selecione um navegador da Internet. Uma linha deve aparecer onde você colocou a tag hr. Seu código HMTL deve ficar assim:Este é um título
Este é um parágrafo separado do título por uma linha horizontal.
Método 2 Inserir uma linha usando um arquivo CSS e HTML5
-
Crie um novo documento. Abra ou crie um novo documento HTML. Os documentos HTML podem ser editados usando um editor e como Notepad. Você também pode usar um editor de código como Adobe Dreamweaver. Siga estas etapas para abrir um documento HTML no programa de sua escolha:- aberto Notepad ou um editor de e ou código de sua escolha;
- clique em arquivo ;
- clique em aberto ;
- selecione um arquivo HTML;
- clique em aberto.
-
Adicione a tag cabeça. Se o seu arquivo HTML ainda não tiver uma parte cabeça, siga as etapas abaixo para adicioná-lo. A parte cabeça está entre as tags e .- tipo na parte superior do seu documento.
- Toque duas vezes entrada para adicionar duas novas linhas.
- tipo para fechar o jogo cabeça.
-
tipoEste é um título
Este é um parágrafo separado por uma linha horizontal