Jika kamu memiliki kritik dan saran, hubungi kami melalui Kontak Kami
Beranda
Html

Pengenalan HTML


    HTML merupakan singkatan dari HyperText Markup Language. Html termasuk ke dalam bahasa markah yang dibangun dan disusun untuk membuat sebuah website. Jika suatu website diibaratkan seperti manusia, maka html adalah tulang dari manusia. Tetapi jika kita ingin membuat sebuah website, kita harus mencakup tiga unsur penyusun website. Apa saja penyusun nya ? Simak dibawah ini.

Tiga Unsur Penyusun Website
1. HTML
     Pertama adalah html. Jika sebuah website diibaratkan seperti manusia, maka html adalah tulang dari manusia. Jika kamu ingin belajar cara membuat website, maka kamu wajib mempelajari bahasa html.

2. CSS
     Html tidak hanya sendiri dalam membangun sebuah website. Tetapi html juga ditemani oleh bahasa CSS. Jika html diibaratkan seperti tulang pada manusia, maka CSS diibaratkan seperti kulit, rambut ataupun aksesoris lainnya seperti baju, celana, topi dan lainnya.

3. Javascript
      Untuk membangun sebuah website, bukan hanya menggunakan html dan CSS. Tetapi kita juga membutuhkan Javascript agar website tersebut terlihat hidup. Jika html diibaratkan seperti tulang dan CSS diibaratkan seperti kulit, rambut dan sebagainya. Maka javascript tugasnya adalah menggerakkan tulang. Misalnya berjalan, berlari dan lainnya. Selain itu, dengan javascript kamu bisa membuat pop up, zoom gambar, dan lainnya.

Apakah HTML Itu Penting ?
    Kalau menurut saya pribadi, Html termasuk penting. Karena Html merupakan dasar dari sebuah website. Berikut ini adalah beberapa alasan mengapa html itu penting.
  • Html merupakan inti dasar jika ingin membuat sebuah website. Jadi sebuah website tidak bisa dibuat tanpa adanya Html.
  • Selain untuk membuat sebuah website, html juga bisa digunakan untuk membuat sebuah aplikasi android.
  • Jika kamu ingin menjadi seorang blogger, kamu harus mempelajari bahasa html. Karena dengan html kamu bisa merubah template blog nya, mulai dari navbar, sidebar, footer, hyperlink, artikel dan lainnya.
Sejarah HTML
    Html pertama kali dibuat oleh tim Berners-Lee yang merupakan seorang ahli fisika pada lembaga penelitian CERN (Conseil Européen pour la Recherche Nucléaire) yang ada di Swiss. Tim Berners-Lee awalnya memiliki ide mengenai sistem hypertext yang menggunakan basis internet. Untuk versi pertama dari html hanya memiliki 18 tag dan dikeluarkan pada tahun 1991 oleh tim Berners Lee.
    HTML dirancang berdasarkan pada konsep bahasa markup yang dikenal dengan SGML (Standard Generalized Markup Language). SGML adalah sebuah standar internasional untuk membuat dokumen dengan tanda (markup). Jadi bisa dibilang bahwa Html merupakan hasil implementasi dari SGML. Adapun beberapa tag html hasil implementasi dari SGML, diantaranya : <title>, <p>, <li>, <h1>, <h2>, <h3>, <h4>, <h5>, dan <h6>. Namun tidak semua tag dalam html berasal dari hasil implementasi dari SGML. Salah satunya adalah hyperlink yang merupakan hasil pemikiran murni dari tim Berners Lee.

Versi HTML
    selain itu, Html juga memiliki beberapa versi. Berikut ini adalah beberapa versi dari Html mulai dari pertama hingga saat ini.
  • Html 1.0 dibuat pada Juni 1993. Html 1.0 merupakan versi html yang pertama. Sayangnya versi ini tidak resmi beredar di pasaran.
  • Html 2.0 dibentuk pada tanggal 24 November 1995. Html 2.0 merupakan versi html yang kedua dan versi ini merupakan versi pertama yang beredar di pasaran dan dirilis oleh IETF (Internet  Engineering Task Force).
  • Html 3.0 dibentuk pada tanggal 28 Maret 1995. Namun sangat disayangkan versi ini gagal beredar karena memicu berbagai perdebatan.
  • Html 3.2 dibentuk pada 14 Januari 1997. Html 3.2 resmi dirilis oleh W3C (Wire Wide Web  Consortium) pertama kalinya.
  • Html 4.0 dibentuk pada tanggal 24 April 1998. Versi 4.0 merupakan hasil pengembangan dari versi sebelumnya yaitu versi 3.2.
  • Html 4.01 dibentuk pada 24 Desember 1999. Versi 4.01 merupakan hasil perbaikan dari versi sebelumnya yaitu versi 4.0.
  • Xhtml 1.0 dibentuk pada tanggal 26 Desember 2000. Versi Xhtml ini merupakan hasil pengembangan dari versi Html sebelumnya yaitu versi Html 4.0 dengan mengadopsi Xml.
  • Xhtml 2.0 dibentuk sekitar Agustus 2002 sampai Juli 2006. Versi ini merupakan versi kedua dari Xhtml versi 1.0.
  • Html5 dibentuk pada tanggal 28 Oktober 2014. Versi Html ini masih sampai digunakan hingga saat ini.
