28 November 2010

Perbedaan HTML, CSS, JS, PHP

Postingan ini saya tujukan terutama bagi pemula/yang belum bisa bedakan jenis dan tipe code/script yang mereka lihat. Tujuannya adalah agar nantinya tidak salah menempatkan code lagi. maksudnya apa? khususnya pada Multiply kalau tag/code HTML ditempatkan pada yang support HTML dan CSS memiliki tempat sendiri. jadi jangan masukkan CSS pada box welcome atau html pada custom CSS, tentunya tidak nyambung dong, kan masing-masing ada tempatnya (tempatkan sesuatu pada tempatnya), apalagi code tersebut didapatkan dari pen-generate code seperti glitterfy.com atau apalah yang menyediakan fasiltas gituan.

ok lah, mari saya tunjukkan perbedaan diantara makhluk-makhluk yang bernama HTML, CSS, JS, PHP dan kawan-kawannya ini.

HTML:
<title>
<munir>
<manggatiga>
<b>
<a>
<i>
<html>
<body>
<table width="100%" border="0" cellpadding="5" cellspacing="0">
dan harus ditutup dengan garis miring (/)
</title>
</munir>
</manggatiga>
</b>
</a>
</i>
</html>
</body>
</table>

penjelasan:
-> Tag HTML ditandai dengan menggunakan < dan >
-> bila anda mendapatkan potongan code yang disediakan penggenerate code dan melihat ada tanda seperti diatas < dan > maka itu adalah HTML dan akhir elemennya harus ditutup dengan / menjadi </...>.
contoh:
<b> buat huruf tebal </b> hasilnya akan seperti ini buat huruf tebal
<i> buat huruf miring </i> hasilnya buat huruf miring
dan lain-lain termasuk manggatiga bisa dikatakan tag HTML bila ditulis <manggatiga> dan </manggatiga>

untuk pembatas property dan nilai menggunakan sama dengan (=)
ngerti ga lho..?

CSS:
selector {property: value}
#manggatiga {padding: 4 px; margin: 2px;}
.munir {font-size: 1.5em; color: blue; }
p.rokok {max-width: 400 px: magin-left: -12cm;}

ketengan:
-> Code CSS ditandai dengan menggunakan tanda kurung kurawang ({..})
-> # adalah id
-> . adalah class

untuk pembatas property dan value menggunakan titik dua (:)

sudah bisa bedakan? klo memang belum bisa bedakan... berarti memang  otak anda perlu di periksa ulang. hehehe canda ko' jangan tersinggung ya... !!!!

Javascript:

document.write("ini contoh pesan atau document  ditulis dengan JavaScript");
function message() {alert("box alert dengan me-onload event atau peristiwa"); }

penjelasan:
->Script JS ditandai dengan buka kurung dan tutup kurung ()
->JS sangat mirip dengan CSS namun yang membuatnya beda adalah JS merupakan script sedangkan CSS merupakan style.
->JS lebih sangat mirip lagi dengan VBscript apa lagi sama-sama script.
->Baca terus lanjutannya tulisan ini...

PHP (Hypertext Preprocessor)
<?php
echo "Hello World";
$txt = "Hello World!";
$number = 16;
echo $txt1 . " " . $txt2;
?>

penjelasan:
->PHP ditandai variabel $ karena statusnya untuk script server.
->Bila menampilkan pesan menggunakan tanda kutip " dan "

==>>Nah untuk Ajax dan lain-lain nantilah kita bahas.<<==

Kesimpulan :
Untuk masing code dan script harus ada pintu masuknya, apakah itu? code awal sebagai penanda bahwa yeng tertulis didalamnya adalah jenis dan tipe ini. perhatikan dibawah masing-masing pintunya.


<html>
<head>
disini disisipan CSS atau Script
</head>
<body>

disini di tulis isi site
tentu saja menggunakan tag html

</body>
</html>


<style type="text/css">
h1 {color: #00ff00}
h2 {color: #dda0dd}
p {color: rgb(0,0,255)}
</style>


<script type="text/javascript">
document.write("Hai semua... jangan lupa titip comentar ya...");
</script>


<script type="text/vbscript">
document.write("Hai semua... jangan lupa titip comentar ya...")
</script>


<?php

echo "Hello World";
$txt = "Hello World!";
$number = 16;
echo $txt1 . " " . $txt2;
?>

yang warna merah tersebutlah pintunya, saya kira seperti itu perbedaan yang paling mendasar....
salam...

0 komentar:

Posting Komentar

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Best Web Hosting