Elemen Paragraf pada HTML dan Fungsinya
Paragraf merupakan bagian penting dalam proses pembuatan artikel, utamanya adalah artikel berbasis web. Paragraf merupakan sebuah kumpulan kalimat yang berkaitan antara satu dengan yang lainnya. Dalam penulian artikel paragraf berguna sebagai penanda dimulainya sebuah topik baru pada sebuah tulisan, dan juga sekaligus menjadi pemisah kalimat-kalimat gagasan dalam sebuah tulisan. Sama halnya pada teknik penulisan pada kertas, pada HTML teknik penulisan kata atau kalimat dalam sebuah artikel juga bisa dibuat dalam kelompok-kelompok paragraf dengan menggunakan Tag <P>. Fungsi tag tersebut pada halaman web adalah digunakan untuk memisahkan teks yang berada pada paragraf berbeda. Tag <p> memiliki atribut ALIGN yang dapat digunakan untuk mengatur posisi perataan teks yang terdapat pada suatu paragraf atau kalimat.
Tag <p> pada HTML mendefinisikan sebuah paragraf. Tag ini memiliki bagian pembukaan dan penutupan. Sehingga teks apapun yang terletak diantara tag <p> dan </P> akan diperlakukan sebagai paragraf. Kebanyakan browser membaca sebuah baris sebagai sebuah paragraf meskipun tidak menggunakan tag penutup seperti </P>, tetapi mungkin saja terdapat hasil yang tidak terduga pada hasil program. Sehingga, merupakan suatu kebiasaan yang baik untuk selalu menggunakan tag penutup pada akhir paragraf </p>.
 |
