apa itu HTML CSS JavaScript
Web Mobile

Pengertian HTML, CSS dan JavaScript Beserta Contohnya

Sudah tau Pengertian HTML, CSS dan JavaScript? Berbicara soal Hyper Text Markup Language, Cascading Style Sheets dan JavaScript tidak hanya terbatas pada pengertiannya saja namu harus tahu juga seluk-beluknya jika ingin mahir bahasa ini. HTML memungkinkan seorang user untuk membuat dan menyusun bagian paragraf, heading, link atau tautan, dan blockquote untuk halaman web dan aplikasi.

CSS adalah adalah sebuah singkatan. Jika diterjemahkan ke bahasa Indonesia secara harfiah, berarti “lembar penataan menurun”.

Nah sedangkan JavaScript biasanya para programmer digunakan untuk memudahkan pekerjaan mereka dan membuat automasi dalam beberapa jenis pemrograman. Selengkapnnya baca artikel ini sampai selesai.

Apa itu HTML?

Hyper Text Markup Language merupakan bahasa mark up yang mudah untuk dipahami oleh pengguna dan dapat memudahkan user pemula ataupun developer dalam memformat, menyusun, serta mengorganisir suatu dokumen secara online menggunakan program Microsoft Word.

Hasil gambar untuk html website
Hyper Text Markup Language

Hyper Text Markup Language bukanlah bahasa pemrograman, dan itu berarti tidak punya kemampuan untuk membuat fungsionalitas yang dinamis

Fungsi HTML

Berfungsi untuk memudahkan pengguna saat mengelola atau mengatur sebuah data dalam bentuk dokumen pada website agar menghasilkan dokumen yang menarik dan mudah dibaca oleh seluruh pengguna internet di seluruh dunia, Nah makanya mempunyai kelebihan yaitu banyak sumber dan luas serta konsisten.

Contoh Script HTML :

<html>
<head>
  <title>Cerdikiawan.org</title>
</head>
<body>
  <main>
    <h1>Cerdikiawan</h1> 
    <h2>Berbagi Cerdas Teknologi Informasi Masa Kini</h2>
    <p>Hyper Text Markup Language merupakan bahasa mark up yang mudah untuk dipahami</p> 

  
  </main>
</body>
</html>

Kelebihan dan Kekurangan HTML

Dalam semua hal bahkan dalam dunia web pasti memiliki kelebihan dan kekurangan sendiri-sendiri sama halnya dengan HTML.

Kelebihan :

  1. Open-source dan Full-free
  2. Bahasa yang digunakan secara luas dan memiliki banyak sumber serta komunitas yang besar.
  3. Dapat dimasukkan bahasa pemrograman untuk mempercantik halaman web seperti Javascript, VBScript, Active Server Pages, Perl, Tcl, PHP dan sebagainya.
  4. Dijalankan secara alami di setiap web browser.
  5. Bahasa pengkodean lintas-platform, artinya dapat digunakan pada berbagai jenis mesin komputer dan berbagai sistem operasi yang berbeda.
  6. Memiliki learning curve yang mudah.
  7. Bahasa markup yang rapi dan konsisten.
  8. Standard web yang resmi di-maintain oleh World Wide Web Consortium (W3C).
  9. Mudah diintegrasikan dengan bahasa backend, seperti PHP dan Node.js.
  10. Dapat disisipkan gambar baik gambar statis maupun dinamis (animasi) termasuk menggunakan gambar untuk di-hyperlink.
  11. Animasi dapat disisipkan dalam bentuk Java Applet atau file animasi dari Macromedia Flash atau Macromedia Shockwave

Kekurangan :

  1. Tidak memungkinkan user untuk menjalankan logic. Jadi, semua halaman web harus dibuat terpisah meskipun menggunakan elemen yang sama, seperti header dan footer.
  2. Halaman statis, untuk mendapatkan halaman dinamis harus menggunakan bahasa pemrograman tertentu seperti Javascript dan lain nya.
  3. Memiliki begitu banyak tag yang sulit dipelajari bagi mereka yang masih awam.
  4. Paling sering digunakan untuk halaman web statis.
  5. Fitur-fitur baru tidak bisa digunakan secara cepat di sebagian browser.
  6. Terkadang perilaku browser susah untuk diprediksi.

Apa itu CSS?

Mari kita selesaikan artikel ini yang berjudul Pengertian HTML, CSS dan JavaScript Secara umum, Cascading Style Sheets adalah kumpulan perintah yang digunakan untuk menjelaskan tampilan sebuah halaman situs web dalam mark-up language