Peralatan Yang Diperlukan Untuk Belajar HTML
    Sebentar lagi kita akan mulai untuk menuliskan codingan Html. Tetapi sebelum menuliskan codingan html, kita membutuhkan beberapa peralatan agar dapat memulainya. Apa saja peralatan nya ? yukk kita lihat dibawah ini.
Artikel Menarik Lainnya :
1. Text Editor
     Apa sih text editor itu ? Text Editor merupakan sebuah aplikasi atau sebuah software yang digunakan untuk menuliskan sebuah codingan. Di dalam text editor tersebut kita bebas menuliskan berbagai codingan. Mulai dari Html, Css, Javascript, Python, Php, C++, C# dan bahasa program lainnya. Jika kamu masih bingung ingin menggunakan jenis text editor, saya mempunyai beberapa rekomendasi text editor yang bisa kamu gunakan. Jika kamu menggunakan handphone android, kamu bisa memilih text editor dibawah ini.
  • AnWriterFree Html Editor
  • Acode
  • Quick Edit
  • Spck Editor
  • Dcoder
Namun jika kamu menggunakan laptop, kamu bisa menggunakan macam - macam text editor dibawah ini.
  • Sublime Text
  • Notepad
  • Notepad ++
  • Visual Studio Code
  • Atom
2. Browser
     Tanpa browser kita tidak akan bisa menjalankan sebuah program html. Jadi browser itu penting untuk menjalankan sebuah program html. Saya memiliki beberapa saran browser yang dapat kamu gunakan. Berikut ini adalah beberapa browser nya.
  • Google Chrome
  • Mozilla Firefox
  • Opera Mini
  • UC Browser
  • UC Turbo
Membuat File Html Pertama
Setelah semua peralatan nya sudah kamu sediakan semua, sekarang saatnya kita ngoding!!. Sekarang coba kamu tuliskan codingan di bawah ini.
<!DOCTYPE html>
<html>
  <head>
    <title> Belajar Html </title>
  </head>
  <body>
    <p> Selamat Datang di Blog Freeze Gans </p>
  </body>
</html>
Jika sudah, coba kamu simpan file nya dengan ekstensi .html
Berikut ini adalah hasil nya 

Pengenalan HTML

Struktur Dasar Html
   Diatas kita sudah menuliskan codingan nya, tetapi kita belum mengetahui struktur - struktur dasar dari Html. Html memiliki tiga buah struktur dasarm diantaranya :

1. Struktur Deklarasi
     Coba kita perhatikan baris pertama pada codingan diatas adalah <!DOCTYPE html>, Sebenarnya kode tersebut merupakan bagian struktur deklarasi dari Html5. Lalu apakah kita boleh tidak menuliskan kode tersebut ? Sebenarnya sih kita boleh saja menuliskan codingan html tanpa <!DOCTYPE html>, tetapi itu termasuk melanggar aturan yang telah dibuat oleh W3C.
Selanjutnya dibawah <!DOCTYPE html> ada kode <html lang="en">, lalu apa sih fungsi kode tersebut ? Tag <html> wajib ada dalam setiap codingan html. Kemudian lang="en"adalah untuk menyatakan konten Html tersebut menggunakan bahasa Inggris.

2. Struktur Head
     Struktur head merupakan bagian kepada dari html. Struktur head dimulai dari tag <head> hingga tag penutup nya </head>. Adapun beberapa kegunaan dari tag <head>, diantaranya :
  • Tempat menuliskan codingan Css dan Javascript
  • Tag meta untuk SEO
     Selain itu, di dalam tag <head> terdapat satu tag lagi yaitu <title> beserta penutup tag nya </title>. Lalu apa sih fungsi dari tag <title> ? Fungsi dari tag <title> adalah sebagai judul dari website tersebut.

3. Struktur Body
     Struktur body merupakan bagian badan dari html yang akan ditampilkan di web browser. Struktur body dimulai  dari tag <body> dan ditutup oleh tag </body>. Dalam tag <body> kamu bebas menuliskan isi codingan nya dengan sesukamu. Misalnya kamu ingin menuliskan tag <p>, <img>, <h1>, <ul>, <li> dan sebagainya kamu bisa menuliskan codingan nya di dalam tag <body>.