Paragrafo HTML
Il paragrafo HTML è un elemento che contiene un po 'di testo tra i tag di avvio e chiusura. È rappresentato da etichetta. Appartiene a elementi a livello di blocco che significa a Il tag inizierà sempre da una nuova riga. Il browser aggiungerà il margine automaticamente prima e dopo ciascuno
etichetta. Il tag paragrafo può accettare gli attributi globali come ID, stile, ecc., e attributi di eventi.
Sintassi
La sintassi dell'elemento paragrafo è indicata di seguito:
contenuto
Dove
viene utilizzato come tag iniziale e
è usato come tag di chiusura. Il tag di chiusura è facoltativo e può essere saltato ma per evitare le complessità si consiglia di non saltare mai il tag finale di qualsiasi tag abbinato.Come Tag funziona
Questa sezione presenterà una comprensione dettagliata di come
tag funziona.
Esempio 1: Considera il seguente esempio per capire come Questo è un semplice esempio di tag p Il codice sopra creerà un semplice tag utilizzando il Come aggiungere stile Etichetta Ora ti stai chiedendo del suo stile come come cambiare l'allineamento del testo, le dimensioni del carattere, il colore di sfondo, ecc. di un paragrafo. BENE! Possiamo modellare qualsiasi paragrafo HTML con l'aiuto di CSS. Esempio 2: A tale scopo estendiamo un po 'l'esempio precedente e implementiamo un po' di stile: Questo è un semplice esempio di tag p Il codice sopra specifica tre proprietà allineate sul testo, sul colore di fondo e in stile font all'interno del etichetta. Queste proprietà verranno applicate al paragrafo e genererà il seguente output: Come aggiungere stile a più paragrafi Se ci sono più paragrafi nel documento, lo styling specificato verrà implementato su tutto il Esempio 3: Consideriamo il seguente esempio che ha tre tag come mostrato nel codice seguente: Questo è il primo paragrafo Questo è il secondo paragrafo Questo è il terzo paragrafo Il seguente output confermerà che le proprietà che abbiamo impostato per il paragrafo nel tag di stile sono implementate su tutti i paragrafi: Come modellare ogni paragrafo in modo univoco Supponiamo che ci siano più paragrafi e devi modellare ogni paragrafo in modo diverso. È possibile? Sì! Possiamo farlo in due modi utilizzando l'attributo in linea in linea o, possiamo usare i selettori CSS. Esempio 4: Supponiamo che il codice indicato di seguito che implementa lo stile in linea al terzo Questo è il primo paragrafo Questo è il secondo paragrafo Questo è il terzo paragrafo Lo stile in linea sarà implementato nel terzo paragrafo mentre gli altri due paragrafi saranno disegnati secondo lo stile interno come mostrato di seguito: Esempio 5: Consideriamo il seguente pezzo di codice che utilizzerà un selettore ID per modellare il secondo paragrafo: Questo è il primo paragrafo Questo è il secondo paragrafo Questo è il terzo paragrafo Questo esempio descrive due diversi stili: il primo e il terzo paragrafo saranno disegnati in base allo stile interno. Mentre il secondo paragrafo verrà disegnato in modo diverso come mostrato nella seguente uscita: Display HTML Non importa quanti spazi extra o linee extra ci sono nel paragrafo, HTML ignorerà tutti gli spazi extra e le linee extra come mostrato nello snippet di seguito: Questo è il primo Nel codice sopra ci sono molti spazi e righe extra. Tuttavia, l'output confermerà che l'HTML trascura gli spazi extra e genera il seguente output: Conclusione Come suggerisce il nome stesso, il tag paragrafo nel documento HTML viene utilizzato per creare un paragrafo. Può prendere anche attributi globali e attributi di eventi. Per uno stile avanzato, è possibile utilizzare CSS come colore di sfondo, stile del carattere, allineamento del testo, ecc. Questo articolo ha dimostrato una panoramica completa del paragrafo HTML in cui abbiamo imparato come creare un paragrafo in HTML, quali attributi Il tag può prendere e come incorporare alcuni schemi di stile in un paragrafo usando CSS con l'aiuto di esempi.
Paragrafo
con più
extra
spazi