Pengertian dan Perbedaan HTML, CSS, PHP Dan JavaScript

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.

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>.

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.


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.

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.

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>




Komentar

  1. terimakasih kak, artikelnya sangat membantu saya yang masih pemula. disini saya tau pengertian sekaligus perbedaan script antara HTML,PHP, JAVASCRIPT dan CSS.

    Jangan lupa kunjungi website kampus saya : http://www.atmaluhur.ac.id
    dan jangan lupa kunjungi website saya juga : http://ninabella.mahasiswa.atmaluhur.ac.id/

    BalasHapus
  2. Mantulllll kak sangat membantu.. Semangaaaat...

    BalasHapus
  3. Oh css buat mengatur begroun dan warna ya

    BalasHapus
  4. Sederhana mudah dimengerti, terimakasih

    BalasHapus
  5. Terimakasih buat informasinya gan, sangat mudah untuk difahami

    BalasHapus
  6. Warbiyasa , suka deh , banyak nambah ilmu nih

    BalasHapus
  7. Agen Bandar Bola| Pasang Bola | Taruhan Bola Online – Maju88bet yang saat ini menjadi situs terpercaya dan sudah berpengalaman di bidangnya memberikan banyak permainan yang saat ini bisa anda nikmati https://bolaonlinelive.com/

    BalasHapus
  8. Cocog utk pemula otodidak.
    Terimakasih banyak

    BalasHapus
  9. Matur suwun admin,semoga postingan ini bermanfaat dan untuk admin selalu di beri kelancaran segala urusan nya

    BalasHapus
  10. Best Real Money Casino Apps in USA 2021 - CasinoWow
    Slots Casino — One https://octcasino.com/ of the most recognizable online slots games around. This game's most recent is the 바카라사이트 Playtech 🏆 Best poormansguidetocasinogambling.com Real Money Casino App: SlotWolf🎁 #1 USA Casino Bonus: Risk herzamanindir.com/ Free Spins for $1,000🏆 바카라 사이트 Best Real Money Casino App: SlotsMillion

    BalasHapus

Posting Komentar