Membuat heading dengan html

Membuat heading dengan html

Membuat heading dengan html adalah seri tutorial mengenai dasar html,dimana pembahasan kali ini adalah membuat heading dengan html. Namun sebelum dibahas mengenai membuat heading ini saya menyarankan untuk mengetahui pengertian dari html dan pengertian css. Dalam membuat heading dengan html kita menggunakan elemen <h1> sebagai pembuka dan </h1> sebagi peneutup.
Pada elemen diatas merupakan representasi heading 1 pada html, namun pada html bukan hanya ada heading 1 saja melainkan ada heading-heading lainnya dimana semakin besar nilai heading nya semakin mengecil ukuran font nya secara default. Setelah mengetahui elemen html yang merepresentasikan heading, selanjut nya kita akan melakukan peneulisannya di dokumen html, sebagai contoh heading yang kita buat adalah seperti gambar dibawah ini:
membuat heading dengan html
Dari gambar diatas tentunya teman-teman sudah mengetahui heading apa-apa saja yang akan kita buat, ya! kita akan membuat heading satu sampai dengan heading enam, bagaimana cara nya? let's coding.
<html>
 <head>
  <title>Latihan Heading</title>
 </head>
 <body>
  <h1>Heading H1</h1>
  <h2>Heading H2</h2>
  <h3>Heading H3</h3>
  <h4>Heading H4</h4>
  <h5>Heading H5</h5>
  <h6>Heading H6</h6>
 </body>
</html>
Code diatas merupakan cara untuk membuat heading dengan html, sangat mudah kan?

Menambahkan style ke dalam heading html

Setelah berhasil membuat heading dengan html selanjutnya kita akan menambahkan style color pada heading yang, namun sebelum kita menambahkan style kedalam heading yang kita buat ada baik nya terlebih dahulu mengetahui cara penggunaan css pada html. Selanjutnya bagaimana menambahkan style kedalam heading? let's coding.

<html>
 <head>
  <title>Latihan Heading</title>
 </head>
 <body>
  <h1 style="color: red">Heading H1</h1>
  <h2 style="color: green;">Heading H2</h2>
  <h3 style="color: yellow;">Heading H3</h3>
  <h4 style="color: lightblue;">Heading H4</h4>
  <h5 style="color: gray;">Heading H5</h5>
  <h6 style="color: lightgreen;">Heading H6</h6>
 </body>
</html>
Maka hasilnya akan akan seperti pada gambar di bawah ini:
 menambahkan style kedalam heading pada html

Sekian tutorial mengenai Membuat heading dengan html semoga bermanfaat dan jangan lupa untuk mengecek daftar isi serba ngoding untuk tutorial pemrograman web lainnya atau bisa like facebook fanspage serba ngoding untuk mengetahui update tutorial terbaru.

0 Response to "Membuat heading dengan html"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel