Belajar HTML : Apa itu HTML ? Pengertian, Sejarah, Contoh Program HTML

Belajar HTML : Apa Itu HTML ? Pengertian HTML, Sejarah HTML dan Contoh Program HTML
 
Apakah Anda termasuk orang yang tidak bisa membuat website ? Tidak tahu apa itu website ? Ingin belajar website ? Anda wajib mengetahui yang namanya HTML supaya bisa membuat website. Karena HTML itu merupakan dasar dari sebuah website.
 
Tapi tenang saja, Anda tidak perlu khawatir karena belajar HTML itu tidak susah kok. Belajar HTML tidak sesulit belajar bahasa pemrograman lainnya. Eh, ngomong-ngomong HTML itu bukan bahasa pemrograman ya. 
 

Apa itu HTML ? Pengertian HTML

HTML (Hyper Text MarkUp Language) adalah Bahasa markup standar untuk pembuatan halaman website. Dengan HTML kita dapat membuat halaman website sesuai standar dengan pengkodean tag-tag HTML. 


 
Dengan kata lain, HTML merupakan wadah / tempat bagi bahasa pemrograman website lainnya. 
 
Dengan halaman website kita dapat memberikan informasi ke berbagai penjuru nusantara dan bahkan dunia. Diimbangi dengan berkembangnya dunia internet di dunia, pembuatan website serasa sangat penting di kehidupan sekarang ini.
HTML sebenarnya mirip dengan bahasa yang sering kita pergunakan dalam kehidupan sehari-hari, namun dalam penulisan di HTML kita harus memerlukan kode atau “Tag HTML” sehingga membentuk struktur kode dan halaman HTML yang lengkap. 
 
Seperti contoh kita menulis tebal huruf “Manusia” didalam buku, maka jika didalam halaman website kita harus memakai tag HTML <b>Manusia</b>. Karena tag <b> mempunyai format mencetak tebal suatu string. Dan masih banyak contoh tag HTML lainnya yang akan kita bahas lebih lanjut dibawah ini.
Begitu pentingnya apa itu HTML didalam pembuatan website karena, bahasa satu ini dinilai sebagai pondasi dari berdirinya suatu halaman website. 
 
Bagi Anda yang ingin mengambil jurusan kuliah yang isinya belajar HTML atau tentang macam-macam bahasa pemrograman, Anda bisa memasuki jurusan Teknik Informatika.
 
Namun, banyak juga yang salah kaprah dengan jurusan Teknik Informatika, banyak yang bingung perbedaan Teknik Informatika dengan jurusan komputer lainnya. Agar Anda tida bingung, silahkan baca artikel yang membahas perbedaan antara masing-masing jurusan komputer.
 
Kuliah jurusan Teknik Informatika itu bisa dibilang enak, karena kita memiliki kemampuan sebagai programmer. Apa sih kelebihannya programmer kok banyak yang ingin menjadi seorang programmer ? Selain itu, prospek kerja jurusan Teknik Informatika juga cukup beragam.

Programmer Belajar HTML
infragistrics. com
 


Belum ada bahasa markup yang dapat menyaingi HTML untuk saat ini, yang dimana HTML sangat powerful dengan bisa digabungkan dengan bahasa program yang lain atau pelengkap halaman website. 
 
Tag-tag kerangka HTML telah membentuk struktur kode yang dapat digabungkan dengan bahasa program yang lain, yang dapat membuat suatu kesatuan halaman website yang lebih baik.  Sehingga dalam pembuatan website, HTML adalah ilmu atau pondasi yang harus dipelajari terlebih dahulu.
Apa saja yang dapat dilakukan oleh HTML:

·         Membuat struktur dari halaman website.
·         Mengatur tampilan dan isi dari halaman web.
·         Membuat tabel dengan tag HTML Table.
·         Membuat Form HTML.
·         Menambahkan objek-objek penting lainnya seperti: audio, video  dan animasi.
·         Membuat gambar dengan Canvas.
·         Mempublikasikan halaman website secara online.

Banyak sekali yang dapat dilakukan oleh HTML. Dengan memahami struktur kode dan tag didalamnya kita bisa dengan mudah membuat halaman website yang baik. 
 
Ditambah kode CSS yang merupakan pemanis atau mempercantik desain website, maka halaman web akan menjadi indah. Setelah mengetahui pengertian HTML dan kegunaan HTML, kita flash back ke bagian sejarah dari pada HTML itu sendiri.
Sejarah HTML
Pada tahun 1980 ahli fisika Tim Berners-Lee, dan juga seorang kontraktor di CERN (Organisasi Eropa untuk Riset Nuklir) mengusulkan dan menyusun ENQUIRE, sebuah sistem untuk ilmuwan CERN dalam membagi dokumen. 
 
Sembilan tahun kemudian Berners-Lee mengusulkan adanya sistem markah berbasis internet. Dan pertama kalinya pada tahun 1991 sebuah dokumen dengan nama “Tanda HTML”,  disebutkan di Internet oleh Tim Berners-Lee. 

Belajar HTML : Apa itu HTML

gilacoding. com

 
 
Tanda ini menggambarkan 18 elemen awal mula, versi sederhana dari HTML, yang masih ada didalam HTML4.
Sejarah Versi HTML:

