PENGENALAN FORMAT TEKS & PARAGRAF PADA HTML

Juli 30, 2023

PENGENALAN FORMAT TEKS DAN PARAGRAF

A. PENDAHULUAN

Dalam HTL dikenali istilah "Tag", dimana Tag adalah sebuah penanda awalan dan akhiran dari sebuah elemen di HTML. Tag dibuat dengan ukuran kurung diku (<...>), lalu di dalamnya berisi nama tag dan kadang juga ditambah dengan atribut. Tag dibagi menjadi dua, yaitu tag pembuka dan penutup. Namun ada juga tag yang tidak memiliki pasangan penutup. Tag penutup ditulis dengan menambahkan garis miring (/) di depan nama tag. Ada juga tag pendukung lainnya seperti <div>, <hr>, <br>, dan <pre>.

Contoh :

Hasil :

Berikut ini daftar tag-tag dasar sering digunakan.

Berikut hal yang perlu diperhatikan pada penulisan tag :

1. Tag-tag wajib

Beberapa tag wajib yang ada di HTML, apabila tiak ditulis akan mengakibatkan kode di HTML menjadi error menurut validaor W3C

Berikut 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

Pastikan anda menggunakan huruf kecil. Khusus untuk tag <!DOCTYPE html> ditulis menggunakan huruf besar, agar tidak mengakibatkan error, sebenarnya bisa menggunakan huruf kecil dan akan valid menurut validator W3C.

Contoh penulisan tag yang benar

<body>
<p>Belajar tentang tag di HTML</p>

</body>

Contoh penulisan tag yang salah

<BODY>

<P>Belajar tentang tag di HTML</P>

</BODY>

3. Pastikan penutup tag benar

Contoh salah : <i><b><u>menulis</i></b></u>
Contoh benar : <i><b><u>menulis</u></b></i>

B. TAG JUDUL

Untuk membuat Judul, Sub Judul, Sub Bab dan seterusnya. Ada 6 tag heading yang bisa digunakan dari tag <h1> sampai <h6>.

Contoh :

Hasil :

C. TAG PEMFORMATAN TEKS

HTML menggunakan tag seperti <b> dan <i> untuk memformat input, seperti teks tebal atau miring. Berikut tag-tag HTML untuk pemformatan teks :

Tag HTML format teks

Contoh :

Hasil :

D. TAG PARAGRAF

Paragraf pada HTML dibuat dengan tag <p>. Selain tag ini, ada juga tag pendukung lain seperti <div>, <hr>, <br>, dan <pre>.

Tag <p>

Contoh :

Hasil :

Tag <br>

Salah satu tag yang tidak memiliki pasangan penutup dan boleh ditutup ataupun tidak. Berfungsi untuk membuat tag baru.

Contoh :

Hasil :

Tag <hr>

Berfungsi untuk membuat garis.

Contoh :

Hasil :

Tag <pre>

Digunakan untuk menampilkan paragraf dengan format yang lebih spesifik. Contohnya seperti pantun dan puisi yang peragrafnya ditulis dengan garis baru dan juga identitas.

Contoh :

Hasil :

Tag <div>

Tag <p> dan tag <div>, memiliki perilaku yang hampir sama. Tapi tag <div> sebenarnya bukanlah tag untuk membuat peragraf, melainkan tag untuk membuat layout web.

Contoh :

Hasil :

DAFTAR PUSTAKA

https://freesiswa.blogspot.com/p/041-pengenalan-format-teks-dan-paragraf.html

https://www.petanikode.com/html-paragraf/

Cari Blog Ini

faselnn