Apa itu Pengertian HTML, CSS, JavaScript dan PHP - Halo pembaca yang budiman, kali ini kita akan mempelajari
apa itu
pengertian HTML, CSS, JavaScript dan PHP, tentu sebelum bisa
membuat sebuah website kita perlu tau dasar-dasar
pengetahuan HTML, CSS,
JavaScript, dan PHP. Banyak blog yang membahas tentang dasar-dasar
HTML, CSS, JavaScript, dan PHP, tentunya lebih lengkap, namun pada
artikel ini penulis hanya menjelaskan pengertian dan contohnya saja. Untuk yang belum mengerti
macam-macam website bisa klik
artikel ini.
Oke langsung saja, simak beberapa penjelasan mengenai
pengertian HTML, CSS, JavaScript dan PHP secara singkat.
Pengertian HTML
Jika
pembaca meng-klik kanan pada halaman
blog ini, (caranya klik kanan >
view page source) maka akan membuka window baru browser yang
menampilkan sekumpulan scrip, ya itu lah kode HTML dari blog ini.
HTML
adalah singkatan dari
Hypertext Markup Language. Disebut
hypertext
karena di dalam
HTML sebuah text biasa dapat berfungsi lain, kita dapat
membuatnya menjadi link yang dapat berpindah dari satu halaman ke
halaman lainnya dengan hanya meng-klik text tersebut. Kemampuan text
inilah yang dinamakan
hypertext, walaupun pada implementasinya nanti
tidak hanya text yang dapat dijadikan
link.
Disebut
Markup Language karena bahasa
HTML menggunakan tanda (mark), untuk
menandai bagian-bagian dari text. Misalnya, text yang berada di antara
tanda tertentu akan menjadi tebal, dan di antara tanda lainnya akan
tampak besar. Tanda ini akan kita kenal di
HTML sebagai tag.
HTML
bukan bahasa pemograman (
programming language), tetapi bahasa markup
(
markup language), hal ini terdengar sedikit aneh, tapi jika anda telah
mengenal bahasa pemograman lain, dalam
HTML tidak akan ditemukan
struktur yang biasa di temukan dalam bahasa pemograman seperti
IF, LOOP,
maupun variabel.
HTML hanya sebuah bahasa struktur yang fungsinya untuk
menandai bagian-bagian dari sebuah halaman.
Contoh HTML:
Pengertian CSS
CSS
adalah kumpulan kode program yang digunakan untuk mendesain atau
mempercantik tampilan halaman HTML. Dengan CSS kita bisa mengubah desain
dari text, warna, gambar dan latar belakang dari (hampir) semua kode
tag HTML.
CSS biasanya selalu dikaitkan dengan HTML,
karena keduanya memang saling melengkapi. HTML ditujukan untuk membuat
struktur, atau konten dari halaman web. Sedangkan CSS digunakan untuk
tampilan dari halaman web tersebut.
Berikut kode HTML bila ditambahkan dengan CSS:
<!DOCTYPE html>
<html>
<head>
<title>Test Background Color CSS</title>
<style type="text/css">
.warna {
color: red;
}
</style>
</head>
<body>
<p>
CSS merupakan bahasanya <span class=warna>desainer web</span>.
Namun sebenarnya, apa itu CSS?
<br />
<span class=warna>CSS </span>adalah kumpulan kode
yang digunakan untuk mendefenisikan desain dari bahasa markup,
<span class=warna>salah satunya adalah HTML</span>.
<br />
Dengan CSS kita bisa mengubah desain dari
<span class=warna>text, warna, gambar dan latar belakang</span>
dari (hampir) semua kode tag HTML.
</p>
</body>
</html>
Hasilnya:
Pengertian JavaScript
JavaScript
adalah bahasa pemograman web yang bersifat Client Side Programming
Language. Client Side Programming Language adalah tipe bahasa pemograman
yang pemrosesannya dilakukan oleh client. Aplikasi client yang dimaksud
merujuk kepada web browser seperti Google Chrome dan Mozilla Firefox.
Jenis
bahasa pemograman Client Side berbeda dengan bahasa pemograman Server
Side seperti PHP, dimana untuk server side seluruh kode program
dijalankan di sisi server.
JavaScript
tidak hanya berguna untuk validasi form, namun untuk berbagai keperluan
yang lebih modern. Berbagai animasi untuk mempercantik halaman web,
fitur chatting, efek-efek modern, games, semuanya bisa dibuat
menggunakan JavaScript.
Berikut Contoh kode HTML bila ditambahkan JavaScript:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Belajar JavaScript</title>
<script>
window.onload = function()
{
var hasil;
hasil = 1+3+5+7+9;
alert(hasil);
}
</script>
</head>
<body>
<h1>Belajar JavaScript</h1>
<p> Saya sedang belajar JavaScript di desainwebb.blogspot.com </p>
</div>
</body>
</html>
Hasilnya:
Pengertian PHP
PHP
adalah bahasa pemrograman script
server-side yang didesain untuk
pengembangan web. Selain itu,
PHP juga bisa digunakan sebagai bahasa
pemrograman umum (
wikipedia).
PHP disebut bahasa
pemrograman
server side karena
PHP diproses pada komputer server. Hal
ini berbeda dibandingkan dengan bahasa pemrograman
client-side seperti
JavaScript yang diproses pada
web browser (client).
Jika menggunakan
PHP, kita tinggal membuat perulangan for sebanyak 1000 kali dengan perintah yang lebih singkat seperti berikut ini:
<!DOCTYPE html>
<html>
<head>
<title>Contoh list dengan PHP</title>
</head>
<body>
<h2>Daftar Absensi Mahasiswa</h2>
<ol>
<?php
for ($i= 1; $i <= 1000; $i++)
{
echo "<li>Nama Mahasiswa ke-$i</li>";
}
?>
</ol
</body>
</html>
Hasilnya:
Ya mungkin itu saja, sekian pelajaran mengenai apa itu pengertian HTML, CSS, JavaScript, dan PHP. semoga bermanfaat bagi para pembaca diluar sana. amin.