Pengenalan Peformatan Teks dan Paragraf

PEMFORMATAN TEKS DAN PARAGRAF HTML



A. PENDAHULUAN


 Dalam HTML dikenal dengan istilah tag yang artinya adalah penanda awalan dan akhiran dari sebuah elemen di HTML. Tag dibuat menggunakkan kurung siku (<...>) yang di dalamnya berisi nama tag dan kadang ditambahkan beberapa atribut. 


Contoh: <html>, <head>, <title>, <body>, <p>, <a>, <br> dll.


Tag selalu ditulis berpasangan ada tag pembuka dan penutup. Tag penutup ditulis menggunakkan garis miring (/) di depan nama tag.




Berikut ini adalah tag-tag yang sering digunakkan:




Berikut ini ada beberapa yang perlu diperhatikan pada saat menulis:

1. Tag-Tag Wajib 

Berikut ini ada daftar tag yang wajib ada di HTML:

<!DOCTYPE html> untuk deklarasi type dokumen;

<html> tag utama dalam html;

<head> untuk bagian kepala dalam dokumen;

<title> untuk judul web;

<body> untuk bagian body web.


2. Gunakkan Huruf Kecil

Hindari menggunakkan huruf besar dalam penulisan nama tag dan sebaiknya menggunakkan huruf kecil saja.

Huruf kecil akan mudah diketik dan juga akan membuat kodr HTML terlihat bersih dan rapi.

Contoh bagus:

<body>

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

</body>

Contoh buruk:

<BODY>

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

</BODY>


Tapi untuk tag <!DOCTYPE html> ditulis dengan huruf besar, jika menggunakkan huruf kecil maka akan mengakibatkan eror.


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 akibatnya tag HTML tidak valid. 


Contoh Salah : <i><b><u>merebus</i></b></u>

Contoh Benar :<i><b><u>merebus</u></b></i>


B. TAG JUDUL

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

"foto web heading h1-h6"



"foto hasil web heading h1-h6"




C. TAG PEFORMATAN TEKS

HTML menggunakkan tag seperti <b> dan <i> untuk memformat ouput seperti teks tebal dan miring.

Berikut tag-tag HTML untuk peformatan teks:

-Tag HTML Format Teks



-Tag HTML "Keluaran Computer"


-HTML Citations, Quotations, and Definition Tags






 D. TAG PARAGRAF

Paragraf adalah kumpulan dari beberapa kalimat. Paragraf pada Web biasanya digunakkan untuk menampilkan teks atau artikel. Paragraf pada HTML dibuat menggunakkan tag <p> ada juga tag pendukung seperti <div>, <hr>, dan <pre>.

-Tag <p> 
   Contoh


atribut untuk paragraf





 
-Tag <br> 
Berfungsi untuk membuat garis baru. Tag < br> adalah tag yang tidak memiliki pasangan penutup. Cara menutupnya tambahkan garis miring seperti <br/>. Tag <br> sebaiknya ditutup agar valid menurut validator W3C.



-Tag <hr> 
  Berfungsi untuk membuat garis.




-Tag <pre>
 Tag <pre> adalah tag yang digunakkan untuk menampilkan teks atau paragraf dalam format yang sudah kita tentukan untuk HTML. Contohnya seperti puisi dan pantun.



-Tag <div>
 Tag <div> adalah tag yang membuat layout web. Kadang tag <div> sering di salahgunakkan untuk membuat paragraf. Paragraf yang dibuat dengan tag  <div> tidak akan memiliki jarak margin antar paragraf. Tag <div> digunakkan untuk membungkus teks yang ada di luar artikel. Contoh seperti teks pada footer, header, sidebar dll.


menggunakan tag <p>

menggunakan tag <div>




DAFTAR PUSTAKA

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






Komentar

Posting Komentar

TERPOPULER