Hasil gambar untuk css wallpaper hd
Cascading Style Sheets

Biasanya digunakan untuk mengatur tampilan elemen yang tertulis dalam bahasa markup, Mark-up language atau bahasa markah adalah bahasa pemrograman yang biasanya digunakan membuat website misalnya seperti HTML.

Fungsi CSS

Berungsi memisahkan konten dari tampilan visualnya di situs. Dibuat dan dikembangkan oleh World Wide Web Consortium pada tahun 1996 untuk alasan yang sederhana. Cascading Style Sheet merupakan bahasa pemrograman yang dipakai untuk mendesain halaman depan atau tampilan website (front end), menangani tampilan dan ‘rasa’ dari halaman website.

Contoh Script CSS :

<style>
body {background:#0000FF; color:#FFFF00; margin-left:0.5in}
h1 {font-size:18pt; color:#FF0000}
p {font-size:12pt; font-family:arial; text-indent:0.5in}
</style>

Kelebihan & Kekurangan CSS

Selain banyak manfaat juga mempunyai kelebihan dan kekurangan, diantaranya :

Kelebihan :

  1. Halaman Lebih Cepat Dimuat
  2. Mempercepat Proses Desain
  3. Style Lebih Beragam Dibanding HTML
  4. Proses Pemeliharaan Mudah
  5. Kompatibel Dengan Berbagai Macam Perangkat
  6. CSS Menjadi Standar Pengembangan Website

Kekurangan :

  1. Ada beberapa browser lama tidak kompatible dengan CSS.
  2. Harus Tahu dalam penggunaannya.
  3. Tidak semua browser dapat mengartikan kode CSS dengan cara yang sama, sehingga tampilan pada web dengan CSS terlihat baik pada browser yang satu, tetapi berantakan di browser yang lain.
  4. Di butuhkan waktu yang cukup lama dalam mendesain dan membuatnya

Baca Juga : Belajar Pengembangan Aplikasi Android dengan Flutter

Apa itu JavaScript?

Selanjutnya Pengertian HTML, CSS dan JavaScript JavaScript adalah sebuah bahasa komputer yang digunakan pada website agar website tersebut menjadi lebih interaktif dan dinamis. Penggunaan pada sebuah website bersifat opsional, artinya tidak harus selalu ada.

Baca Juga : Belajar Pengembangan Aplikasi Android dengan Flutter

Hasil gambar untuk javascript
JavaScript

JavaScript berfungsi membuat sebuah halaman website lebih interaktif dan dinamis dan untuk mengatur tampilan konten dan CSS mengelola layoutnya jadi ketiganya sangatlah berbeda. Penggunaan kode javascript sangat dibutuhkan untuk website-website yang berorientasi pada kenyamanan pengakses (user-experience).

Contoh Kode JavaScript :

var n = prompt("Cerdikiawan");
var c = confirm("Hello "+n+"! Berangkat kuliah?");
if (c == true) {
alert('Hati-Hati');
}else{
alert('Iyasudah');
}

Kelebihan & Kekurangan JavaScript

Ada beberapa kelebihan & kekurangan diantaranya :

Kelebihan :

  1. Lebih mudah dipelajari jika dibandingkan dengan bahasa pemrograman yang lainnya
  2. Tidak membutuhkan compiler sebab web browser bisa menginterpretasikannya dengan HTML.
  3. Penanganan dan pencarian kesalahan ataupun error juga lebih mudah
  4. dapat digunakan di berbagai web browser dan platform.
  5. Memori yang digunakan tergolong kecil, ringan, dan lebih cepat dibanding bahasa pemrograman yang lainnya.
  6. Dapat dialihtugaskan ke even tertentu ataupun halaman  web tertentu

Kekurangan :

  1. Memiliki resiko tinggi terhadap ekploitasi.
  2. Banyak dimanfaatkan untuk mengaktifkan kode berbahaya di komputer user.
  3. Script yang digunakan pada Javascript tidak terenkripsi
  4. Memiliki keterbatasan objek
  5. Bukan untuk pengembangan aplikasi stand alone

Sekian artikel ini saya buat semoga bermanfaat dan Terimakasih

Info Saya : WhatsApp

Irsyad

Irsyad Muhamad mahasiswa aktif Universitas Stikubank Semarang

Anda mungkin juga suka...

1 Komentar

  1. […] Baca Juga : Apa itu HTML, CSS & JavaScrpt? […]

Tinggalkan Balasan

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