HTML

Cara Membuat Heading Dan Paragraf


Hai semuanya, kali ini kita akan mengenal dua tag baru yakni yang pertama tag heading dan yang kedua adalah tag paragraf. Tag heading adalah gunanya untuk menentukan bagian penting berisi teks dari file html kita misalnya kita mempunya website dan pastinya mempunyai judul dan itulah namanya tag heading, tag heading sendiri mempunyai banyak jenis ukuran dan namanya juga dibedakan oleh angka. Sedangkan paragraft adalah tag yang berisi teks biasa, bila sahabat ingin membuat teks biasa bisa menggunakan tag paragraf ini.

Langsung saja ke prakteknya nih :

<html>
    <head>
        <title> SahabaTekno.com </title>
    </head>

    <body>

         <h1> Belajar Membuat Website </h1>
         <h2> Belajar Membuat Website </h2>
         <h3> Belajar Membuat Website </h3>
         <h4> Belajar Membuat Website </h4>
         <h5> Belajar Membuat Website </h5>
         <h6> Belajar Membuat Website </h6>

    </body> 
</html>

Tag heading ini di letakan di dalam tag body, kenapa mas kok di letakan di situ? Karena tag heading sendiri biasanya diletakan di sebuah website untuk menampilkan judul atau temanya dari kontenya.
Tag heading sendiri di kodekan di html dengan kode <h1> dan penutupnya </h1>, penggunaan heading sendiri di konten ini sendiri tidak lazim atau kurang jelas, sahabat tidak wajib menggunakan tag heading ini semuanya, karena tag heading ini sendiri bisa digunakan sesuai selera yang di inginkan nanti, bila masih bingung saya akan jelaskan sedikit tentang tampilan output dari tag heading di atas semuanya.

Hasil output tag heading dari <h1> samapai <h6> dari browser seperti ini :

contoh-kode-h1-sampe-h6


Jika tag heading angkanya semakin besar maka teksnyapun akan semakin mengecil dan sebaliknya jikatag headingnya kecil teksnya akan menjadi besar, dan yang perlu sahabat ketahui bahwa di tag heading ini angkanya hanya sampai h6 untuk versi html5 ya, beda lagi kalau sudah update lagi versi htmlnya.

Bagaimana sahabat jelas bukan mengenai tag heading dan fungsinya untuk apa, sekarang langsung saja ke paragraf. Paragraf adalah tag yang berisi teks biasa, yap teks biasa. Bila sahabat masih bingung nih langsung saja kr prakteknya mengenai paragraf.

<html>
    <head>
        <title> SahabaTekno.com </title>
    </head>

    <body>

         <h1> Belajar Membuat Website </h1>
         <h2> Belajar Membuat Website </h2>
         <h3> Belajar Membuat Website </h3>
         <h4> Belajar Membuat Website </h4>
         <h5> Belajar Membuat Website </h5>
         <h6> Belajar Membuat Website </h6>

         <p> Terserah mau di isi apa yang penting teks biasa </p>

    </body> 
</html>

Keterangan :

Tag paragraf di tandai dengan kode :
Tag pembuka : <p>
Tag penutup   : </p>

Itu dia mengenai penjelasan tag heading dan tag paragraf, bila sahabat masih bingung dengan penjelasan di atas, saya saranin sahabat bisa perhatikan dengan baik dan teliti lalu praktekan di teks editor dan browser kamu semuanya supaya lebih paham, cukup sekian dari saya dan sampai jumpa di tutorial selanjutnya.

Next : Cara Membuat Link

About Ray

0 komentar:

Posting Komentar

Diberdayakan oleh Blogger.