Yuk Belajar!
HTML Dasar
Apa itu HTML?
HTML atau HyperText Markup Language merupakan sebuah bahasa markup standar dalam pembuatan suatu web. HTML berperan untuk menentukan struktur konten dan tampilan dari sebuah web.
Yang perlu diperhatikan ketika mulai belajar HTML
1. Extensi File HTML
Setiap file HTML harus berekstensi
.html
Jika tidak menggunakan ekstensi ini, maka ia tidak akan bisa dibaca oleh web browser.
2. Nama Khusus untuk homepage
Jika kamu ingin membuat halaman untuk homepage, maka sebaiknya gunakan nama
index.html
.Karena ia akan otomatis dibuka saat website dikunjungi.
Langkah - langkah dalam mempelajari HTML
1.Memahami struktur dasar HTML
  • Tag"!DOCTYPE html" berfungsi untuk mendeklarasikan kepada komputer bahwa Anda akan
  • menuliskan perintah dalam kode HTML
  • Tag "html" merupakan tag yang menandakan bahwa Anda memulai dan mengakhiri dokumen
  • dalam kode HTML;
  • Tag "Head" diisi dengan metadata dari dokumen HTML. Seperti judul tab, deskripsi, dan lain-
  • lain;
  • Tag "Body" diisi dengan konten halaman website.
    • 2. Menyiapkan Teks Editor dan Web Browser
  • Teks editor akan kita gunakan untuk menulis kode-kode HTML. Kamu bebas menggunakan
  • teks editor apapun. Apapun teks editornya, yang penting bisa digunakan untuk membuat dan
  • menulis dokumen HTML.
  • Web browser akan kita gunakan untuk membuka HTML. Kamu juga bebeas menggunakan
  • web browser apapun
    • Ayo kita coba membuat Website sederhana sendiri!
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <tittle> Belajar HTML #01 </tittle>
    </head>
    <body>
    <p>
    Hello World
    </p>
    </body>
    </html>
    Sebelum mempelajarinya lebih jauh, ada baiknya kita mencoba untuk membuat struktur sederhana terlebih dahulu! Kamu hanya perlu membuka aplikasi Text Editor dan masukan kode yang ada di atas kedalamnya, kemudian file di save dengan nama hello-world.html .Ingat ya! format harus dalam bentuk ".html". Apabila sudah disave ayo coba jalankan di dalam Web Browser yang kamu miliki!

    Selamat!

    kamu sudah membuat halaman pertama web pertama dengan HTML, setelah ini aku akan mengenalkan dan juga menjelaskan code yang ada diatas lebih jauh lagi!

    3.Mengenal Tag, Element, Atribut dan Value
    Tag
  • Tag adalah sebuah penanda awalan dan akhiran dari sebuah elemen di HTML. Tag dibuat
  • dengan kurung siku (<...>), lalu di dalamnya berisi nama tag dan kadang juga ditambahkan
  • dengan atribut.
    • Element (Elemen)
  • Elemen dibentuk dari tag pembuka, isi tag, dan tag penutup. Kadang juga ditambahkan
  • beberapa atribut.
    • Attribute (Atribut)
  • Atribut adalah kata khusus yang berada di dalam tag pembuka. Atribut juga disebut sebagai
  • modifier yang akan menentukan perilaku dari elemen. setiap Tag memiliki atribut yang
  • berbeda-beda sehingga kita perlu mempelajarinya dengan sabar.
    • Value (Nilai)
  • Value adalah nilai yang diberikan pada sebuah attribut. Value sendiri berfungsi untuk
  • menentukan besar kecilnya dampak dari attribut dengan angka. Semakin besar angka maka
  • semakin besar dampaknya. Namun value sendiri tidak hanya berupa angka. ada yang berupa
  • karakter atau tulisan biasa. Semua ini tergantung dari attributnya saja.
    • Yang perlu diperhatikan ketika menulis Tag, Element, Attribute dan Value
    1. Tag selalu ditulis berpasangan. Ada tag pembuka dan ada tag penutupnya. Namun, ada
    2. juga beberapa tag yang tidak memiliki pasangan penutup. Tag penutup ditulis dengan
    3. menambahkan garis miring (/) di depan nama tag.
    4. Ada beberapa tag yang wajib ada di HTML. Tag ini harus kamu tulis.. kalau tidak, bisa jadi
    5. kode HTML-mu akan error menurut validator W3C. Berikut ini daftar tag yang wajib ada di HTML :
    6. HTML :
    7. Hindari menggunakan huruf besar dalam menuliskan nama tag dan sebaiknya gunakan
    8. huruf kecil saja.
    Beberapa Tag yang ada di dalam HTML
    Tag Fungsi
    <html> untuk membuat dokumen HTML
    <head> untuk membuat bagian head
    <body> untuk membuat bagian body
    <h1> sampai <h6> untuk membuat heading pada artikel
    <p> untuk membuat paragraf
    <!----> untuk membuat komentar
    Symbol / Special Characters
  • Dalam penulisan simbol tidak terdapat di keyboard, sehingga harus dituliskan dengan
  • semakin besar dampaknya. Namun value sendiri tidak kombinasi tertentu, berikut beberapa contohnya :
    • Character HTML Entity Number Entity Description
    © &#169; &copy; registered trade mark sign
    ® &#174; &reg; registered trade mark sign
    &#182; &para; pilcrow sign - paragraph sign
    ± &#177; &plusmn; plus-or-minus sign
    µ &#181; &micro; micro sign
    » &#187; &raquo; right double angle quotes

    Kita baru saja belajar tentang Tag, Atribut, dan Elemen dalam HTML. Saya kira kamu sudah dapat membedakan ketiga hal ini.

    Elemen adalah komponen yang menyusun dokumen HTML. Sedangkan Tag adalah penanda untuk memulai dan mengakhiri elemen. Lalu atribut adalah _modifier_ untuk menentukan perilaku elemen.

    Nah, selanjutnya kita akan berkenalan dengan elemen-elemen dasar di HTML seperti paragraf, heading, list, tabel, link, form, dan lain-lain.

    Materi Selanjutnya

    →HTML Lanjutan