HTML Dasar - Pengenalan


Apakah kamu seorang yang ingin belajar pemrograman web? Bingung darimana mau memulai belajarnya? Sebelum kita membahas tentang HTML, yuk kenali dulu komponen pembentuk halaman web.

Ada tiga teknologi komponen utama dalam membuat halaman web.
  1. HTML untuk membuat kerangka/struktur sebuah halaman dan menyajikan konten
  2. CSS untuk menghias halaman agar lebih bagus
  3. JavaScript untuk membuat web agar lebih interaktif
Jika ada yang masih bingung, lihat perumpamaan berikut.

HTML ibarat manekin,



CSS ibarat pakaian, kita bisa memberi pakaian apa,warna apa, ukuran berapa, dll





JavaScript

Namun di tulisan ini, kita akan membahas HTML dahulu. Untuk CSS dan JavaScrpit akan saya bagian di tulisan berikutnya.


Apa itu HTML?

HTML singakatan dari Hyper Text Markup Languange. HTML akan memberitahu browser bagaimana konten akan ditampilkan, baik berupa paragraf, heading, atau yang lainnya.


HTML Element

Elemen HTML didefinisikan oleh tag awal, beberapa konten, dan tag akhir. Perhatikan contoh code berikut.


<p>Blog CODEKURAWAL</p>


        <p> adalah tag pembuka untuk paragraf

        Blog CODEKURAWAL adalah konten

        </p> adalah tag penutup


Apasaja tag HTML? Berikut contoh dari element HTML:


        <h1>Untuk menmpilkan Heading 1</h1>

    <h2>Untuk menmpilkan Heading 2</h2>

    <h3>Untuk menmpilkan Heading 3</h3>

    <h4>Untuk menmpilkan Heading 4</h4>

    <h5>Untuk menmpilkan Heading 5</h5>

    <h6>Untuk menmpilkan Heading 6</h6>

    <p>Untuk menampilkan paragraf</p>


Dan masih banyak lagi element-element HTML, silahkan pelajari di sini

Berikut adalah struktur HTML

<html>

   <head>

     <title>Judul Halaman Web</title>

   </head>

   <body>

     <h1>Untuk menmpilkan Heading 1</h1>

     <h2>Untuk menmpilkan Heading 2</h2>

     <h3>Untuk menmpilkan Heading 3</h3>

     <h4>Untuk menmpilkan Heading 4</h4>

     <h5>Untuk menmpilkan Heading 5</h5>

     <h6>Untuk menmpilkan Heading 6</h6>

     <p>Untuk menampilkan paragraf</p>

   </body>

</html>

Maka di web browser akan muncul seperti ini





Komentar