Berkenalan dengan HTML, CSS, Javascript

Oleh

 

Berkenalan dengan HTML, CSS, Javascript


    Halo semua, kali ini saya akan membahas tentang HTML,CSS dan Javascript, mulai dari pengertian umumnya sampai bayangan cara kerja bahasa tersebut supaya bisa membuat sebuah website, oke langsung aja



    Apa itu HTML ?

    Hypertext Markup Language atau HTML adalah bahasa markup yang digunakan untuk membuat struktur halaman website. 

    HTML terdiri dari kombinasi teks dan simbol yang disimpan dalam sebuah file. Dalam membuat file HTML, terdapat standar atau format khusus yang harus diikuti. Format tersebut telah tertuang dalam standar kode internasional atau ASCII (American Standard Code for Information Interchange). 

    cara untuk mengakses HTML, pengguna perlu membukanya lewat aplikasi browser, seperti Internet Explorer, Chrome, atau Mozilla Firefox. 

    bagi pengguna HTML berfungsi membuat atau menyusun heading, paragraf, gambar, link, dan lainnya supaya dapat dilihat banyak orang melalui halaman website. 



    Apa itu CSS?

    CSS adalah bahasa Cascading Style Sheet dan biasanya digunakan untuk mengatur tampilan elemen yang tertulis dalam bahasa markup, seperti HTML. CSS berfungsi untuk memisahkan konten dari tampilan visualnya di situs, atau bahasa kasarnya mempercantik situs anda.



    Apa itu Javascript?

    JavaScript adalah bahasa pemrograman yang digunakan dalam pengembangan website agar lebih dinamis dan interaktif. Bahasa pemrograman jenis interpreter, sehingga kamu tidak memerlukan compiler untuk menjalankannya.

    Oke, kalau kamu sudah baca pengertian HTML,CSS, dan Javascript di atas..., terus kamu bertanya? terus hubunganya sama buat websitenya apa? tenang saya akan jelasin,

    Supaya enak jelasin, kita pake anology kalau website itu adalah rumah, jadi kamu misal mau buat sebuah website sama dengan kamu membuat sebuah rumah, jadi sekarang kamu bayangin kalau website itu sama dengan rumahnya hihihi😄.



    Nah, pertama misal mau buat rumah kita butuh bahan-bahan bangunan ya kan misal batako,semen dll, untuk bikin fondasi rumah. nah HTML == fondasi rumah. kok bisa? bisa aja misal rumah kamu  pengen punya pintu anggap aja pintu tuh heading dalam HTML, jadi HTML tuh fondasi awal untuk membuat sebuah website(rumah). oke lanjut




       Misal fondasi rumah(website) kamu sudah jadi, pasti kamu pengen di percantik dong, gak mungkin gak dipercantik nanti misal ada orang berkunjung ke rumah(website) kamu malu dong, nah terus gimana biar bisa dipercantik, yaitu menggunakan CSS. jadi anggap aja CSS tuh sebuah cat,stiker dingding, walpaper dingding dll, untuk mempercantik rumah(wesbite) rumah kamu.

    


        Dan yang terakhir misal rumah(website) kamu udah jadi fondasi ya udah lantai 3 terus udah warna warni catnya kayak pelangi, pasti gak mungkin dong kalau gak ada listrik,saluran air, nanti pas malem hari bakal gelap disangka rumah angker hahaha 😆, nah anggap aja Javascript tuh itu listrik yang berfunsi memberikan sentuan dinamis dan interaktif. Misalkan rumah(website) kamu pas ada tamu yang datang ada bunyi(notifkasi) "selamat datang" kan keren. Sebenernya javascript kegunaanya banyak banget tapi gw gak bisa jelasin semua karena saya juga masih belajar jadi belum bisa jelasin hehehe😁

    Oke, mungkin cukup sekian blog saya tentang perkenalan HTML,CSS,Javascript. Sengaja gak di tampilin code sama sekali karena takut pusing hihihi😄, semoga kalian sesudah membaca penjelasan di atas jadi kebayang cara kerja Html,CSS dan Javascript dalam pembuatan sebuah website, saya ucapkan terimakasih banyak yang sudah membaca, see you...😊



Komentar

Posting Komentar

Postingan populer dari blog ini

Selector CSS Part-1

Oleh
Gambar
Code di Github: https://github.com/rezaldyabidin266/Css_Code_Snippet/tree/gh-pages Code Snippet Css Selector Part-1 Index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>CSS Selector</title> <!-- Css (External File) --> <link rel="stylesheet" href="css/styles.css" /> <!-- End Css (External File) --> </head> <body> <h2 class="mt">Selector Tag => h1{} <br />// Memilih semua h2 elemen</h2> <h2 class="SelectorClass mt"> Selector Class => .SelectorClass{} <br />// Memilih semua elemen dengan class="SelectorClass" </h2> <h2 id="Selec...
Buka Halaman

Install Virtual Box dengan Oracle Extension Pack beserta Gambarnya

Oleh
Gambar
       Install Virtual Box beserta Oracle Extension Pack     Halo✋, Gimana Kabar kalian? semoga selalu baik-baik ajanya😁, Di blog kali ini aku bakal bahas cara meng-install Virtual Box berserta Oracle Extension Pack dan Full Gambar supaya gak pusing 😆, Oke Langsung aja 👉 Apa Itu Virtual Box ? VirtualBox adalah suatu alat yang memungkinkan kita untuk menjalankan suatu sistem operasi di dalam sistem operasi. Simple ya begini, laptop kamu saat ini memiliki sistem operasi Windows 10, lalu kamu dapat meng-install, misalkan, Linux atau sistem operasi Windows yang lain(misal Windows XP atau Windows 7) tanpa menggangu/merusak sistem operasi yang sedang kamu pakai sekarang. Itu biasanya disebut sebagai “virtualisasi” atau virtualization yang mana kamu dapat menjalankan/meng-install berbagai virtual machine dalam satu sistem operasi induk Download Virtual Box & Oracle Extension Pack Silahkan kamu menuju website resmi virtual box untuk mendownload virtualb...
Buka Halaman

Membuat Tombol Show/Hide Password HTML, Vanilla Javascript

Oleh
     Membuat Tombol Show/Hide Password        Halo semuanya, untuk blog kali ini saya akan memberitahu cara membuat tombol show/hide password di form input password, oke langsung aja kalian liat code dibawah ini; See the Pen Untitled by rezaldyabidin ( @rezaldyabidin ) on CodePen .     oke kalau kalian sudah liat codenya.., kalau misal pusing hihihi, tenang bakal gw jelasin          <button type="button" class="btn btn-primary btn-sm ms-auto pb-1 showHide" >           <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor"                class="bi bi-eye" viewBox="0 0 16 16">  <path d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-...
Buka Halaman