Kamis, 21 Maret 2013

HTML, CSS, dan JavaScript


Pengertian

HTML

Hyper Text Markup Lenguage yang biasa digunakan untuk sebuah WEB atau untuk menampilkan berbagai informasi di penjelajah mesin pencari internet, HTML biasanya di simpan dalam format ASCII yang bertujuan untuk dapat berintegrasi, dengan kata lain program yang di buat dengan perangkat lunak dan  akan di simpan dengan otomatis ke dalam  format ASCII sehingga menjadi hompage dengan berbagai perintah HTML.

HTML adalah sebuah alat standar yang di gunakan luas untuk di tampilkan ke berbagai halaman web, HTML saat ini standar dalam internet  yang bisa di definisikan atau di kendalikan secara manual oleh pengguna WEB tersebut.

CSS

Merupakan salah satu bahasa pemrograman web untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. Ibaratnya Website tanpa CSS itu sama aja makan Sayur ga pake garem! Ga enak.. ga  indah. Sama halnya styles dalam aplikasi pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa berkas.

Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML. CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada teks,warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya.CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokumen.Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda.


JAVASCRIPT

JavaScript adalah bahasa pemrograman berbasis prototipe yang berjalan disisi klien. Jika kita berbicara dalam konteks web, sederhananya, kita dapat memahami JavaScript sebagai bahasa pemrograman yang berjalan khusus untuk di browser atau halaman web agar halaman web menjadi lebih hidup. Kalau dilihat dari suku katanya terdiri dari dua suku kata, yaitu Java dan Script. Java adalah Bahasa pemrograman berorientasi objek, sedangkan Script adalah serangkaian instruksi program.

Secara fungsional, JavaScript digunakan untuk menyediakan akses script pada objek yang dibenamkan ( embedded ). Contoh sederhana dari penggunaan JavaScript adalah membuka halaman pop up, fungsi validasi pada form sebelum data dikirimkan ke server, merubah image kursor ketika melewati objek tertentu, dan lain lain.

Perbedaan (Pada penulisan sintax)

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;}
Keterangan:
-> 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;
?>


Daftar Pustaka

Nugraha, Purna. 2012. Perbedaan HTML, CSS dan Javascript. (Online). (Purwa-nugraha.blogspot.com, diakses 28 Februari 2012)
Linawati. 2012. Pengertian HTML, CSS dan Javascript. (Online).(Linamanies.blogspot.com, diakses 18 Juni 2012)

Tidak ada komentar:

Posting Komentar