Estruturando parágrafos // tag <p>
A tag <p> em HTML é usada para representar um parágrafo de texto. Ela é amplamente utilizada para estruturar e formatar blocos de texto em uma página da web.
Ao usar a tag <p>, o conteúdo dentro dela é tratado como um único parágrafo, com espaçamento automático entre parágrafos adjacentes. Por padrão, o navegador define um espaçamento antes e depois de cada <p> para melhorar a legibilidade do texto.
🟢 Exemplo de uso da tag <p>:
👉 Todos os códigos podem ser testados aqui: https://www.w3schools.com/tryit/
|
1 2 3 4 5 |
<p> A criação de sites é um processo fundamental no desenvolvimento de uma presença online. </p> <p> Ao criar um site, é importante considerar o design, a estrutura e o conteúdo para garantir uma experiência agradável aos visitantes. </p> <p> Além disso, é essencial pensar na usabilidade, na otimização para mecanismos de busca e na responsividade, garantindo que o site seja acessível e funcione bem em diferentes dispositivos. </p> |
Alinhando o texto
A tag <p> permite definir o alinhamento do texto utilizando o atributo align:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<p align="left"> Este é um exemplo de texto alinhado à esquerda. </p> <p align="center"> Este é um exemplo de texto centralizado. </p> <p align="right"> Este é um exemplo de texto alinhado à direita. </p> <p align="justify"> Este é um exemplo de texto justificado. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tincidunt dolor ut augue congue, at dapibus purus placerat. Aliquam eleifend metus eget risus malesuada efficitur. Proin rhoncus lacus in pharetra ullamcorper. Phasellus id nibh nisl. In gravida dapibus nisl ut posuere. Suspendisse vitae leo a erat posuere cursus. Morbi aliquet odio a magna rutrum finibus. </p> |
⛔ É importante ressaltar que o uso do atributo align está obsoleto no HTML5 e é recomendado utilizar CSS para definir estilos visuais mais avançados e melhores práticas de desenvolvimento.
—
🟢 Aqui está um exemplo de HTML completo utilizando a tag <p>:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <title>Introdução a HTML, CSS e JavaScript</title> </head> <body> <p>O HTML (HyperText Markup Language) é a linguagem padrão para a criação e estruturação de páginas da web.</p> <p>O CSS (Cascading Style Sheets) é utilizado para estilizar e formatar o conteúdo em HTML, tornando-o visualmente atraente e consistente.</p> <p>O JavaScript é uma linguagem de programação que adiciona interatividade e funcionalidade às páginas da web, permitindo a criação de efeitos dinâmicos e manipulação de elementos HTML.</p> </body> </html> |
⛔ Lembrando que:
<!DOCTYPE html>é usada para indicar ao navegador que o documento HTML segue o padrão HTML5.<html lang="pt-br">define o idioma principal do documento HTML como português do Brasil.<meta charset="UTF-8">é utilizada para definir a codificação de caracteres do documento HTML como UTF-8, permitindo que os caracteres sejam exibidos corretamente no navegador.
*Atualizado em 8 de julho de 2023
