Format Teks dan Paragraf pada HTML

- Agustus 01, 2023

PEMFORMATAN TEKS DAN PARAGRAF PADA HTML

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>, , <a>, , dan sebagainya.

1. Tag-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.

2. Gunakan Huruf Kecil
Hindari menggunakan huruf besar dalam menuliskan naama tag dan sebaiknya gunakan huruf kecil saja.
Huruf kecil lebih gampang diketik dan juga akan membuat kode HTML terlihat lebih bersih dan rapi.
Contoh: (bagus)

<body>

Belajar tentang tag di HTML

</body>

Contoh: (buruk)

<BODY>

Belajar tentang tag di HTML

</BODY>

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.

3. Pastikan Menutup Tag dengan Benar
Tag HTML nantinya akan ditulis bertumpuk-tumpuk. Artinya, di dalam tag ada tag lagi. Kadang kita sering salah dalam menutup tag yang bertumpuk ini. Akibatnya, kode HTML kita tidak valid.

Contoh Salah : merebus

Contoh Benar : merebus

tag judul

Ada 6 tag heading yang bisa digunakan dari tag <h1> sampai tag <h6>.

TAG PEMFORMATAN TEKS

contoh tag html untuk pemformatan teks

contoh tag html keluaran komputer

contoh HTML Citations, Quotations, and Definition Tags

contoh hasil pembuatan dari tag-tag html di atas, sebagai berikut :

tag paragraf

Paragraf adalah kumpulan dari beberapa kalimat. Pada web, Paragraf biasanya digunakan untuk menampilkan teks atau artikel. berikut adalah contoh pembuatan paragraf berdasarkan tag paragraf yang ada di html :

1.tag ( berfungsi untuk membuat paragraf )

contoh :

2.tag ( berfungsi untuk membuat garis baru )

contoh :

3.tag <hr> ( berfungsi untuk membuat garis )

contoh :

4.tag <pre> ( berfungsi untuk menampilkan paragraf dengan format yang lebih spesifik. Contohnya seperti pantun dan puisi yang paragrafnya diulis dengan garis baru dan juga indentasi )

contoh :