HOME MIP0806 VIDEO KAMPUS BPC

Sabtu, 25 Desember 2010

Perbedaan HTML, CSS dan Javascript

 
Postingan ini ditujukan terutama bagi pemula yang belum bisa bedakan jenis dan tipe code/script yang mereka lihat. Tujuannya adalah agar nantinya tidak salah menempatkan code lagi. Khususnya pada blogger 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, kan masing-masing ada tempatnya (tempatkan sesuatu pada tempatnya), apalagi code tersebut didapatkan dari pen-generate code seperti glitterfy.com.
Perbedaan diantara 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 (=)


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 (:)


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 "


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 tersebut adalah pintunya, mungkin itu perbedaan yang paling mendasar....
bravo....

4 komentar:

  1. Keren gan, ane suka artikelnya.. :)

    http://gubuginformasii.blogspot.com/2013/11/langkah-langkah-membuat-blog-yang-seo.html

    BalasHapus
  2. Sip gan Tes IQ nya

    BalasHapus
  3. sangat bermanfaat sekali infonya gan.

    bagi agan yang berminat belajar membuat website bisa dilihat di situs berikut ini http://www.computer-course-center.com/web-design.html

    BalasHapus
  4. bermanfaat sekali oh..kalau css ternyata menggunakan tanda kurung karawang ({..}) kalau html tanda yang seperti ini <>

    kunjungi website kampus saya www.atmaluhur.ac.id
    kunjungi blog saya jelinajohan.mahasiswa.atmaluhur.ac.id

    BalasHapus