·         HTML 2.0 dipublikasikan pada tanggal 24 November 1995 sebagai IETF
·         HTML 3.2 dipublikasikan pada tanggal 14 Januari 1976 sebagai Konsorium World Wide Web
·         HTML 4.0 dipublikasikan pada tanggal 18 Desember 1997 sebagai W3C Recommendation
·         HTML 4.01 dipublikasikan pada tanggal 05 Mei 2000, yang distandarkan dengan ISO HTML
·         HTML 5 (stabil) dipublikasikan pada tanggal 28 Oktober 2014, dan menjadi standard HTML tertinggi saat ini

Didalam HTML 5 terbaru, banyak perubahan yang terjadi dari versi sebelumnya. Fitur baru yang sudah diterapkan antara lain: penanganan eror lebih banyak, Scripting diganti dengan lebih banyak markup, HTML5 menjadi device-dependent, proses pengembangnya bisa dilihat oleh public.
Dan fitur elemen HTML5 baru yang lain:

·         Elemen <canvas> untuk menggambar 2D.
·         Elemen <video> dan <audio> untuk memutar multimedia.
·         Elemen seperti <article>, <header>, <nav>, <section>, <footer>.
·         Kontrol di dalam Form seperti:  tanggal, kalender, nomor, email.

Struktur Halaman HTML
Struktur kode HTML pada dasarnya sebagai beriut:
<!DOCTYPE html>
<html>
   <head>
      <title>… Judul Website</title>
  </head>
  <body>
  … ISI KONTEN
  </body>
</html>
Maksud dari  struktur kode HTML :
 
1. <!DOCTYPE html> adalah type dokumen yaitu HTML. Untuk halaman website versi terbaru diwajibkan mendeklarasikan type dokumen ini. 
 
2. Tag <html> ditutup </html> yaitu mendefinisikan atau memberikan maksud dari pada kode tersebut adalah kode HTML. Tag ini wajib ada disetiap halaman HTML atau website.
 
3. Kedua tag <head> ditutup </head> yaitu kode bagian atau elemen atas atau kepala dari pada halaman HTML, yang bisa terdiri dari judul website <title>, tag meta author, deskripsi web, dll <meta>, kode <charset>.
 
4. Ketiga tag <title> </title> yaitu tag yang berfungsi membuat judul website. Yang diletakkan dibagian dalam antara tag <head> dan </head>.
 
5. Keempat tag <body> </body> yaitu bagian atau elemen untuk menampilkan isi/konten dari pada website. Semua isi web berada didalam tag body ini.
 
Terlihat mudah kan ? Iya, belajar HTML memang mudah. Tetapi jika Anda ingin membuat website yang besar, yang menarik banyak orang, HTML saja tidak cukup. Anda harus menguasai bahasa pemrograman lainnya seperti PHP.
 
Belajar HTML
dreamstime. com


Tetapi, tidak semudah itu Anda menguasai PHP atau bahasa pemrograman lainnya, apalagi jika Anda mulai dari 0. Sungguh berat.
 
Untuk menguasai bahasa pemrograman, tidaklah mudah. Butuh teknik khusus agar Anda bisa menguasai bahasa pemrograman. Apakah Anda ingin belajar bahasa pemrograman tanpa mengeluarkan banyak uang ?
Didalam tag <body> terdapat banyak tag dan elemen yang berfungsi sebagai format teks, seperti dibawah ini:
 

         <p> berfungsi membuat paragraph baru.
         Heading dari <h1> sampai <h6> berfungsi membuat urutan font size teks, dari <h1> terbesar, sampai <h6> terkecil.
         <b> adalah mencetak tebal suatu teks.
         <i> mencetak miring suatu teks.
         <u> mencetak garis bawah suatu teks.
         <em> membuat penekanan pada teks.
         <small> membuat teks tercetak kecil.
         <strong> membuat teks tercetak penting.
        <sub> membuat teks tercetak sebagai subscript.
         <sup> membuat teks tercetak sebagai superscript/pangkat.
         <del> membuat teks yang diapit oleh tag <del> akan dicoret seperti dikoreksi.
·         <mark> membuat teks yang ditandai (highlighted), efek tulisan diberi “stabilo”.
         <br> adalah ganti baris baru.
         <hr> adalah membuat garis horisontal.
         <form> berfungsi membuat halaman form/formulir.
         <table> berfungsi membuat tabel. Dan masih banyak lagi.


Contoh Program Sederhana dari HTML

 
Cara Membuat Program HTML


Cara menuliskan atau membuat kode HTML

          1. Buka Text Editor seperti Notepad++, Sublime Text atau yang lain.
          Ketik kode dibawah HTML diatas.
          2. Simpan kedalam format “.html” dan beri nama belajar-html.html.
          3. Buka hasil latihan bernama, belajar-html.html dengan browser seperti: Mozila atau Chrome.
          4. Jika benar akan menghasilkan tampilan dibrowser seperti dibawah ini.
Hasil di Browser:

Contoh Program HTML
 
 
Catatan: Tag-tag HTML tidak case sensitive, jadi tag HTML bisa digunakan dengan teks Kapital <HTML> atau kecil <html>. 
 
Keduanya menghasilkan output yang sama. Tetapi didalam etika berprogram, konsistensi kode adalah sangat penting, terutama untuk memberikan kejelasan terhadap kode program tersebut.

Sekarang Anda pasti sudah tahu apa itu HTML. Setelah belajar HTML, Anda tidak tahu apa yang harus Anda kuasai lagi untuk membuat website ? Saya sarankan baca artikel mengenai apa saja yang harus dikuasai untuk membuat sebuah website yang berkualitas

2 thoughts on “Belajar HTML : Apa itu HTML ? Pengertian, Sejarah, Contoh Program HTML

Leave a Reply

Your email address will not be published. Required fields are marked *