Bagi seseorang yang berkutat dibidang IT pasti sudah tidak asing dengan HTML, CSS, PHP Dan Javascript, semua itu berhubungan dengan bahasa pemrograman web. Namun bagi yang masih asing dengan kata diatas akan bingung dengan hal diatas. Disini saya akan menjelaskan apa itu HTML, CSS, PHP Dan Javascript.
A. Pengertian HTML, CSS, PHP, dan JavaScript
1. HTML
HTML adalah singkatan dari HyperText Markup Language , yaitu markup language yang digunakan untuk membuat suatu halaman web, sehingga HTML dapat menampilkan berbagai informasi baik tulisan maupun gambar pada sebuah web browser. HTML biasanya menggunakan tag-tag tertentu yang berada dalam tanda kurung <>. Sebagian besar tag pada HTML adalah tag yang berpasangan, contoh : jika kita menggunakan <head> harus ditutup dengan </head>, atau jika kita menggunakan <p> harus ditutup dengan </p>. Tapi ada juga beberapa tag yang tidak berpasangan, contohnya adalah <img>.
2. CSS
CSS adalah singkatan dari Cascading Style Sheet, yaitu suatu aturan yang digunakan untuk mengatur tampilan maupun format dari suatu halaman web, sehingga tampilan web akan menjadi lebih teratur. CSS juga digunakan untuk meningkatkan keindahan suatu web dengan style-style tertentu. Contoh penggunaan CSS adalah untuk mengatur warna font, ukuran font, ketebalan font, mengganti background web, mengubah border dari suatu tabel, perubahan tampilan suatu link saat dipilih, dan lainnya.
3. PHP
PHP merupakan singkatan rekursif (akronim berulang) dari PHP Hypertext Preprocessor. PHP adalah bahasa pemrograman script yang paling banyak dipakai saat ini atau dalam kata lain bisa diartikan sebuah bahasa pemrograman web yang bekerja di sisi server (server side scripting) yang dapat melakukan konektifitas padadatabase yang di mana hal itu tidak dapat dilakukan hanya dengan menggunakan sintaks-sintaks HTML biasa. PHP banyak dipakai untuk memrogram situs webdinamis, walaupun tidak tertutup kemungkinan digunakan untuk pemakaian lain.
4. Javascript
Javascript adalah bahasa pemrograman yang dijalankan dikomputer klien. Javascript disipkan dalam kode-kode html dan digunakan sepenuhnya dengan bantuan browser. Javascript melakukan interaksi dengan pengguna langsung disisi klien. JavaScript juga merupakan bahasa scripting yang paling populer di internet dan bekerja pada banyak browser seperti Internet Explorer, Mozilla, Firefox, Netscape, Opera. JavaScript digunakan pada Web pages untuk meningkatkan design, validate forms, detect browsers, create cookies, GUI dsb.
B. Perbedaan Antara Keempat-empatnya Adalah :
HTML merupakan dasar suatu halaman web untuk menampilkan segala informasi.
CSS adalah penunjang HTML agar tampilan HTML menjadi lebih bagus dan menarik.
PHP digunakan sebagai controller, biasanya sebagai perantara halaman web dengan database.
Dan Javascript digunakan untuk penghubung Interaksi antara HTML dengan klien atau pengguna
Contoh dari Script HTML :
<html>
<head>
<title> Script HTML </title>
</head>
<body>
<p>Ini adalah HTML</p>
</body>
</html>
Contoh dari Script CSS :
<html>
<head>
<style type = “text/css”>
#header {width:900px;
height:50px;
border: 1px solid #640404;}
#headerLeft {width:400px;
background-color:#CCCCCC; height:50px; float:left; text-align:center;}
#headerRight {width:450px; background-color:#999999; height:50px; float:right; text-align:center;}
</style>
</head>
<body>
<h1>Sample</h1>
<div id = “header”>
<div id=”headerLeft”>Header Left</div>
<div id=”headerRight”>Header Right</div>
</div>
</body>
</html>
Contoh dari Script PHP :
<html>
<body>
<form action="upload_file.php" method="post" enctype="multipart/form-data">
<label for="file"> filename:</label>
<input type="file" name="file" id="file" />
<br>
<input type="submit" name="submit" value="submit"/>
</form>
</body>
</html>
Contoh dari Script Javascript :
<HTML>
<BODY><H3>Latihan Objek Document</H3><hr>Dengan perintah ini maka teks dalam dokumen ini akan berwarna putih<BR><SCRIPT LANGUAGE="Javascript">nama="Mikaela";
document.bgColor="blue";document.fgColor="white";document.title="Belajar buat Javascript";document.linkColor="red";document.vlinkColor="green";document.alinkColor="white";namakulink=nama.link('ir.html');document.writeln('Warna Link = '+ namakulink +'<BR>');</SCRIPT></BODY></HTML>
Pengertian dan Perbedaan HTML, CSS, PHP, Javascript
Reviewed by Muhammad Khairadhi
on
July 04, 2020
Rating:
No comments: