mengenal-apa-itu-html


Hallo kawan kawan ku semuanya kali ini saya akan mencoba berbagi tentang HTML meskipun pengetahuan HTML sudah marak di internet dan di platform lainnya tetapi menurut saya its okay lah karena tujuan saya membuat blog ini hanya sebagai pengingat jikalau saya lupa tentang hal yang sudah saya pelajaribisa diakses di blog saya sendiri jadi tidak kemana mana lah lebih mudah dimengerti dari apa yang sudahsaya mengerti sebelumnya.

Jikalau kalian ingin mempelajari dari apa yang sudah saya bagikan mari kita belajar sama - sama lebih enakkalo bersama - sama bisa saling mengkoreksi atau bertanya hehe karena terkadang juga saya banyak kesalahan dari pemahaman yang sudah saya dapatkan maka itu perlu diluruskan biar engga keliru kedepannya oke, adapun jika ingin menanyakan sesuatu tulis dikomentar karena saya juga tidak mematikan kolom komentar.

Kuharap sih kalian enjoy membaca kata demi kata yang saya tuliskan, okelah langsung saja ke inti dari hal yang ingin saya bagikan sekarang.

Sebelumnya coba temen - temen pikirkan sejak kapan mendengar kata HTML, apasih kepanjangan dari HTML ? dan buat apa itu HTML ? ayo coba . . ., jadi gini HTML itu sebuah dokumen lembar kerja seperti halnya di Microsoft Word blank kosong  ketika kita buat halaman baru udah itu aja bedanya jika File dokumen di Microsoft Word hanya bisa diakses menggunakan perangkat kalian saja dan jikalau ingin dibuka di perangkat lain juga harus di kirim menggukan teknologi bluetooth, shareIt, cloud, USB. Beda lagi dengan dokumen HTML kita bisa akses kapanpun dan dimanapun asalkan kita tau nama DNS atau Alamat IP kita bisa akses dokumen tersebut asalkan ada web browser dan internet. 

Bagaimana isi konten yang ada pada dokumen HTML ? lahh sama aja dengan dokumen Microsoft Word ada Font, ukurang font, heading, paragraf, gambar, position, text align dll. gimana sama kan ? tapi kan di HTML bisa berpindah dokumen ke dokumen lainnya ? Microsoft Word juga bisa menggunakan pranala atau hyperlink di HTML juga ada atau di HTML disebutnya tag misalnya tag <a href=""></a> dll, nanti lah kita bahas satu persatu kedepannya sekarang fokus menelusuri apa itu HTML terlebih dahulu.

Untuk membuat dokumen lebih menarik seperti yang ada di word kita bisa menggunakan teknologi CSS yang dikembangkan oleh W3C, jadi dokumen HTML lebih menarik berwarna, enak dilihat tidak polos - polos amat lah, sebenarnya menggunakan HTML juga bisa tapi CSS kemampuannya lebih powerful dibandingkan dengan HTML. 

Terus di Microsoft Word bisa klik tab menu dengan transition, atau ketika tekan enter bisa membuat baris baru atau ada shortcut, kita bisa menggunakan Javascript yang tujuannya untuk membuat dokumen yang ditampilkan di halaman web browser dapat dinikmati dan memudahkan user atau lebih interaktif lah.

Nah kita kan sudah tau apa itu HTML, CSS, Javascript meskipun ini hal dasar sekali tapi itu lah fungsi dari ketiga teknologi tersebut dan masih banyak lagi kegunaan dari teknologi tersebut tidak hanya soal menampilkan data atau informasi di halaman web. Kali ini kita akan coba memahami bagaimana sih dokumen HTML,CSS,Javascript yang ditulis atau dirancang pada perangkat pribadi bisa diakses oleh semua orang, coba ada yang tauu ? Jadi gini temen temen, kita ilustrasikan aktor utama user misalkan kalian ingin mengakses informasi di internet (mencari berita tentang HTML), menggunakan apa ? pasti web browser dan internet lahh karena kedua ini lah yang penting untuk di miliki.

Lalu bagaimana proses pengambilan ketiga dokumen tersebut ? ketika sudah mempunyai koneksi internet pasti mengetikan URL yang di dalamnya terdapat Domain Name Server misalnya http://www.w3school.com. http itu pesan bahwa user ingin melihat ketiga dokumen tersebut pada server adapun jalan yang menjembatani supaya sampai pada server di sebut TCP/IP. Setelah server menerima pesan dari HTTP Request dia ngecek apakah dokumen itu ada atau tidak, jika ada dia akan memberi pesan 200 Ok lalu memberikan dokumen tersebut satu persatu dari mulai HTML, CSS, Javascript melalui web browser, web browser inilah berfungsi yang tadinya dokumen dipecah diserver disatukan oleh si web browser maka dokumen diberikan secara utuh kepada user, proses ini berlaku terus menerus sesuai request yang diberikan oleh user. 

Gimana sudah mengerti belum ?  kalo belum bisa ulang - ulangi aja kata demi  kata pahami, jangan terburu buru dalam belajar santuy saja hehe. Jangan khawatir juga nanti saya berikan referensi dalam bentuk PDF atau Word akhir pembahasan jadi kalian bisa buka buka lagi ketika offline.

Kesimpulan 

  1. HTML atau Hypertext Markup Language adalah bahasa markup yang dijadikan standar untuk membuat dokumen yang berisi konten ditampilkan pada halaman web.
  2. CSS atau Cascading Style Sheet adalah bahasa yang digunakan untuk membuat dokumen HTML selain dari menarik tetapi juga lebih mudah dalam mengatur tata letak pada halaman web.
  3. Javascript adalah bahasa pemrograman web yang digunakan untuk mengatur perilaku dokumen HTML pada halaman web.
  4. Client adalah pengguna web yang terhubung dengan koneksi intertnet menggunakan perangkat yang mereka gunakan.
  5. Server adalah sebuah komputer yang berfungsi untuk menyimpan kumpulan halaman web.
  6. Internet adalah teknologi yang memungkinkan kita mengirim dan menerima data dari client ke server.
  7. TCP/IP atau Transmission Control Protocol/Internet Protocol adalah teknologi yang menjelaskan bagaimana data harus berjalan pada web browser dari client ke server.
  8. DNS atau Domain Name System adalah sebuah alamat web yang memudahkan kita untuk menelusuri sebuah informasi.
  9. HTTP atau Hypertext Transfer Protocol adalah bahasa/pesan yang menjelaskan bagaiaman client bisa berkomunikasi dengan server.

Mungkin itu saja hal yang dapat saya share pada postingan kali ini, tetap semangat dalam belajarnya jangna pernah lelah mencoba dan jangan pernah putus asa pokonya tetap semangat, sampai jumpa di kesempatan berikutnya.

Download PPT | Download PDF