O ' ” é utilizada para exibir o texto na página da web que é considerado um parágrafo. A tag “
” vem com um espaço vertical predefinido que é adicionado antes e depois do parágrafo. O texto dentro da tag “
” sempre é exibido na próxima linha e também ignora os espaços extras. Os desenvolvedores podem usar a tag p para separar o conteúdo em seções distintas ou para organizar as informações logicamente.
Este guia demonstra a tag HTML p junto com a implementação prática.
O que é HTML p Tag?
O ' ” é utilizada na página da Web para aprimorar a estrutura do conteúdo e tornar o texto mais proeminente. Ajuda no processo de SEO da página da Web, o que pode melhorar a classificação do site nos resultados da pesquisa.
Sintaxe
A sintaxe para o “ ” é mostrada como:
< p > Linux p >
Na linha de código acima, o “ ” é a marca inicial e “
” é a tag de fechamento. A tag de fechamento é obrigatória para evitar a complexidade e sobreposição dos elementos HTML.
Visite o exemplo abaixo para entender como o “ ” tag funciona:
< corpo >< p > Olá Comunidade Linuxhint p >
corpo >
A saída do trecho de código acima é exibida abaixo:
A saída acima mostra o texto simples que é exibido na tela usando o “ ' marcação.
Como aplicar estilo CSS à tag
?
O ' ” aceita atributos globais como “ aula ”, “ eu ia ' ou ' estilo ” etc. que pode ser utilizado para estilizar o elemento selecionado usando propriedades CSS. O desenvolvedor pode usar um dos atributos globais para aplicar propriedades CSS apenas nos elementos específicos. E por aplicar estilos a todos “ ” tags que são usadas na página da web, selecione diretamente o HTML “ p ” dentro do arquivo CSS ou “
Exemplo 1: Aplicando Propriedades CSS a Todos os Elementos “p”
Para definir os mesmos estilos em todos os elementos HTML
, visite o trecho de código abaixo:
< estilo >p {
cor de fundo: verde floresta;
cor branca;
}
estilo >
< corpo >
< p > Olá Comunidade Linuxhint p >
< p > Olá Comunidade Linuxhint p >
< p > Olá Comunidade Linuxhint p >
< p > Olá Comunidade Linuxhint p >
corpo >
No trecho de código acima, o CSS “ cor de fundo ' e ' cor ” propriedades são aplicadas a “ p ” elementos selecionando diretamente o botão “ p ” seletor de elemento.
Após a execução do trecho de código acima, a página da Web fica assim:
A saída acima mostra que o mesmo estilo foi aplicado a todos os “ p ” elementos na página da web.
Exemplo 2: Aplicando Propriedades CSS ao Elemento “p” Exclusivo
Para aplicar estilos a “ p ” elementos, os atributos style, id ou class podem ser utilizados. Esses atributos globais aplicam propriedades CSS ao “ p ” elemento ao qual estão anexados.
Vamos visitar um código:
< estilo >p {
cor de fundo: verde floresta;
cor branca;
}
.usando-classe {
cor de fundo: darkcyan;
}
#usando-id{
cor de fundo: marrom-rosado;
}
estilo >
< corpo >
< p > Olá Comunidade Linuxhint p >
< p estilo = 'cor de fundo: vermelho' > Olá Comunidade Linuxhint p >
< p aula = 'classe de uso' > Olá Comunidade Linuxhint p >
< p eu ia = 'usando-id' > Olá Comunidade Linuxhint p >
< p > Olá Comunidade Linuxhint p >
corpo >
No trecho de código acima, a propriedade background-color para o “ p ” é definido com valores diferentes quando utilizado com atributos globais.
Após a execução do trecho de código acima, a página da Web aparece assim:
A saída acima mostra que o “ p ” os elementos agora têm estilo exclusivo com a ajuda de atributos globais.
Conclusão
O ' ”
.