I paragrafi sono una serie di frasi che lo sonoconsiste in una frase principale e diverse frasi esplicative. In un documento HTML, ovviamente, ci sono paragrafi che vengono utilizzati per creare un discorso (articolo) o scrivere in esso.

In questa discussione, spiegheròcome creare paragrafi in HTML, a partire dall'uso di <p> ​​tag per creare paragrafi, <br> tag per creare nuove righe e <pre> tag per testo preformattato (visualizzazione del testo nel browser come scritto). Per ulteriori spiegazioni, diamo un'occhiata alla spiegazione di seguito:

paragrafo

Un paragrafo in HTML è contrassegnato da una coppiatag <p> e tag </p>. Il tag <p> indica l'inizio di un paragrafo mentre la fine del paragrafo è contrassegnata da un tag </p>. In effetti, possiamo terminare il paragrafo non usando un tag </p> ma suggerisco di continuare a usare il tag di chiusura </p>.

Il tag <p> ha l'attributo Align che viene utilizzato per visualizzare i paragrafi conpiatta destra, sinistra, centro o sinistra e destra. Tuttavia, l'attributo align non è supportato da HTML5 perché è stato sostituito con l'uso di CSS. Di seguito sono riportati i valori per gli attributi Align :

valore funzione
sinistra Per allineare l'intestazione a sinistra
destra Per allineare l'intestazione a destra
centro Per allineare l'intestazione al centro
giustificare Per allineare il testo a sinistra e a destra

E di seguito è riportato un codice di esempio che utilizza il tag <p>:

<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Paragraf di HTML</title>
</head>
<body>
<p align="center">Claudio Andres Bravo Munoz menandatangani kontrak sebagai kiper FC Barcelona pada musim panas 2014 berasal dari Real Sociedad. Lahir pada 13 April 1983, di kota kecil Viluco de Buin, di daerah Santiago Cile. Ia mulai bermain sepak bola sejak kecil, walaupun awalnya bukanlah sebagai seorang kiper, sebaliknya ia bermain sebagai seorang striker dan kemudian menjadi pemain bertahan.</p>
<p align="right">Tiba di Kota San Sebastian sebagai seorang pemain yang menjanjikan dan keluar sebagai salah seorang kiper terbaik sepanjang sejarah Real Sociedad. Ia menjadi seorang panutat setelah delapan musim: berakhir sebagai pemain asing kedua yang paling banyak diturunkan dan kiper ketiga sepanjang klub yang palng sering menggunakan jersey 'txuri-urdin' </p>
<p>Ia dikenal dengan julukan 'Condor Chico' di negaranya, sebagai penghargaan dari kiper Roberto 'Condor' Rojas, Claudio Bravo adalah kapten dari timnas Cile sejak tahun 2008, mewarisi nya dari Marcelo Salas. Ia adalah satu.satunya pemain timnas Cile yang berpartisipasi pada klasifikasi Piala Dunia Afrika 2010. Selain itu, ia juga kiper utama pada empat pertandingan yang dimainkan oleh Cile pada Piala Dunia saat itu. Pada musim panas 2014, ia berpartisipasi pada Piala Duia Brasil dan tiba dengan timnas nya hingga perdelapan final, saat beradu penalti.</p>
</body>
</html>

Quindi i risultati appariranno come di seguito dopo essere stati visualizzati nel browser:

Nuova riga (tag <br>)

È possibile creare una nuova linea inDocumenti HTML con tag <br>. L'uso dei tag <br> è uguale all'utilizzo del tasto "Invio" sulla tastiera. Il tag <br> è un solo testo, il che significa che ha solo un tag iniziale ma non ha un tag finale.

Ecco un esempio di codice per l'utilizzo dei tag <br>:

<!DOCTYPE html>
<html>
<head>
<title>Membuat Baris Baru di HTML</title>
</head>
<body>
Claudio Andres Bravo Munoz menandatangani kontrak sebagai kiper FC Barcelona.<br> Lahir pada 13
April 1983, di kota kecil Viluco de Buin, di daerah Santiago Cile<br> Ia mulai bermain sepak bola sejak kecil, walaupun awalnya bukanlah sebagai seorang kiper.
</body>
</html>

Quindi i risultati appariranno come di seguito dopo essere stati visualizzati nel browser:

Testo HTML preformattato

È possibile visualizzare il testo in base all'originalesia gli spazi che i caratteri usando il tag <pre>. Il tag <pre> è un'abbreviazione di Testo preformattato che viene utilizzato per il testo non formattato. In altre parole, gli spazi tra i caratteri in HTML appariranno comunque nel browser in modo che il testo sia esattamente lo stesso dell'elemento <pre>.

Il tag <pre> stesso appartiene al livello di bloccoin altre parole, il testo contenuto nel tag <pre> verrà visualizzato in una nuova riga e separato dal testo prima del tag <pre>. In generale, il tipo di carattere utilizzato è monospace con la stessa lunghezza di carattere per ogni lettera.

Nel testo preformattato ci sono attributi, vale a dire:

attributo funzione
larghezza Specifica il numero di caratteri in una riga

Tuttavia, questo attributo di larghezza non è supportato da HTML5 e viene sostituito con l'uso di CSS. Ecco un esempio dell'uso del tag <pre>:

<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Preformatted Text di HTML</title>
</head>
<body>
<pre>Ini adalah        contoh penggunaan Preformatted Text     (Tag pre) </pre>
</body>
</html>

Nel browser, apparirà come segue:

Visto dalla foto sopra, il modulo di testo èvisualizzato in base a ciò che è stato scritto in cui lo spazio scritto non è ignorato ma comunque visualizzato nel browser. L'uso del tag <pre> è appropriato per visualizzare i risultati del codice del programma.

Dopo aver compreso come creare paragrafi in HTML, passa al tutorial successivo che spiega come rendere corsivo e grassetto in HTML.

</ P>
</ P>

</ Article>
Commenti 0
</ Main>
</ Div>