Jenis dan Contoh Bahasa Pemrograman Dasar Web


Singkat mengenai definisi bahasa pemrograman adalah sebuah instruksi standar untuk memerintah komputer agar menjalankan fungsi tertentu. Pada dasarnya kita berkomunikasi dengan sesama manusia, sama halnya dengan komputer untuk bisa berinteraksi, memberikan perintah, dan lain-lain, maka kita harus memahami bahasa komputer, yang saat ini sudah sangat mudah karna sudah ada bahasa tingkat tinggi menurut tingkat kedekatannya dengan bahasa manusia, yang instruksinya memiliki unsur-unsur kata bahsa manusia, contohnya : begin, end, if, for dan lain-lain.

Berikut jenis dan contoh bahasa pemrograman dasar yang ada pada aplikasi berbasis Web:

HTML (Hyper Text Markup Language)
HTML merupakan bahasa yang digunakan untuk membuat halaman web. HTML bukanlah bahasa prosedur seperti C, C++, atau Pascal. HTML lebih kepada bahasa yang menetapkan corak paparan dokumen pada browser. Pada browser Mozilla Firefox misalnya, Anda bisa melihat kode HTML suatu halaman melalui view - Page Source atau dengan menekan kombinasi Ctrl+U.

Secara umum, penulisan tag HTML dilakukan dengan format sebagai berikut:

<tag>Teks yang diberi efek</tag>

Sebagai contoh, jika anda menghendaki sebuah kata ditampilkan dengan format tebal, maka letakkan kata tersebut diantara tag penebal huruf. Pada pemrograman HTML, tag untuk menebalkan huruf adalah <b>. Anda bisa lihat kode berikut:

<b>Teks ini akan ditampilkan dengan format tebal</b>

Sebuah tag dapat memiliki sejumlah atribut. Misalnya tag <body> memiliki atribut bgcolor (warna background), text (warna text), link (warna link). Secara lengkap, contohnya adalah sebagai berikut:

<body bgcolor="lightyellow" text="blue" link="#ff0000">

Struktur dasar sebuah dokumen HTML dapat dijelaskan dengan contoh sebagai berikut:

<!DOCTYPE>
<html>
<head>
<title>Struktur dasar HTML</title>
</head>
<body>
Isi dokumen HTML di sini
</body>
</html>

Penjelasan dari struktur kode diatas adalah sebagai berikut:
  1. Setiap dokumen HTML harus diawali tag <html> dan diakhiri tag </html>. tag <html> adalah tag pembuka dokumen HTML. Tag </html> adalah tag penutup dokumen HTML.
  2. Bagian head merupakan kepala dokumen HTML. Bagian ini menyimpan metadata pada dokumen HTML. Format penulisannya adalah diawali tag <head> dan diakhiri </head>.
  3. Judul dokumen akan ditampilkan pada bagian kiri atas jendela web browser. Cara penulisan judul dokumen adalah diawali tag <title> dan diakhiri tag </title>. Bagian ini termasuk golongan metadata sebuah dokumen HTML, sehingga harus diletakkan diantara tag <head> dan </head>
  4. Bagian body dokumen HTML adalah tempat dimana seluruh isi dokumen HTML yang hendak ditampilkan pada web browser. Format tulisannya adalah diawali dengan <body> dan diakhiri </body>.
PHP (Personal Home Page)
PHP merupakan bahasa pemrograman yang bersumber dari Perl. Sedangkan Perl merupakan pengembangan dari bahasa C. Oleh karenanya, struktur pemrograman yang ada di PHP sama dengan yang ada di bahasa C. PHP mampu berintegrasi dengan berbagai macam jenis database. Database yang paling umum digunakan ialah MySQL.

PHP adalah sebuah bahasa pemrograman yang perintahnya dilaksanakan pada server dan kemudian hasilnya ditampilkan pada komputer klient. PHP juga merupakan HTML embedded, yaitu perintah-perintah PHP yang dituliskan bersamaan dengan perintah-perintah HTML. Dapat dikatakan tanpa HTML, maka PHP tidak dapat dijalankan sebagaimana mestinya, keduanya saling bersinergi.

Bahasa pemrograman ini dirancang khusus untuk membentuk web dinamis. Artinya, pemrograman PHP dapat membentuk suatu tampilan berdasarkan perintah terkini, misalnya halaman yang menampilkan daftar buku tamu. Halaman tersebut akan selalu mengalami perubahan mengikuti jumlah data tamu yang telah mengisi buku tamu.

Penulisan script PHP sangat fleksibe. Dapat berdiri sendiri dalam sebuah file namun juga dapat menyatu dengan kode HTML, yaitu disisipkan di sela-sela kode HTML. Penulisan script PHP diawali dengan tanda <? atau <?php dan diakhiri dengan tanda ?>. Artinya, setiap karakter atau angka yang diketik antara kedua tanda tersebut dianggap sebagai script PHP dan diperlakukan sebagai fungsi dalam script PHP.

Baca juga:
Tipe Data dan Operator Dasar dalam PHP

CSS (Cascading Style Sheet)
Jika HTML bertugas menangani pembagian struktur tiap element HTML, CSS merupakan bahasa pemrograman yang khusus menangani tampilan tiap element di dalam dokumen HTML. Dengan memanfaatkan CSS, struktur kode HTML kita akan terlihat rapih dan terstruktur.

CSS dapat mengendalikan ukuran gambar, ukuran huruf, warna pada teks, warna garis tabel, warna border, ketebalan border dan masih banyak lagi. Dalam penulisannya, struktur kode CSS dapat Anda lihat sebagai berikiut:

<style type="text/CSS">
p{font-family: verdana;}
</style>

Pada contoh di atas, dipergunakan tag HTML <p> sebagai selector. Dengan demikian, setiap huruf yang berada di antara tag <p> dan </p> akan menggunakan jenis font verdana.

JavaScript
JavaScript adalah bahas pemrograman script pada browser, atau bisa disebut dengan istilah client side programming. Anda tidak membutuhkan kompiler untuk menjalankan kode JavaScript. Anda cukup menjalankan JavaScript pada web browser.

JavaScript bisa juga ditulis pada file terpisah. File JavaScript tersebut tinggal Anda simpan dengan ekstensi (.js). Cara menggunakannya tinggal kita sisipkan pada file HTML sebagai berikut:

<script type="text/javascript" src="nama_file.js"></script>

Demikian adalah jenis-jenis bahasa pemrograman dasar web, yang dengan itu Anda sudah bisa membuat sebuah website ataupun aplikasi berbasis web yang diinginkan.

No comments:

Post a Comment