Kuy Belajar - Cara Membuat Paragraf dan Pemformatan Teks di HTML. Assalamualaikum sobat semua, setelah sebelumnya kita telah membahas mengenal struktur dasar HTML, nah pada kesempatan kali ini kita akan membahas cara membuat paragraf dan pemformatan teks di HTML. Kuy kita mulai pembahasannya!
Membuat Paragraf Teks di HTML
Tentu saja paragraf sangat diperlukan dalam pemformatan teks, pada HTML pun sobat bisa melakukannya yaitu dengan menggunakan tag <p> yang berfungsi untuk membuat paragraf di HTML. Untuk lebih jelasnya Kuy kita simak sepenggal skrip html di bawah ini.
Kuy kita praktikkan cara membuat paragraf di HTML, silahkan sobat copy skrip di bawah ini dan paste-kan di teks editor kesayangan sobat. lalu simpan dengan nama lat_paragraf_1.html
Maka akan menghasilkan sebuah dokumen html seperti berikut ini.
Kemudian kita buat sebuah dokumen baru dengan nama lat_paragraf_2.html dengan menggunakan skrip di bawah ini, sebenarnya isi dari lat_paragraf_2.html sama saja dengan lat_paragraf_1.html, perbedaannya hanya kita akan menambahkan tag <p> di dokumen lat_paragraf_2.html.
maka akan terjadi perubahan bahwa kedua paragraf itu sudah berada pada posisi masing-masing. Setiap tag paragraf, web browser akan memberikan 'enter' antar paragraf seperti pada gambar berikut ini.
Seperti itu lah membuat paragraf di HTML menggunakan tag <p>
Penulisan <br /> merupakan bawaan dari xHTML yang dianggap lebih rapi. Namun dalam standar HTML5, penulisan <br> maupun <br /> tetap dianggap valid. berikut ini contoh penggunaan dari tag <br>
Maka hasilnya hampir sama dengan menggunakan tag <p>. Namun pemisahan paragraf menggunakan tag <br> bukanlah untuk membuat paragraf. Tag <br> berfungsi untuk memisahkan sebuah bagian text dengan text lain. Jika yang kita butuhkan adalah struktur paragraf, maka gunakan tag <p>.
Kuy kita praktikkan, silahkan sobat gunakan skrip di bawah ini.
Maka akan menghasilkan dokumen HTML seperti pada gambar di bawah ini.
Berikut ini adalah penjelasan dari tag-tag tersebut
Sekira nya itu lah cara membuat paragraf dan pemformatan teks di HTML, cukup mudah kan? sekian dulu dari saya,"Singkat, Semoga Bermanfaat" Keep Coding ya sobat!
Kuy kita praktikkan cara membuat paragraf di HTML, silahkan sobat copy skrip di bawah ini dan paste-kan di teks editor kesayangan sobat. lalu simpan dengan nama lat_paragraf_1.html
<html><head><title>Ini titel dari website sobat</title></head><body>Ini adalah paragraf pertamaIni adalah paragraf kedua</body></html>
Maka akan menghasilkan sebuah dokumen html seperti berikut ini.
Kemudian kita buat sebuah dokumen baru dengan nama lat_paragraf_2.html dengan menggunakan skrip di bawah ini, sebenarnya isi dari lat_paragraf_2.html sama saja dengan lat_paragraf_1.html, perbedaannya hanya kita akan menambahkan tag <p> di dokumen lat_paragraf_2.html.
<html><head><title>Ini titel dari website sobat</title></head><body><p>Ini adalah paragraf pertama</p><p>Ini adalah paragraf kedua</p></body></html>
maka akan terjadi perubahan bahwa kedua paragraf itu sudah berada pada posisi masing-masing. Setiap tag paragraf, web browser akan memberikan 'enter' antar paragraf seperti pada gambar berikut ini.
Memberi 'Enter' pada teks di HTML
selanjutnya adalah memberikan enter pada teks di HTML, tepatnya kita akan menggunakan tag <br> yang merupakan sebuah singkatan dari break. dan yang pelu sobat ingat dari tag ini yaitu tag <br> tidak menggunakan tag penutup seperti tag yang lain. jadi penulisan tag <br> tidak perlu di akhiri dengan tag penutup </br>, jadi sobat hanya perlu menulis sebagai <br > atau <br />.Penulisan <br /> merupakan bawaan dari xHTML yang dianggap lebih rapi. Namun dalam standar HTML5, penulisan <br> maupun <br /> tetap dianggap valid. berikut ini contoh penggunaan dari tag <br>
dan akan menghasilkan dokumen HTML seperti pada gambar berikut ini.<html><head><title>Ini titel dari website sobat</title></head><body>Ini adalah paragraf pertama<br>Ini adalah paragraf kedua</body></html>
Pemformatan Teks di HTML menggunakan <b>, <i> , <u> dan yang lainnya
Di dalam sebuah paragraf, kadang kita perlu untuk membuat penekanan pada kata-kata tertentu. Penekanan ini bisa dilakukan dengan menebalkan kata, memberi underline ataupun dengan garis miring.Kuy kita praktikkan, silahkan sobat gunakan skrip di bawah ini.
<html><head><title>Ini titel dari website sobat</title></head><body>
<p><b>Tulisan ini ditebalkan (bold)</b></p>
<p><Strong>Tulisan ini ditebalkan (strong)</Strong></p><p><em>Tulisan ini miring (emphasize)</em</p><p><ins>Tulisan ini di beri underline (ins) </ins></p><p><u>Tulisan ini besar beri underline (u) </u></p><p><big>Tulisan ini besar (big)</big></p><p><small>Tulisan ini besar (small)</small></p><p><i>Tulisan ini miring (italic)</i></p><p><del>Tulisan ini dicoret (del)</del></p><p><mark>Tulisan ini di beri tanda warna (mark)</mark></p><p>Tulisan ini <sub>subscript</sub></p><p>Tulisan ini <sup>superscript</sup></p></body></html>
Maka akan menghasilkan dokumen HTML seperti pada gambar di bawah ini.
Berikut ini adalah penjelasan dari tag-tag tersebut
Tag
|
Deskripsi
|
<b>
|
Mendefinisikan teks tebal
|
<em>
|
Mendefinisikan teks menekankan
|
<i>
|
Mendefinisikan teks miring
|
<small>
|
Mendefinisikan teks kecil
|
<strong>
|
Mendefinisikan teks penting
|
<sub>
|
Mendefinisikan teks di bawah garis
|
<sup>
|
Mendefinisikan teks di atas garis
|
<ins>
|
Mendefinisikan teks sisipan
|
<del>
|
Mendefinisikan teks dicoret
|
<mark>
|
Mendefinisikan teks ditandai
|
Sekira nya itu lah cara membuat paragraf dan pemformatan teks di HTML, cukup mudah kan? sekian dulu dari saya,"Singkat, Semoga Bermanfaat" Keep Coding ya sobat!
Kuy ke pembahasan Selanjutnya : Cara Membuat Komentar di HTML