cara membuat teks heading pada tampilan web dengan html dan penjelasan tag
#3

Assalamualaikum teman teman ketemu lagi nih sama mimin,gimana kabar kalian ,sehat?

semoga sehat selalu ya……

oh iya dalam materi kali ini seperti biasa mimin akan melanjutkan pembahasan materi tentag html…

kali ini mimin akan membahas bagaimana cara membuat sebuah teks heading pada html , jika pada materi sebelumnya kita membahas bagaimana cara membuat teks paragraf  maka sekarang kita akan membuat teks heading dan juga ada sedikit tambahan pembahasan tentang fungsi tag <br>

baiklah seperti biasa pertama tama kalian buka dulu code editor nya ,

dan tuliskan code dasar seperti biasa.

<!DOCTYPE html>

<html>

<head>

                <title></title>

</head>

<body>

 

</body>

</html>

Nah setelah kalian buat code dasar mari kita mulai menulis code untuk membuat teks heading di dalam tag body

<!DOCTYPE html>
<html>
<head>
          <title> pembuatan teks Heading </title>
</head>
<body>
<h1>  Ini Adalah heading 1</h1>
<h2>  Ini Adalah heading 2</h2>
<h3>  Ini Adalah heading 3</h3>
<h4>  Ini Adalah heading 4</h4>
<h5>  Ini Adalah heading  5</h5>
<p>Ini adalah sebuah paragraf <br> dan tag br merupakan sebuah tag pemisah </p>
</body>
</html>

Coba Teman Teman Perhatikan  di dalam tag body ,sudah tertera tag lain yaitu tag

<h1> ….. </h1>

<h2> ….. </h2>

<h3> ….. </h3>

<h4> ….. </h4>

<h5> ….. </h5>

Dan juga ada tag  <p> yang dipadukan dengan tag <br>

Disini saya akan membahas tag <h1> – <h5> terlebih dahulu,

Tag<h1> -<h5> ini berfungsi untuk membuat tag heading,jika kalian tidak tahu bagaimana bentuk teks heading,kalian bisa lihat nanti hasilnya pada gambar dibawah ini

Coba perhatikan Tag pada baris pertama ,tulisannya besar kan?

Itu adalah tulisan yang diisi dengan <h1>….</h1>

Dan lihat tulisan di baris ke 5 terlihat kecil bukan?

Itu adalah tulisan yang dibuat dengan code <h5>….</h5>

Sudah tahu perbedaannya terletak pada apa?

Ya ,perbedaannya terletak pada ukuran teks, artinya semakin besar angka yang terdapat pada tag heading maka tulisan yang akan tampil akan semakin kecil…..

Itulah fungsi dari tag <h1>—–</h<n> >

Nah sekarang kita akan membahas penggunaan fungsi  tag <br> ,tag br merupakan tag yang tidak mempunya pasangan wkkwk,dia berfungsi sebagai tag pemisah… bingung?

Mari perhatikan codingan ini?

<p>Ini adalah sebuah paragraf <br> dan tag br merupakan sebuah tag pemisah </p>

Coba Perhatiakan ,didalam code ini terdapat tag <p>  dengan tulisan Ini adalah sebuah paragraf dan kemudian tertulis code/tag <br> setelahnya ,kemudian setelah tag <br> terdapat tulisan <”dan tag br merupakan tag pemisah </p>

nah fungsi tag br disini berfungsi memisahkan teks/tulisan yang ada di dalam elemen <p>

kalo masih bingung coba lihat gambar ini……

Lihat teks yang bertuliskan “Ini adalah sebuah paragraf “

Teks ini terpisah dengan teks yang bertuliskan “dan tag br merupakan tag pemisah”

Nah mengapa teks ini terpisah padahal masih sama sama berada dalam satu baris yakni dalam elemen <p>….</p> ???

Itu karena fungsi tag <br> ,yang mana tadi sudah mimin jelaskan di atas bahwa tag br merupakan sebuah teks pemisah ,sampe sini paham kan?

Nah itulah penjelasan dari kedua fungsi dari tag tag tersebut……

Yasudah itu saja pembahasan dan penjelasan penjelasannya dalam materi kali ini semoga apa yang mimin sampaikan bermanfaat dan juga seperti biasa apabila ada kesalahan dalam penulisannya mimin minta maaf hehehe,

Terimakasih……

Assalamualaikum warahmatullahi wabarakathuh…….

Author: Mr_Shiroo

Leave a Reply

Your email address will not be published. Required fields are marked *