| Ilustrasi Elemen Paragraf HTML |
Sintak:
<p> Content </p>
Contoh:
<!DOCTYPE html>
<html>
<!-- Paragraf HTML -->
<head>
<title>
Paragraph
</title>
</head>
<body>
<p>
Sedekah bumi.
</p>
<p>
Merupakan kegiatan wajib yang dilakukan oleh warga Konoha Gakurei.
</p>
</body>
</html>
Output:
Sedekah bumi.
Merupakan kegiatan wajib yang dilakukan oleh warga Konoha Gakurei.
Ketika memerhatikan sebuah laman web, dapat dilihat bahwa terdapat beberapa space atau ruang yang ditambahkan sebelum dan sesudah sebuah paragraf. HTML melakukan hal tersebut secara otomatis. Perhatikan beberapa properti dari tag paragraf berikut:
- Seperti yang telah disebutkan sebelumnya, tag <p> secara otomatis menambahkan ruang sebelum dan sesudah paragraf apapun, yang secara dasar menambahkan margin pada browser.
- Jika pengguna menambahkan lebih dari satu space atau ruang, maka browser akan menguranginya menjadi sebuah space tunggal.
- Jika pengguna menambahkan lebih dari satu line atau baris, maka browser akan menguranginya menjadi sebuah baris tunggal.
Contoh:
<!DOCTYPE html>
<html>
<!-- Paragraf HTML -->
<head>
<title>
Menampilkan_Paragraph
</title>
</head>
<body>
<p>
Paragraf ini terdiri dari beberapa
baris. Namun, HTML membuatnya seolah
hanya terdiri dari satu bari.
</p>
<p>
Paragraf ini terdiri dari spasi
ganda. Namun, HTML membuatnya seolah
hanya terdiri spasi tunggal antar
setiap kata.
</p>
</body>
</html>
Output:
Paragraf ini terdiri dari beberapa baris. Namun, HTML membuatnya seolah hanya terdiri dari satu bari.
Paragraf ini terdiri dari spasi ganda. Namun, HTML membuatnya seolah hanya terdiri spasi tunggal antar setiap kata.
Tag <br>:
Terdapat sebuah cara untuk membuat HTML dapat mengetahui dimana browser membutuhkan pergantian baris menggunakan tag <br>. Tag ini tidak memiliki tag penutup. Sehingga, hanya menggunakan sebuah tag pembukaan saja dapat mengganti ke baris yang baru.
Sintak:
<br>
Contoh:
Terdapat sebuah cara untuk membuat HTML dapat mengetahui dimana browser membutuhkan pergantian baris menggunakan tag <br>. Tag ini tidak memiliki tag penutup. Sehingga, hanya menggunakan sebuah tag pembukaan saja dapat mengganti ke baris yang baru.
Sintak:
<br>
Contoh:
<!DOCTYPE html>
<html>
<!-- Paragraf HTML -->
<head>
<title>
Display_Paragraph
</title>
</head>
<body>
<p>
Paragraf ini terdiri dari satu <br> baris tunggal. Namun HTML <br> membuatnya seolah hanya terdiri dari <br> beberapa baris.
</p>
</body>
</html>
Output:
Paragraf ini terdiri dari satu
baris tunggal. Namun HTML
membuatnya seolah hanya terdiri dari
beberapa baris.
Atribut <align>:
Tag <p> secara khusus membantu mensejajarkan atribut dan memungkinkan untuk mengarahkan paragraf pada bagian kiri, kanan, dan tengah.
baris tunggal. Namun HTML
membuatnya seolah hanya terdiri dari
beberapa baris.
Atribut <align>:
Tag <p> secara khusus membantu mensejajarkan atribut dan memungkinkan untuk mengarahkan paragraf pada bagian kiri, kanan, dan tengah.
Sintak:
<p align="value">
Contoh:
<p align="value">
<!DOCTYPE html>
<html>
<!-- Paragraf HTML -->
<head>
<title>
Paragraph
</title>
</head>
<body>
<p align="center">
Welcome di IndomarKET
</p>
<p align="left">
Jangan suka
nyolong barang ya!!!.
</p>
<p align="right">
Kalau tidak
Ti**t nya nanti disunat loh.
</p>
</body>
</html>
Output:
Welcome di IndomarKET
Jangan suka nyolong barang ya!!!.
Kalau tidak Ti**t nya nanti disunat loh.
Baca Juga:
Elemen <pre>:
Sebelumnya, telah dipelajari bagaimana sebuah tag paragraf dapat mengacuhkan semua perubahan dari baris dan ruang tambahan yang terdapat pada paragraf, tetapi terdapat sebuah cara untuk tetap dapat mempertahankan perubahan tersebut dengan menggunakan tag <pre>. Tag ini juga mengandung pembukaan dan penutupan tag. Tag ini menampilkan sebuah teks dengan ukuran panjang dan lebar yang sesuai dan mempertahankannya.
Sintak:
<pre> Content </pre>
Contoh:
Sebelumnya, telah dipelajari bagaimana sebuah tag paragraf dapat mengacuhkan semua perubahan dari baris dan ruang tambahan yang terdapat pada paragraf, tetapi terdapat sebuah cara untuk tetap dapat mempertahankan perubahan tersebut dengan menggunakan tag <pre>. Tag ini juga mengandung pembukaan dan penutupan tag. Tag ini menampilkan sebuah teks dengan ukuran panjang dan lebar yang sesuai dan mempertahankannya.
Sintak:
<pre> Content </pre>
Contoh:
<!DOCTYPE html>
<html>
<!-- Paragraf HTML -->
<head>
<title>
Display_Paragraph
</title>
</head>
<body>
<pre>
Paragraf ini terdiri dari beberapa
baris. Tetapi apa yang ditampilkan
tidak seperti apa yang diperlihatkan
pada tag.
</pre>
<pre>
Paragraf ini terdiri dari beberapa
spasi. Tetapi apa yang ditampilkan
tidak seperti apa yang diperlihatkan
pada tag.
</pre>
</body>
</html>
Output:
Paragraf ini terdiri dari beberapa baris. Tetapi apa yang ditampilkan tidak seperti apa yang diperlihatkan pada tag.
Paragraf ini terdiri dari beberapa spasi. Tetapi apa yang ditampilkan tidak seperti apa yang diperlihatkan pada tag.
- 2 Cara Utama Menggunakan Spellcheck pada HTML [klik]
- 4 Konsep Utama Color Style dan HSL pada HTML [klik]
- 8 Properti Utama Penggunaan Geolokasi pada HTML [klik]
- 9 Objek (dan 8 Event) dari Penggunaan Drag dan Drop pada HTML [klik]
- 255 Kumpulan Karakter yang Sering Digunakan pada HTML [klik]
- 6 Cara Utama Pembuatan Garis Menggunakan Tag HR pada HTML [klik]
- 8 Cara Pengaturan dan Pembuatan Image pada HTML [klik]
Komentar
Posting Komentar
Hubungi admin melalui Wa : +62-896-2514-6106
Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.
Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.
~ Ikatlah Ilmu dengan Memostingkannya ~
Postingan populer dari blog ini (30 Hari)
Leger Nilai Peserta Didik Angkatan Tahun Masuk 2021 2022 - 2023 2024
Daftar perolehan nilai hasil belajar selama enam semester atau 3 tahun di Sekolah Menengah Atas, dari angkatan masuk Tahun Pelajaran 2021 2022 - 2023 2024.
Leger Nilai Peserta Didik Angkatan Tahun Masuk 2020 2021 - 2022 2023
Daftar perolehan nilai hasil belajar selama enam semester atau 3 tahun di Sekolah Menengah Atas, dari angkatan masuk Tahun Pelajaran 2020 2021 - 2022 2023.
Penggunaan fflush(stdin) Bahasa C dan Fungsinya
fflush() umumnya digunakan hanya untuk output stream . Fungsinya adalah untuk membersihkan (atau flush ) output buffer dan memindahkan data buffer menuju console (dalam kasus stdout ) atau disk (pada kasus file output stream ). Berikut adalah contoh dari penggunaan sintak fflush .
Pengertian Asosiasi Komposisi dan Agregasi Java
Dalam artikel ini akan dijelaskan fungsi dari asosiasi, komposis, dan agregasi yang merupakan bentuk-bentuk hubungan antar object dalam OOP Java.
Enkapsulasi Java dan Fungsinya
Enkapsulasi didefinisikan sebagai pembungkusan data dalam satu buah unit. Enkapsulasi adalah mekanisme yang mengikat code program dan data yang dimanipulasi secara bersamaan pada bahasa pemrograman Java. Cara lain untuk berpikir mengenai enkapsulasi adalah upaya untuk melindungi atau sebagai perisai proteksi yang mencegah data untuk diakses oleh pihak luar.
Membuat Rumus Matematika Bahasa C Menggunakan Library Math.h
Fungsi library math.h mendefinisikan berbagai fungsi matematika dan makro dalam bahasa pemrograman C. Semua fungsi yang tersedia pada library mengambil nilai dengan tipe double sebagai argumen dan mengembalikan nilai double tersebut sebagai hasilnya.
Specifier %d dan %i Bahasa C dan Fungsinya
Sebuah format specifier adalah urutan sekuensial oleh inisial tanda persen (%) yang mengindikasikan sebuah format specifier , yang digunakan untuk menentukan tipe dan format dari data untuk diambil dari stream dan menyimpannya menuju lokasi yang ditunjuk oleh argumen tambahan. Singkatnya, hal ini memberitahukan tipe dari data mana yang akan disimpan dan tipe data apa yang akan dicetak.
4 Kesalahan Umum yang Sering Terjadi pada PTK
Ciri khas PTK adalah adanya tindakan secara nyata dan konkret yang dilakukan oleh peserta didik atas dasar instruksi dari guru. Tindakan tersebut tidak boleh sembarangan, tetapi harus dapat dibenarkan secara teoretis. Hal yang tidak kalah pentingnya adalah, bahwa tindakan tersebut harus sesuai dengan tugas profesional seorang guru, dan juga tindakan tersebut tidak boleh mengubah situasi alamiah pembelajaran yang telah ada.
7 Paradigma Penelitian pada Statistika Penelitian
Pada kegiatan penelitian kuantitatif yang berlandaskan pada sebuah asumsi kejadian yang tidak dapat diklasifikasikan, serta korelasi kejadian yang bersifat kausal sebab akibat, maka seorang peneliti dapat memfokuskan kegiatannya pada pengamatan beberapa variabel saja . Korelasi pola pada setiap variael yang diamati tersebut selanjutnya akan dikenal sebagai paradigma penelitian atau model penelitian .
Cara Membuat Drag and Drop pada HTML
Drag dan drop adalah sebuah konsep interaktif yang yang memudahkan user dalam menggerakkan object dari satu lokasi ke lokasi yang lain dengan cara menyeretnya ( drag ). Hal ini memungkinkan user untuk melakukan klik dan menahan klik mouse tersebut kemudian membawa elemen yang diseret menuju ke lokasi yang lain, kemudian melepaskan tombol klik mouse untuk menjatuhkan ( drop ) elemen yang diseret tersebut ( drag ). Pada HTML 5 drag dan drop lebih mudah untuk membuat bentuk programnya dan juga lebih mudah untuk digunakan.
Apa fungsi elemen paragraf pada HTML?
BalasHapusElemen HTML Paragraf digunakan untuk mendefinisikan sebuah paragraf pada teks yang akan ditampilkan pada web. Paragraf selalu dimulai pada baris baru, dan browser secara otomatis menambahkan beberapa spasi atau margin pada bagian sebelum dan sesudah paragraf HTML.
HapusApa bentuk representasi dari tag paragraf pada laman web HTML?
BalasHapusElemen HTML paragraf mewakili sebuah paragraf pada laman web. Paragraf biasanya direpresentasikan dalam media visual sebagai blok teks yang dipisahkan dari blok yang berdekatan oleh baris kosong dan atau lekukan baris pertama, tetapi paragraf HTML juga dapt berupa pengelompokkan struktural dari konten terkait, seperti gambar ataupun bida formulir tertentu.
HapusParagraf HTML atau tag p HTML digunakan untuk menentukan paragraf pada halaman website.
BalasHapusElemen P HTML mewakili sebuah paragraf. Paragraf biasanya direpresentasikan dalam media visual sebagai blok teks yang dipisahkan dari blok yang bedekatan oleh blok kosong atau indentasi baris pertama. Paragraf HTML juga dapat berupa pengelompokkan struktural dari konten terkait, seperti gambar atau bidang formulir.
BalasHapusApa yang dimaksud dengan tag P?
BalasHapusParagraf tag atau tag P pada HTML adalah tag yang digunakan untuk menentukan paragraf yang terdapat pada laman web. Perlu dipahami juga bahwa sebuah browser akan secara otomatis menambahkan sebuah baris kosong kedalam tampilan sebelum dan sesuah paragraf. Secara sederhana, fungsi dari tag P HTML adalah untuk menunjukkan awal dari sebuah paragraf baru pada laman html.
HapusKapan html versi pertama dibuat?
BalasHapusVersi pertama HTML ditulis oleh Tim Berners-Lee pada tahun 1993. Sejak saat itu, ada banyak sekali versi HTML yang selanjutnya diciptakan. Versi yang paling banyak digunakan sepanjang tahun 2000an adalah html versi 4.01, yang kemudian menjadi standar resmi pada bulan desember 1999. Versi lain adalah XHTML, adalah versi penulisan ulang dari HTML sebagai bahasa XML.
Hapus