Kali ini saya akan berbagi pengetahuan saya mengenai HTML, CSS dan Javascript dalam pembuatan Website. Saya tidak akan membahas terlalu jauh dulu, pada artikel ini saya hanya akan fokus memperkenalkan HTML, CSS dan Javascript saja kepada anda…. Jadi silahkan simak baik-baik. Show Sama halnya seperti membuat software, membuat website juga kita perlu menulis suatu kode atau ngoding. Jika kalian tidak mau ngoding untuk membuat website, kalian bisa gunakan tools Website Builder. Dengan tools tersebut anda tidak perlu ngoding, anda bisa langsung membuat layoutnya dengan mudah tinggal drag dan klik-klik saja. Baiklah, kita kembali ke tema. Pertama-tama akan saya perkenalkan dulu apa itu HTML. 1. Tentang HTML1.1 Apa itu HTML?HTML adalah singkatan dari HyperText Markup Language. HTML merupakan bahasa markup atau markah yang digunakan untuk membuat sebuah halaman Web yang bisa menampilkan berbagai informasi berupa text maupun gambar. 1.2 Fungsi HTMLHTML adalah bahan dasar atau kerangka dari website. Anda bisa mengangga website adalah sebuah Rumah, lalu HTML adalah bagian kerangka dan pondasi dari rumah tersebut. Atau anda juga bisa membayangkan Website sebagai Manusia, lalu HTML adalah bagian kerangka dan tengkorangnya. 1.3 Contoh Penulisan Kode HTMLBerikut ini adalah struktur dasar untuk pembuatan HTML.
Penjelasan
Kode tersebut disimpan sebagai file dokumen dengan format .html. File .html tersebut bisa kita buka menggunakan aplikasi web browser seperti Google Chrome, Firefox, Internet Explorer dan lain-lain. Berikut hasil dari kode tersebut jika dijalankan pada web browser. 2. Tentang CSS2.1 Apa itu CSS?CSS merupakan singkatan dari Cascading Style Sheets. CSS bukan bahasa pemrograman. CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan suatu dokumen seperti html. 2.2 Fungsi CSSJika HTML itu adalah bagian dari pondasi rumah, CSS bisa dikatakan adalah bagian desain atau gaya dari rumahnya, seperti tembok, warna cat, lantai, atap dan bagian lainnya. Jadi CSS itu bertugas untuk mengatur tampilan pada website agar terlihat rapih dan menarik. Sama seperti styles pada aplikasi pengolah kata seperti Microsoft Word yang bisa memberi gaya pada tulisan seperti besar kecilnya huruf, memberi warna, mengatur line height dan lain-lain. CSS selain bisa mengatur gaya tulisan pada html, css juga bisa mengatur tampilan gambar, warna background, mengatur jarak antar elemen, mengatur jarak spasi antar kata, mengatur jarak setiap baris antar paragraf, margin atas-kanan-bawah-kiri, dan masih banyak lagi. Umumnya CSS ini mengatur tampilan seluruh elemen yang terlihat pada html. 2.3 Contoh Penulisan Kode CSSAda 3 cara yang bisa digunakan untuk menuliskan css. 1. Menuliskan CSS Dalam Dokumen HTML
2. Menuliskan Kode CSS Pada Elemen HTML
3. Menuliskan Kode CSS Secara Terpisah Contoh :
kita tidak perlu lagi membungkus kode css kita dengan elemen Tetapi jika kita ingin menggunakan cssnya pada dokumen html,
kita perlu memanggil nama file css tadi yang sudah dibuat didalam elemen Untuk penulisannya seperti berikut ini :
Elemen Hasilnya seperti ini. 3. Tentang Javascript3.1 Apa itu Javascript?Javascript adalah bahasa pemrograman tingkat tinggi yang disisipkan didalam dokumen html dan dibungkus didalam tag 3.2 Fungsi JavascriptJika html sebagai kerangka atau pondasi rumah, dan css untuk gaya rumah, Javascript bisa dianggap sebagai listrik yang bisa menghidupkan alat elektronik pada rumah seperti lampu, tv, mesin cuci dan lain-lain. Atau jika pada tubuh kita javascript bisa dibilang adalah otot-ototnya. Pada website Javascript ini digunakan untuk menjadikan website kita menjadi interaktif dan fungsional. 3.3 Contoh Penulisan Kode JavascriptUntuk menuliskannya dalam dokumen html, perlu di bungkus dengan tag
Hasilnya seperti ini. Selain disisipkan pada file html. Javascript juga bisa ditulis secara terpisah. Dokumen javascript diberi format .js. Untuk pemanggilannya ke dokumen HTML, seperti ini.
4. KesimpulanSeperti yang sudah saya tulis diatas. Jadi HTML itu bisa dikatakan sebagai pondasi atau kerangka pada website. CSS untuk mengatur tampilah halamannya agar terlihat menarik. Dan Javascript untuk menjadikan website interaktif dan fungsional. Anda bisa menganggap website sebagai rumah atau tubuh manusia. Kemudian HTML adalah pondasi atau kerangka nya. Lalu CSS sebagai gaya atau tampilannya. Dan Javascript sebagai listrik atau Otot-ototnya. Bagaimana? Sampai sini sudah paham? jika kurang paham silahkan langsung tanyakan saja di kolom komentar. Mungkin cukup sampai disini untuk artikel kali ini. Untuk artikel selanjutnya saya akan memberi tahu kalian tentang HTML lebih lanjut. Saya akan membahas tentang elemen atau tag pada html, dan saya akan berikan lengkap tag-tag yang ada pada html. Oke, sampai jumpa besok. Jika artikel ini bermanfaat, tolong bantu share ke teman-teman kalian ya! Terima Kasih. JavaScript CSS untuk apa?Web developer umumnya menggunakan JavaScript bersama HTML dan CSS karena ketiganya bisa bekerja sama tanpa masalah. Jadi, JavaScript adalah bahasa pemrogramannya, HTML berfungsi untuk menyusun struktur website, dan CSS untuk mendesain serta mengatur layout halaman website.
Apa perbedaan dari HTML CSS dan JavaScript?Sama seperti CSS, Javascript tidak dapat berdiri sendiri dan harus didasari oleh HTML atau PHP. Namun perbedaan Javascript dengan CSS adalah, Javascript mengatur logika seperti validasi untuk membuat tampilan website lebih dinamis dan CSS mengatur tampilan dari website tersebut seperti gambar, warna , font, dll.
Apa itu CSS dan apa fungsinya?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.
Bagaimana JavaScript kerja?Cara kerja JavaScript bisa dilihat dari dua sisi, yaitu dari sisi client dan dari sisi server. Dari sisi client, JavaScript dapat berperan dalam mengubah tampilan website. Sedangkan dari sisi server, JavaScript dapat digunakan untuk kebutuhan database.
|