Učenje HTML dijela 5: Kako napraviti odlomke u HTML-u

Odlomci su niz rečenica koje susastoji se od jedne glavne rečenice i nekoliko obrazložnih rečenica. U HTML dokumentu, naravno, postoje odlomci koji se koriste za izgradnju diskursa (članka) ili zapisivanja u njemu.

U ovoj ću raspravi objasnitikako napraviti odlomke u HTML-u, počevši od upotrebe oznaka za izradu odlomaka, oznaka za stvaranje novih redaka i <pre> oznaka za unaprijed formatirani tekst (prikaz teksta u pregledniku kao napisan). Za daljnja objašnjenja, pogledajmo objašnjenje u nastavku:

stav

Odlomak u HTML-u označen je paromtag i oznaka . Oznaka navodi početak stavka, a kraj stavka označen je s oznakom. Doista, možemo odlomak završiti ne upotrebom oznake , ali predlažem da nastavite koristiti završnu oznaku .

Oznaka ima atribut align koji se koristi za prikazivanje odlomaka saravno desno, lijevo, središte ili lijevo i desno. Međutim, atribut poravnanja ne podržava HTML5 jer je zamijenjen upotrebom CSS-a. Slijede vrijednosti atributa align :

vrijednost	funkcija
Lijevo	Da biste zaglavlje poravnali s lijeve strane
pravo	Da biste zaglavlje poravnali udesno
centar	Za poravnavanje naslova prema sredini
opravdati	Za poravnavanje teksta lijevo i desno

I ispod je primjer koda koji koristi oznaku :

<!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>

Tada će rezultati izgledati dolje nakon prikaza u pregledniku:

Novi red (oznaka )

Možete stvoriti novi redak uHTML dokumenti pomoću oznaka . Upotreba oznaka je isto što i tipka "Enter" na tipkovnici. Oznaka je pojedinačni tekst što znači da ima samo početnu oznaku, ali nema završnu oznaku.

Evo primjera koda za upotrebu oznaka :

<!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>

Tada će rezultati izgledati dolje nakon prikaza u pregledniku:

Tekst prethodno pripremljenog teksta

Možete prikazati tekst prema izvornikui razmake i znakove pomoću oznake <pre>. Oznaka <pre> je skraćenica od Preformatted Text-a koja se koristi za neformatirani tekst. Drugim riječima, razmaci između znakova u HTML-u i dalje će se pojaviti u pregledniku, tako da će tekst biti potpuno isti kao u <pre> elementu.

Sama oznaka <pre> pripada razini blokadrugim riječima, tekst sadržan u oznaci <pre> bit će prikazan u novom retku i odvojen od teksta prije oznake <pre>. Općenito, vrsta upotrebljenog fonta je monospace s istom dužinom znakova za svako slovo.

U unaprijed formatiranom tekstu nalaze se atributi, naime:

atribut	funkcija
širina	Određuje broj znakova u nizu

Međutim, ovaj atribut širine ne podržava HTML5, a zamjenjuje ga upotreba CSS-a. Evo primjera upotrebe oznake <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>

U pregledniku će se pojaviti sljedeće:

Gledano sa gornje slike, tekstni oblik jeprikazuju se prema onome što je napisano tamo gdje se napisani prostor ne zanemaruje, ali se i dalje prikazuje u pregledniku. Upotreba oznake <pre> prikladna je za prikaz rezultata programskog koda.

Nakon što shvatite kako napraviti odlomke na HTML-u, prijeđite na sljedeći tutorial koji govori o tome kako u HTML-u napraviti kurziv i podebljan.

Pročitajte više: