FORMAT TEKS HTML

 PEMFORMATAN TEKS DAN PARAGRAF HTML



A. PENDAHULUAN 

    HTML (HyperText Markup Language) adalah suatu bahasa yang menggunakan tanda-tanda tertentu (tag) untuk menyatakan kode-kode yang harus ditafsirkan oleh browser agar halaman tersebut dapat ditampilkan secara benar.Dalam HTML terdapat istilah TAG. TAG sebuah penanda awalan dan akhiran dari sebuah elemen di HTML. Tag dibuat dengan kurang 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.





Beberapa hal yang harus diperhatikan :

1.Tag-tag wajib 
    
 Ada beberapa tag yang wajib ada di HTML. Tag ini harus ditulis, jika tidak ditulis kode HTML akan mengalami error menurut validator W3C

Berikut daftar tag yang wajib ada di HTML:
<!DOCTYPE html> - untuk deklarasi type dokumen
   
<html> - tag utama dalam HTML
    
<head> - untuk bagian kepala pada dokumen
   
<title> - untuk judul web

<body> - untuk bagian body dari dokumen


2. Gunakan huruf kecil  

Hindari menggunakan huruf besar dlam menuliskan nama tag, sebaiknya gunakan huruf kecil saja. Huruf kecil lebih gampang diketik dan juga akan mebuat kode HTML terlihat lebih rapi

Contoh: (benar)

<body>

<p>Belajar tentang tag HTML</p>

</body>

Contoh: (salah)

<BODY>

<p>Belajar tentang tag HTML</p>

</BODY>

Tapi khusus untuk tag <!DOCTYOE html> ditulis dengan huruf besar. Sebenarnya bisa juga dengan huruf kecil dan akan valid menurut validator W3C. Akan tetapi untuk dokumen XHTML, menggunakan DOCTYPE dengan huruf kecil 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 tag yang bertumpuk. Akibatnya, kode 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 tah heading yang bisa digunakan dari tag <h1> sampai tag <h6>.





C. TAG PEMFORMATAN TEKS
     
     HTML menggunakan tag seperti <b> danm <i> untuk memfomat output, seperti teks tebal atau               miring. Berikut ini Tag-tag HTML untuk pemformatan teks

       
               *Tag HTML Format Teks



                  *Tag HTML "Keluaran Computer"


                  
                   *HTML Citations, Qustions, and Definition Tags









E. TAG PARAGRAF

Paragraf adalaha 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 :




*Atribut Untuk Paragraf

Biasanya paragraf ditambahkan dengan beberapa atribut seperti align, id, class, dll.




* Tag <br>

Berfungsi untuk membuat baris baru




Tag <br> adalah tag yang tidak memiliki pasangan penutup. Cara menutupnya tambahakan saja garis miring seperti ini </br>.
Tag <br> boleh ditutup, boleh juga tidak. Namun, sebaiknya ditutup agar valid menurut validator W3C

*Tag <hr> 

Berfungsi untuk membuat garis




*Tag <pre>

Pada kasus tertentu, kita ingin menampilkan paragraf dengan format yang lebih spesifik. Contohnya seperti pantun dan puisi yang paragrafnya ditulis dengan garis garis baru dan juga indentasi 
Hal ini bisa dilakaukan dengan bantuan tag <br>. Namun ada juga tag lain yang bisa jadi alternatif, yakni tag <pre>.
Tag <pre> (preformatting) merupakan tag yang digunakan untuk menampilkan teks atau paragraf dalam format yang sudah kita tentukan di HTML 





*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' unuk membuat paragraf




Paragraf yang dibuat dengan tag <div> tidak akan memiliki jarak margin antar paragraf.
Tag <div> biasanya digunakan untuk membungkus teks yang ad di luar artikel.
contoh seperti teks pada footer, header, sidebar, dll.



DAFTAR PUSTAKA



https://freesiswa.blogspot.com/p/041-pengenalan-format-teks-dan-paragraf.html
https://www.petanikode.com/html-tag-elemen-atribut/















































Komentar

Postingan Populer