PEMFORMATAN TEXT & PARAGRAF HTML DASAR #1
Mengenal Format Text & Paragraf
HTML Dasar
Hypertext Markup Language (HTML) adalah bahasa markah standar untuk dokumen yang dirancang untuk ditampilkan di peramban internet. Ini dapat dibantu oleh teknologi seperti Cascading Style Sheets (CSS) dan bahasa skrip lainnya seperti JavaScript, VBScript, dan PHP.
Peramban internet menerima dokumen HTML dari server web atau dari penyimpanan lokal dan membuat dokumen menjadi halaman web multimedia. HTML menggambarkan struktur halaman web secara semantik dan isyarat awal yang disertakan untuk penampilan dokumen.
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.
1. Tag Wajib Dalam Program HTML
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.
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 Text
HTML menggunakan tag seperti <b> dan <i> untuk memformat output, seperti teks tebal atau miring.Berikut Tag-tag HTML untuk pemformatan teks.
- Tag <p>
Contoh program :
Hasil :
- Tag <br>
Tag <br> berfungsi untuk membuat baris baru.
Contoh program :
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 program :
Hasil :
- Tag <hr>
Tag <hr> berfungsi untuk membuat garis horizontal
Contoh program :
Hasil :
- 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.
Kadang tag <div> sering ‘disalahgunakan’ untuk membuat paragraf.
Contoh program :
Hasil :
Perbedaan Tag <p> dan Tag <div> :
Paragraf yang dibuat dengan tag <div> tidak akan memiliki jarak margin antar paragraf.
Tag <div> biasanya digunakan untuk membungkus teks yang ada di luar artikel. Contoh seperti teks pada footer, header, sidebar, dll.
DAFTAR PUSTAKA
Perangkat : Lenovo Ideaped Gaming 3
Software : Visual Studio Code
Referensi web :
https://freesiswa.blogspot.com/p/041-pengenalan-format-teks-dan-paragraf.html
https://id.wikipedia.org/wiki/HTML
Komentar
Posting Komentar