Irvan Jaya Seorang Mahasiswa Teknik Informatika - Universitas Mulawarman yang Doyan Nulis Artikel

Belajar HTML Part 7 – Trik Paragraf di HTML

2 min read

Belajar HTML Part 7 - CoretanKodeCOM

CoretanKode – Pada kesempatan kali ini kita masih berada di sesi Belajar HTML dan sekarang kita sudah masuk ke materi tentang Paragraf di HTML. Tag <p> atau paragraf memang bisa langsung diterapkan tetapi kalian harus tahu kalau styling paragraf itu sangat mungkin dilakukan loh.

Artikel Menarik Lainnya :

Paragraf selalu dimulai dengan baris baru yang berisikan sekumpulan teks dimana cara mengimplementasikan-nya juga cukup sederhana kalian hanya perlu menggunakan tag <p> lalu diisi konten teks yang kalian inginkan, selanjutnya gunakan tag penutup </p>.

Tampilan Paragraf di HTML

Paragraf merupakan elemen yang sangat penting pada pembuatan sebuah halaman web, dimana di dalam paragraf-lah konten dari website yang kalian dirikan di tampilkan. Setiap kali kalian menggunakan paragraf di HTML tidak selama-nya font yang digunakan sama.

Biasanya semua konten pada tag paragraf akan terpengaruh tampilan-nya apabila kalian memperkecil layar, memperbesar layar, atau mengubah ukuran dari jendela browser kalian.

<p>

Paragraf CoretanKode

Berisikan banyak kata dari admin

Tampilan di Source Code akan tetap seperti ini kek puisi,

Tapi pada saat tampil di browser

Malah lurus membentuk sebuah blok teks saja no stylie.

</p>

<p>

Paragraf CoretanKode

Berisikan banyak kata dari admin

Tampilan di Source Code akan tetap seperti ini kek puisi,

Tapi pada saat tampil di browser

Malah lurus membentuk sebuah blok teks saja no stylie.

</p>

Garis Horizontal di HTML

Bila di Office Word kita mengenal fitur page break nah di HTML sebenarnya tersedia elemen kosong yang dapat memberikan efek mirip seperti page break yang dimiliki oleh Office Word.

Tag <hr> lah yang digunakan untuk membuat sebuah Thematic Break di sebuah halaman HTML, dan merupakan tag yang paling sering digunakan untuk menampilkan sebuah garis horizontal pemisah di halaman web.

Contoh pengimplementasian dari tag <hr> adalah sebagai berikut ini :

<h1>CoretanKode Heading</h1>

<p>Paragraf Satu.</p>

<hr>

<h2>Belajar HTML Lengkap</h2>

<p>Belajar HTML dari NOL Lengkap di CoretanKode.</p>

<hr>

Selain itu tag <hr> juga merupakan sebuah elemen kosong yang artinya pada saat kita gunakan kita tidak memerlukan sebuah tag akhiran.

Membuat Line Break di HTML

Selanjutnya apabila kalian hanya ingin memisahkan teks tanpa harus memberikan garis, kalian bisa menggunakan Line Break di HTML dengan mudah juga menggunakan tag <br> alias Break Line.

Tag <br> biasanya digunakan apabila kalian ingin membuat baris baru di dalam sebuah tag paragraf, contoh pengimplementasian-nya seperti ini :

<p>CoretanKode<br>adalah<br>punya irvan jaya.</p>

Sama seperti tag sebelumnya, tag <br> juga merupakan sebuah elemen kosong di HTML dimana penggunaan-nya tidak memerlukan sebuah tag penutup atau akhiran.

Trik dan Solusi Menulis Puisi di HTML

Pada umum-nya puisi itu dituliskan satu baris hanya untuk satu rangkaian kalimat bukan ? nah apabila kita menuliskan paragraf dengan styling puisi maka kita tidak dapat melakukan-nya hanya menggunakan tag <p> saja melainkan kita bisa menggunakan tag <pre> alias pre-formatted text.

<pre>

Website CoretanKode-ku

Sungguh indah di mata Google Search Engine

Kompetitormu ada ribuan

Tapi error 404 untuk kata menyerah

</pre>

Bila kalian menggunakan tag <pre> maka isi konten-nya akan ditampilkan ke web browser sama persis dengan cara ketikan anda di dalam tag <pre> tersebut.

Rangkuman Belajar HTML Part 7 ini

Nah pada Part 7 ini kita sudah belajar HTML lebih spesifik ke pembuatan paragraf di HTML, nah di part ini kalian juga sudah mengenal dengan beberapa elemen kosong lainnya yang terdapat pada HTML yakni tag <hr> dan tag <br>.

Jadi itulah yang dapat admin sampaikan untuk part 7 ini, jangan lupa baca part 8 dimana kita akan membahas tentang Styling pada halaman HTML. Silahkan klik tombol dibawah ini :

Bila kalian belum menyimak Part sebelum-nya, silahkan klik tombol dibawah ini :

Terima kasih telah berkunjung di blog CoretanKode dan jangan lupa baca postingan menarik lainnya yah, Sekian dan Assalamualaikum Warahmatullahi Wabarakatu.

Irvan Jaya Seorang Mahasiswa Teknik Informatika - Universitas Mulawarman yang Doyan Nulis Artikel