Pada postingan kali ini, saya ingin membagikan ilmu mengenai format penulisan HTML untuk teks dan paragraf. Pada HTML, ada beberapa tag yang digunakan untuk membuat teks dan paragraf. Postingan ini saya putuskan untuk dijadikan 2 bagian, karena tag untuk teks dan paragraf pada HTML berjumlah cukup banyak.

Di sini, saya akan jelaskan satu per satu, tag-tag tersebut.

1. Paragraf

Yang pertama adalah Paragraf. Tag HTML yang digunakan untuk membuat sebuah paragraf adalah <p>…</p>. Atau bisa juga dengan menggunakan <paragraph>…</paragraph>. Tag <p> memiliki atribut yang seing digunakan, yakni align. Align berfungsi mengatur perataan paragraf. Di dalam tag <p>, Anda juga bisa menambahkan tag <br> untuk pindah menuju baris selanjutnya.

Perhatikan skrip berikut:

<!DOCTYPE HTML>
<html>
<head>
<title>Paragraf</title>
</head>
<body>
<p align="left">HTML adalah singkatan dari Hypertext Markup Language. HTML digunakan untuk membuat struktur halaman website. HTML memiliki banyak tag untuk membangun struktur web tersebut. Selain itu, tag juga memiliki atribut untuk mengatur bagaimana tag itu ditampilkan.</p>
<p align="right">HTML adalah singkatan dari Hypertext Markup Language. HTML digunakan untuk membuat struktur halaman website. HTML memiliki banyak tag untuk membangun struktur web tersebut. Selain itu, tag juga memiliki atribut untuk mengatur bagaimana tag itu ditampilkan.</p><br>
<p align="center">HTML adalah singkatan dari Hypertext Markup Language. HTML digunakan untuk membuat struktur halaman website. HTML memiliki banyak tag untuk membangun struktur web tersebut. Selain itu, tag juga memiliki atribut untuk mengatur bagaimana tag itu ditampilkan.</p><br>
<p align="justify">HTML adalah singkatan dari Hypertext Markup Language. HTML digunakan untuk membuat struktur halaman website. HTML memiliki banyak tag untuk membangun struktur web tersebut. Selain itu, tag juga memiliki atribut untuk mengatur bagaimana tag itu ditampilkan.</p><br>
</body>
</html>

Pada atribut align, terdapat 4 value / nilai, yakni left, right, center, dan justify. Left untuk rata kiri. Right untuk rata kanan. Center untuk rata tengah. Dan justify untuk rata kiri kanan.

Maka hasilnya akan menjadi:

hasil tag paragraf

2. Header / Judul

Yang berikutnya adalah header. Header berfungsi untuk membuat judul di dalam isi web. Tag untuk header adalah <h>. Tag <h> diikiuti dengan angka untuk menunjukkan ukuran tulisan seperti <h1>, <h2>,<h3> dan seterusnya. Semakin kecil angkanya, semakin besar ukuran tulisannya.

Perhatikan contoh berikut:

<!DOCTYPE HTML>
<html>
<head>
<title>Paragraf</title>
</head>
<body>
<h3>HTML</h3>
<p align="left">HTML adalah singkatan dari Hypertext Markup Language. HTML digunakan untuk membuat struktur halaman website. HTML memiliki banyak tag untuk membangun struktur web tersebut. Selain itu, tag juga memiliki atribut untuk mengatur bagaimana tag itu ditampilkan.</p>
</body>
</html>

Maka hasilnya:

hasil tag header

Pada contoh di atas, saya menggunakan <h3>. Jika saya ubah, misalnya menjadi <h1>, maka hasilnya seperti ini:

tag header dengan h3

Terlihat bahwa judul HTML, berukuran lebih besar.

3. Style Teks

Yang berikutnya adalah style teks. Style teks ini lebih kepada membuat tulisan menjadi tebal, miring, memberi garis bawah, atau style lainnya. Tag untuk menebalkan tulisan adalah <b>…</b>. Bisa juga dengan <strong>…</strong>. Untuk tulisan miring, menggunakan <i>…</i> atau <em>…</em>. Untuk garis bawah menggunakan <u>…</u>.

Selain itu, terdapat style lain, seperti <mark>…</mark> untuk memberikan background kuning pada tulisan, <small>…</small> untuk membuat tulisan berukuran lebih kecil, <strike>…</strike> untuk membuat tulisan bergaris tengah, <del>…</del> untuk membuat efek teks yang dihapus dengan garis tengah, dan <ins>…</ins> untuk teks yang disisipkan dengan teks bergaaris bawah.

Perhatikan contoh dibawah:

<!DOCTYPE HTML>
<html>
<head>
<title>Style Teks</title>
</head>
<body>
<b>Huruf Tebal</b>, <i>Huruf Miring</i>, <u>Huruf bergaris bawah</u>, <strike>Teks bergaris tengah</strike><br>
<em>Teks miring penting</em>, <strong>Teks tebal penting</strong>, <ins>Teks disisipkan</ins>, <del>Teks dihapus</del><br>
<small>Teks kecil</small>, <mark>Teks ditandai</mark>
</body>
</html>

Maka Hasilnya:

tag style teks

4. Komentar

Yang terakhir adalah komentar. Komentar di sini bukan komentar dalam mata pelajaran bahasa Indonesia. Komentar dalam istilah bahasa pemrograman adalah baris teks yang tidak ditampilkan pada halaman website atau web browser, yang berfungsi sebagai dokumentasi dalam skrip. Biasanya digunakan untuk menjelaskan fungsi dari skrip yang tampil di web browser. Untuk menandai sebuah komentar, menggunakan tag <!–…–>

Perhatikan skrip berikut:

<!DOCTYPE HTML>
<html>
<head>
<title>Komentar</title>
</head>
<body>
<!-- Ini komentar... Tidak tampil di web browser -->
Ini bukan komentar, ditampilkan di browser
</body>
</html>

Maka hasilnya:

komentar

Terlihat di gambar, bahwa tulisan “Ini komentar... Tidak tampil di web browser” tidak muncul di layar. Karena komentar tidak akan ditampilkan di web browser.

Masih kurang jelas?? Coba tonton video di bawah.

Itulah beberapa tag penulisan HTML untuk format teks dan paragraf. Karena ini masih bagian pertama, Insya Allah akan ada lanjutan untuk bagian keduanya. Jadi, tunggu aja ^^

Anda bisa mengunjungi kami di website dengan klik di sini, atau Subscribe channel kami di sini.