IL ' Il tag ” viene utilizzato per visualizzare il testo sulla pagina Web che è considerato un paragrafo. Il tag '
' viene fornito con uno spazio verticale predefinito che viene aggiunto prima e dopo il paragrafo. Il testo all'interno del tag '
' viene sempre visualizzato sulla riga successiva e salta anche gli spazi extra. Gli sviluppatori possono utilizzare il tag p per separare il contenuto in sezioni distinte o per organizzare le informazioni in modo logico.
Questa guida illustra il tag HTML p insieme all'implementazione pratica.
Cos'è il tag HTML p?
IL ' Il tag ” viene utilizzato nella pagina Web per migliorare la struttura del contenuto e per rendere il testo più prominente. Aiuta nel processo di SEO per la pagina web che può migliorare il posizionamento del sito web nei risultati di ricerca.
Sintassi
La sintassi per ' Il tag ” viene mostrato come:
< P > Linux P >
Nella riga di codice sopra, il ' ' è il tag iniziale e '
” è il tag di chiusura. Il tag di chiusura è obbligatorio da utilizzare per evitare la complessità e la sovrapposizione degli elementi HTML.
Visita l'esempio seguente per capire come il ' Il tag funziona:
< corpo >< P > Salve comunità Linuxhint P >
corpo >
L'output del frammento di codice sopra riportato è visualizzato di seguito:
L'output sopra mostra il testo normale che viene visualizzato sullo schermo usando il ' etichetta '.
Come applicare lo stile CSS al tag
?
IL ' Il tag ' accetta attributi globali come ' classe ”, “ id ' O ' stile ” ecc. che possono essere utilizzati per definire lo stile dell'elemento selezionato utilizzando le proprietà CSS. Lo sviluppatore può utilizzare uno degli attributi globali per applicare le proprietà CSS solo su elementi specifici. E per applicare stili a tutti ' ' i tag utilizzati nella pagina Web selezionano direttamente l'HTML ' P ” elemento all'interno del file CSS o “
Esempio 1: applicazione delle proprietà CSS a tutti gli elementi 'p'.
Per impostare gli stessi stili su tutti gli
elementi HTML, visita il seguente frammento di codice:
< stile >P {
colore di sfondo: verde bosco;
colore bianco;
}
stile >
< corpo >
< P > Salve comunità Linuxhint P >
< P > Salve comunità Linuxhint P >
< P > Salve comunità Linuxhint P >
< P > Salve comunità Linuxhint P >
corpo >
Nello snippet di codice sopra, il CSS ' colore di sfondo ' E ' colore ' le proprietà vengono applicate a ' P ” selezionando direttamente gli elementi “ P ” selettore di elementi.
Dopo l'esecuzione del suddetto frammento di codice, la pagina web si presenta così:
L'output sopra mostra che lo stesso stile è stato applicato a tutti i ' P ” elementi sulla pagina web.
Esempio 2: applicazione delle proprietà CSS all'elemento 'p' univoco
Per applicare stili a unici “ P ” elementi, gli attributi style, id o class possono essere utilizzati. Questi attributi globali applicano le proprietà CSS al ' P ” elemento a cui sono collegati.
Visitiamo un codice:
< stile >P {
colore di sfondo: verde bosco;
colore bianco;
}
.using-classe {
colore di sfondo: darkcyan;
}
#using-id{
colore di sfondo: marrone rosato;
}
stile >
< corpo >
< P > Salve comunità Linuxhint P >
< P stile = 'colore-sfondo:rosso' > Salve comunità Linuxhint P >
< P classe = 'usare-classe' > Salve comunità Linuxhint P >
< P id = 'usando-id' > Salve comunità Linuxhint P >
< P > Salve comunità Linuxhint P >
corpo >
Nel frammento di codice precedente, la proprietà background-color per ' P L'elemento ” viene impostato con valori diversi se utilizzato con attributi globali.
Dopo l'esecuzione dello snippet di codice sopra, la pagina web appare così:
L'output sopra mostra che il ' P Gli elementi ” ora hanno uno stile unico con l'aiuto di attributi globali.
Conclusione
IL ' '
.