Belajar HTML : Pengenalan Dasar HTML – Bagian I

Diposting pada
Belajar HTML : Pengenalan Dasar HTML - Bagian I
Haloo teman teman…
pada postingan pertama saya ini kita akan belajar tentang HTML terlebih dahulu, mengapa harus HTML ? Karna untuk menjadi seorang web developer kita harus mempelajari HTML karena itu merupakan dasar untuk membuat web.

HTML Merupakan singkatan dari Hyper Text Markup Language atau sebuah bahasa Markah yang digunakan untuk membuat halaman website. HTML juga dapat dipadukan dengan CSS  (Cascading Style Sheet) yakni untuk memperindah tampilan web dan juga Javascript untuk membuat halaman web menjadi lebih hidup. Untuk kedua istilah tersebut kita akan mempelajarinya setelah materi HTML selesai.

Sejarah HTML

Awal kemunculan HTML ini dimulai pada tahun 1980.. saait itu seorang ahli fisika Tim Berners Lee dan seorang kontraktor di CERN ( Conseil Européen pour la Recherche Nucléaire ) sebuah organisasi eropa untuk riset Nuklir, mengusulkan untuk membuat ENQUIRE sebuah software hypertext yang berguna untuk berbagi dokumen.
Kemudian setelah 9 tahun, Tim Berners Lee memperkenalkan tentang bahasa markah berbasis internet. Berners Lee kemudian menjalin hubungan kerja sama untuk membuat proyek dengan Robert Cailliau yang merupakan seorang engineer di CERN, namun proyek tersebut tidak diterima secara resmi oleh CERN.
Dan pada akhir tahun 1991, Tim Berners menerbitkan sebuah dokumen yang berjudul
HTML Tag ini terdiri dari 18 elemen yang akan menjadi konsep awal HTML, namun tidak termasuk Tag Hyperlink (Sebuah teks yang akan mengarah ke sumber lain apabila diklik), yang sangat dipengaruhi oleh SGMLguid, in-house Standard Generalized Markup Language (SGML) berbasis format dokumen di CERN. Sebelas elemen ini masih ada di HTML 4.
Jadi HTML adalah bahasa markah yang digunakan peramban untuk menafsirkan dan menulis teks, gambar dan bahan lainnya ke dalam halaman web secara visual maupun suara. Karakteristik dasar untuk setiap item dari Markup HTML didefinisikan di dalam peramban, dan karakteristik ini dapat diubah atau ditingkatkan dengan menggunakan CSS.

Contoh dan Struktur dari dokumen HTML

<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML Bagian I</title>
</head>
<body>
<h1>Ini adalah Heading</h1>
<p>Ini adalah Paragraph </p>
</body>
</html>
 

Catatan : Setiap menuliskan tag pembuka HTML harus selalu diawali dan diakhiri dengan Angle Bracket <contohtag>Isi/Konten</contohtag>.

Penjelasan Tag HTML diatas

<!DOCTYPE html> ⇒ Tag tersebut berfungsi untuk menjelaskan bahwa dokumen tersebut merupakan HTML Versi ke-5.
<html> ⇒ Tag tersebut menjelaskan bahwa dokumen tersebut merupakan elemen utama dari setiap dokumen HTML.
<head> ⇒ Tag tersebut menandakan bagian kepala dari dokument tersebut, biasanya diantara didalam tag <head>..</head> berisi Meta Tag dan Title/Judul dokumen.
<title> ⇒ Tag tersebut merupakan judul dari dokumen tersebut.
<body> ⇒ Tag tersebut merupakan lokasi dimana konten yang ada didalam tag tersebut akan ditampilkan.
<h1> ⇒ Tag Heading.
<p> ⇒ Tag Paragraph

Beberapa Versi HTML Yang Perlu Kamu Ketahui

HTML Juga memeliki beberapa versi yaitu sebagai berikut :

  1. HTML – 1991
  2. HTML 2.0 – 1995 
  3. HTML 3.2 – 1997
  4. HTML 4.01 – 1999
  5. XHTML – 2000
  6. HTML5 – 2014 s/d

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *