Parágrafo HTML
O parágrafo HTML é um elemento que contém algum texto entre as tags iniciais e de fechamento. É representado por marcação. Pertence a elementos de nível de bloqueio, o que significa um A tag sempre começará de uma nova linha. O navegador adicionará a margem automaticamente antes e depois de cada
marcação. A tag de parágrafo pode aceitar os atributos globais como ID, estilo, etc., e atributos do evento.
Sintaxe
A sintaxe do elemento parágrafo é declarada abaixo:
contente
Onde
é usado como uma tag de partida e
é usado como uma tag de fechamento. A tag de fechamento é opcional e pode ser ignorada, mas para evitar as complexidades, é recomendável que nunca pule a etiqueta final de qualquer tag pareada.Como Tag funciona
Esta seção apresentará um entendimento detalhado de como
Tag funciona.
Exemplo 1: Considere o exemplo a seguir para entender como Este é um exemplo simples de t tag O código acima criará uma tag simples usando o Como adicionar estilo Marcação Agora você deve estar se perguntando sobre seu estilo, como alterar o alinhamento do texto, tamanho da fonte, cor de fundo, etc. de um parágrafo. Bem! Podemos estilizar qualquer parágrafo HTML com a ajuda do CSS. Exemplo 2: Para esse fim, vamos estender um pouco o exemplo anterior e implementar algum estilo: Este é um exemplo simples de t tag O código acima especifica três propriedades de alinhamento de texto, cor de fundo e estilo de fonte dentro do marcação. Essas propriedades serão aplicadas ao parágrafo e gerarão a seguinte saída: Como adicionar estilo a vários parágrafos Se houver vários parágrafos no documento, o estilo especificado será implementado em todos os Exemplo 3: Vamos considerar o exemplo a seguir que possui três tags, como mostrado no código a seguir: Este é o primeiro parágrafo Este é o segundo parágrafo Este é o terceiro parágrafo A saída a seguir confirmará que as propriedades que definimos para o parágrafo na etiqueta de estilo são implementadas para todos os parágrafos: Como estilizar cada parágrafo exclusivamente Suponha que haja vários parágrafos e você precisa estilizar cada parágrafo de maneira diferente. É possível? É sim! Podemos fazer isso de duas maneiras usando o atributo de estilo embutido ou, podemos usar seletores CSS. Exemplo 4: Vamos supor o código abaixo dado que implemente o estilo em linha para o terceiro Este é o primeiro parágrafo Este é o segundo parágrafo Este é o terceiro parágrafo O estilo embutido será implementado no terceiro parágrafo, enquanto os outros dois parágrafos serão estilizados de acordo com o estilo interno, como mostrado abaixo: Exemplo 5: Vamos considerar a seguinte parte do código que usará um seletor de ID para estilizar o segundo parágrafo: Este é o primeiro parágrafo Este é o segundo parágrafo Este é o terceiro parágrafo Este exemplo descreve dois estilos diferentes: o primeiro e o terceiro parágrafos serão estilizados de acordo com o estilo interno. Enquanto o segundo parágrafo será estilizado de maneira diferente, como mostrado na saída a seguir: Display html Não importa quantos espaços extras ou linhas extras existem no parágrafo, o HTML ignorará todos os espaços extras e linhas extras, como mostrado no snippet inferior: Este é o primeiro No código acima, existem muitos espaços e linhas extras. No entanto, a saída confirmará que o HTML negligencia os espaços extras e gera a seguinte saída: Conclusão Como o próprio nome sugere a tag de parágrafo no documento HTML é usado para criar um parágrafo. Pode levar atributos globais e atributos de evento também. Para um estilo avançado, o CSS pode ser usado, como cor de fundo, estilo de fonte, alinhamento de texto, etc. Este artigo demonstrou uma visão geral completa do parágrafo HTML, onde aprendemos a criar um parágrafo em HTML, que atributos A tag pode levar e como incorporar alguns padrões de estilo a um parágrafo usando CSS com a ajuda de exemplos.
Parágrafo
com múltiplo
extra
espaços