Kita bisa saja membuat paragraf menggunakan tag selain Show
Oleh karena itu kali ini kita akan mempelajari beberapa topik terkait paragraf, mulai dari pembuatan, menyesuaikan gaya, mengatur jarak antar paragraf dan sebagainya. Mari kita mulai. Apa Itu Paragraf?Paragraf adalah elemen yang mewakili sebuah paragraf. Paragraf biasanya direpresentasikan sebagai blok atau kumpulan teks yang dipisahkan dengan spasi putih dari blok yang berdekatan. Paragraf digunakan untuk mengelompokkan struktur konten, misalnya gambar dan paragraf akan memiliki tag yang berbeda. Cara Membuat ParagrafUntuk membuat paragraf di HTML, kita bisa menggunakan tag yang dibuat khusus untuk paragraf, yaitu Dalam stuktur HTML tertentu tag Teks atau konten yang dijadikan sebagai paragraf bisa ditulis diantara tag pembuka dan penutup. Contoh: Hasil:
Jangan Gunakan Tag <p> Saya sedang belajar HTML di Kodealgo, saat ini saya sedang mempelajari topik terkait paragraf mulai dari cara membuat hingga mengatur gaya paragraf. </p> <p> Ada banyak materi gratis terkait pemrograman yang bisa kita pelajari di Kodealgo termasuk HTML, CSS, JavaScript dan sebagainya. </p> 5 untuk ParagrafKesalahan umum yang sering dilakukan oleh pemula adalah menggunakan tag yang tidak sesuai untuk membuat elemen tertentu. Misalnya, niatnya ingin membuat paragraf, tapi tag yang digunakan adalah Ini bukan hanya soal visual. Kalau urusan visual bisa kita atur menggunakan CSS agar memiliki tampilan yang mirip seperti paragraf. Tapi ini bukanlah parktik yang baik, karena tag Jadi, gunakan tag yang sesuai fungsinya ketika membuat elemen HTML. Untuk paragraf, selalu gunakan tag Contoh baik: Contoh buruk: Berikut perbandingan paragraf yang menggunakan tag
Membuat Baris Baru dengan Tag <p> Saya sedang belajar HTML di Kodealgo, saat ini saya sedang mempelajari topik terkait paragraf mulai dari cara membuat hingga mengatur gaya paragraf. </p> <p> Ada banyak materi gratis terkait pemrograman yang bisa kita pelajari di Kodealgo termasuk HTML, CSS, JavaScript dan sebagainya. </p> 6Baris baru (enter) yang kita tulis di dalam tag Lebar paragraf akan secara otomatis menyesuaikan dengan lebar elemen yang membungkusnya. Jika lebar elemen pembungkus tidak muat dalam satu baris, secara otomatis akan membuat baris baru. Mari kita lihat contoh berikut: Lihat baris baru setelah kata "topik", ini tidak ditampilkan di browser. Seperti ini hasilnya jika saya perkecil jendela browser:
Jika jendela browser seukuran layar hasilnya mungkin akan ditampilkan dalam satu baris, tergantung ukuran layar atau elemen pembungkus. Terus bagaimana jika saya ingin menambahkan baris baru di dalam paragraf? Gunakan tag Hasil:
Jangan gunakan tag Membuat Garis Horizontal dengan Tag <p> Saya sedang belajar HTML di Kodealgo, saat ini saya sedang mempelajari topik terkait paragraf mulai dari cara membuat hingga mengatur gaya paragraf. </p> <p> Ada banyak materi gratis terkait pemrograman yang bisa kita pelajari di Kodealgo termasuk HTML, CSS, JavaScript dan sebagainya. </p> 7Tag Gaya garis tergantung browser yang digunakan, di Mozilla Firefox garis terlihat lebih tebal dibandingkan dengan Google Chrome. Tapi, ini bisa kita atur menggunakan CSS. Contoh: Hasil:
Menggunkaan Tag <p> Saya sedang belajar HTML di Kodealgo, saat ini saya sedang mempelajari topik terkait paragraf mulai dari cara membuat hingga mengatur gaya paragraf. </p> <p> Ada banyak materi gratis terkait pemrograman yang bisa kita pelajari di Kodealgo termasuk HTML, CSS, JavaScript dan sebagainya. </p> 8Teks yang dibungkus dengan tag Tidak seperti Secara default, teks yang ditempatkan di dalam tag ini akan menggunakan jenis huruf monospace. Contoh: Hasil:
Tag Termasuk semua contoh kode yang Anda lihat di Kodealgo menggunakan tag Menyesuaikan Gaya ParagrafSecara default, browser akan memberikan gaya dasar untuk paragraf HTML. Tapi kita bisa mengaturnya sesuai keinginan menggunakan CSS. Kita akan menggunakan atribut Metode ini sebetulnya tidak direkomendasikna, jika Anda sudah mempelajari CSS lebih baik tulis di dalam file CSS agar lebih rapi. Mari kita mulai. 1. Warna Latar Belakang dan TeksUntuk mengubah warna latar belakang paragraf bisa menggunakan properti CSS Kita bisa menggunakan warna standar seperti Contoh: Hasil:
2. Ukuran HurufUntuk mengubah ukuran huruf paragraf, kita bisa menggunakan properti CSS Contoh: Hasil:
3. Jarak Antar BarisTerkadang kita juga perlu mengatur jarak antar baris dalam paragraf. Misalnya ketika ukuran huruf diperbesar, agar terlihat lebih rapi kita juga perlu memperbesar ukuran jarak antar baris. Jarak antar baris bisa kita atur menggunakan properti CSS Contoh: Hasil:
4. Jarak Antar ParagrafUntuk mengatur jarak antar paragraf kita bisa menggunakan properti CSS Contoh: Hasil:
5. Jenis HurufJika tidak ditentukan secara manual, browser biasanya akan menggunakan jenis huruf yang tersedia di komputer. Line height CSS untuk apa?Line height pada CSS merupakan properti yang digunakan untuk memberi ruang spasi dan jarak antara barisan teks yang satu dengan yang lainnya pada suatu paragraf.
Apa itu Line height HTML?Properti line-height digunakan untuk mengatur ketinggian kotak garis elemen. Ini menetapkan jarak antara dua garis dasar garis yang berdekatan.
Apa CSS property untuk mengatur jarak antar baris?Jarak antar baris bisa kita atur menggunakan properti CSS line-height .
|
Cara menggunakan line-height trong css
Pos Terkait
Copyright © 2024 membukakan Inc.
