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

Tag selalu ditulis berpasangan,ada tag pembuka dan ada tag penutup. tetapi, ada juga beberapa tag yang tidak memiliki pasangan penutup. Tag penutup ditulis dengan menambahkan garis miring (/) di depan nama tag.

Hal-hal yang harus diperhatikan:    

1.Tag-tag wajib                                                                                                                                                 Tag wajib HTML harus ditulis,jika tidak ditulis kode HTML akan mengalami eror menurut validator W3C .

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 penggunaan huruf besar dalam menuliskan nama tag,sebaiknya menggunakan huruf kecil.huruf kecil gampang diketik dan membuat 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>                                                                                                                             Khusus untuk tag <!DOCTYPE html> ditulis dengan huruf besar.

3.Menutup tag dengan benar                                                                                                                              Contoh salah: <i><b>                                                                                                                                   <u>memotong</i></b></                                                                                                                         Contoh benar: <i><b>                                                                                                                                <u>memotong</u></b></i>  

B. TAG JUDUL                                                                                                                                                   Untuk membuat judul,sub judul,sub bab.ada 6 tag heading yang bisa digunakan dari tag <h1> sampai tag <h6>.




C. TAG PEMFORMATAN TEKS                                                                                                                      HTML menggunakan tag seperti <b> dan <i> untuk memformat output,seperti teks tebal atau miring.                                                                                                                                                                                                 Berikut tag-tag HTML untuk pemformatan teks:  


                                

                                                       Tag HTML keluaran komputer:


                                            HTML Citations,Qustions,and Definition Tag:


E. Tag <p>                                                                                                                                                          Contoh:



Atribut untuk paragraf                                                                                                                                     Biasanya paragraf ditambahkan dengan beberapa atribut seperti align,id,class.                                        TAG <br>                                                                                                                                                        berfungsi untuk membuat baris baru





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.Tag <div> biasanya digunakan untuk membungkus teks yang ad di luar artikel,contoh seperti teks pada footer, header, sidebar.


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 dari blog ini

LIST DAN TABEL

Tutorial Membuat Blog