Tips Mudah Mengenal Dasar-dasar HTML

Oleh
Tips Mudah Mengenal Dasar-dasar HTML

Buat kamu yang belum mengenal dunia website jangan kawatir ya, karena disini saya akan sharing kepada kamu mengenai dunia website, khususnya yang akan saya bahas sekarang ini yaitu HTML.

Apa itu HTML ?

HTML merupakan kerangka dasar dalam pembuatan sebuah website tentunya, dimana html ini berperan sebagai tubuh yang nantinya akan dilengkapi oleh bahasa pemrograman selanjutnya yang nantinya akan membangun sebuah halaman website.

Sebuah html mempunyai struktur dasar seperti ini :
<html>
<head>
<title>Judul haaman</title>
</head>
<body>
        Disini nantinya isi dari halaman 
</body>
</html>
  1. Tag HTML 

    Tag Adalah teks khusus (markup) berupa dua karakter < dan > . Sebagai contoh dalam penulisan <body> dan ditutup dengan </body>.
  2. Element HTML 

    Elemen adalah isi dari tag yang berada diantara tag pembuka dan tag penutup. Element terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup. Nah pasti disini kamu bingung yang mana yang dimaksud tag pembuka, isi dan penutup ? Sebagai contoh lihat dibawah ini :

    Tag pembuka : <p>
    Tag isi : Ini adalah artikel.
    Tag penutup : </p>

    Jika disatukan maka akan menjadi seperti ini :
    <p>
        Ini adalah artikel
</p>
  3. Atribut HTML 

    Atribut adalah informasi tambahan yang diberikan kepada tag. Informasi ini bisa berupa instruksi untuk warna dari text, besar huruf dari text, dan lain-lain. Seperti contoh <p bgcolor="red">Ini isi artikel</p>

Sebagai Latihan : 

  1. Silahkan buat file html baru di text editor kamu.
  2. Jika sudah maka ketik coding / sintak seperti dibawah ini :  
    <html>
<head>
<title>Latihan Pertamaku membuat website</title>
</head>
<body>
        <p>Perkenalkan : </p><br/>
        <p>Nama        :  I Wayan </p><br/>
        <p>Alamat      : Gianyar </p><br/> 
</body>
</html>
  3. Lalu save dan berinama file itu index.html, buka file index.html yang baru kamu simpan dan buka di browser.
  4. Lihatlah hasilnya, selamat kamu sudah bisa belajar dasar membuat sebuah website yang sederhana. :-)
Ok, sekian dulu sharing ilmu dari saya. Terima kasih sudah membaca artikel ini, jika ada pertanyaan yang ingin teman-teman tanyakan silahkan berkomentar di bawah ini. Happy Coding :)

Comments

Post a Comment

Popular posts from this blog

Membedakan Bilangan Positif dan Negatif dengan PHP

Oleh
Image
Membedakan Bilangan Positif dan Negatif dengan PHP. Kali ini saya ingin sharing tutorial bagaimana membedakan antara bilangan negatif dan positif menggunakan program PHP. Pada konsep dasarnya cara membedakannya ialah jika suatu bilangan tersebut nilainya kurang dari 0 maka bilangan tersebut dianggap bilangan Negatif , begitu sebaliknya jika bilangan itu nilainya lebih dari 0 maka bilangan tersebut dianggap Positif . Dibawah ini adalah sintak codenya :  Sintak PHP : $input = -10; if($input < 0){ echo "Bilangan $input adalah bilangan <strong>Negatif</strong>"; }elseif($input > 0){ echo "Bilangan $input adalah bilangan <strong>Positif</strong>"; }else{ echo "Bilangan $input adalah netral"; } /*Outputnya : Bilangan -10 adalah bilangan Negatif */ Maka hasil dari sintak php diatas adalah Bilangan -10 adalah bilangan Negatif, karena bilangan -10 kurang dari 0. Ok, sekian dulu sharing ilmu dari saya. Terima ka
Read More