Pemformatan Teks HTML
Format Text & Paragraf HTML Dasar
Pendahuluan
Hypertext Markup Language adalah bahasa markah standar untuk dokumen yang dirancang untuk ditampilkan di peramban internet. Ini dapat dibantu oleh teknologi seperti Cascading Style Sheets dan bahasa skrip lainnya seperti JavaScript, VBScript, dan PHP.
Dalam HTML dikenal istilah Tag, dimana Tag adalah sebauh penanda awalan dan akhiran dari sebuah elemen di HTML. Tag dibuat dengan kurung siku (<...>), lalu di dalamnya berisi nama tag dan kadang juga ditambahkan dengan atribut.
Contoh: <html>, <head>, <title>,<body>, <p>, <a>, <br> , dan sebagainya.
Tag selalu ditulis berpasangan. Ada tag pembuka dan ada tag penutupnya. Namun, ada juga beberapa tag yang tidak memiliki pasangan penutup. Tag penutup ditulis dengan menambahkan garis miring (/) di depan nama tag.
Dibawah ini merupakan Daftar tag-tag dasar yang sering digunakan.
1.Tag Wajib
Ada beberapa tag yang wajib ada di HTML. Tag ini harus kamu tulis.. kalau tidak, bisa jadi kode HTML-mu akan error menurut validator W3C.
Berikut ini daftar tag yang wajib ada di HTML:
<!DOCTYPE html> — untuk deklarasi type dokumen;
<html> — tag utama dalam HTML;
<head> — untuk bagian kepala dari dokumen;
<title> — untuk judul web;
<body> — untuk bagian body dari dokumen.
Pastikan kalian menulis tag menggunakan huruf kecil.
Tapi khusus untuk tag <!DOCTYPE html> ditulis dengan huruf besar. Sebenarnya bisa juga dengan huruf kecil dan akan valid menurut validator W3C.
Tapi untuk dokumen XHTML, menggunakan DOCTYPE dengan huruf kecil akan mengakibatkan error.
Pastikan menutup tag dengan benar
2.Tag Judul
Untuk membuat Judul, Sub Judul, Sub Bab dan seterusnya. Ada 6 tag heading yang bisa digunakan dari tag <h1> sampai tag <h6>.
3.Tag Format Teks
HTML menggunakan tag seperti <b> dan <i> untuk memformat output, seperti teks tebal atau miring. Berikut Tag-tag HTML untuk pemformatan teks.
4.Tag Paragraf
Paragraf adalah kumpulan dari beberapa kalimat. Pada web, Paragraf biasanya digunakan untuk menampilkan teks atau artikel.
Paragraf pada HTML dibuat dengan tag <p>. Selain tag ini, ada juga tag pendukung lain seperti <div>, <hr>, <br>, dan <pre>.
Tag <p>
Contoh:
Tag <br>
Tag <br> berfungsi untuk membuat baris baru.
Contoh:
Tag <br> adalah tag yang tidak memiliki pasangan penutup. Cara menutupnya, tambahkan saja garis miring seperti ini <br />.
Tag <br> boleh ditutup, boleh juga tidak. Namun, sebaiknya ditutup agar valid menurut validator W3C.
Tag <pre>
Tag <pre> (preformatting) merupakan tag yang digunakan untuk menampilkan teks atau paragraf dalam format yang sudah kita tentukan di HTML.
Pada kasus tertentu, kita ingin menampilkan paragraf dengan format yang lebih spesifik. Contohnya seperti pantun dan puisi yang paragrafnya diulis dengan garis baru dan juga indentasi.Hal ini dapat menjadi alternatif.
Contoh:
Tag <hr>
Tag <hr> berfungsi untuk membuat garis horizontal
Contoh:
Tag <div>
Tag <p> dan Tag <div>, memiliki perilaku yang hampir sama. Tapi tag <div> sebenarnya bukanlah tag untuk membuat paragraf, melainkan tag untuk membuat layout web.
Contoh:
Komentar
Posting Komentar