Selasa, 25 September 2012

PERKEMBANGAN HTML



Perkembangan HTML

Hingga kini, HTML telah mencapai versi 4.01 yang telah kita kenal dan telah kita pakai terlepas kita tahu cara pendayagunaannya atau tidak. Sebelum suatu HTML di sahkan sebagai suatu dokumen HTML standar, ia harus di setujui dulu oleh W3C untuk di evaluasi secara ketat. Dengan demikian, setiap terjadi perkembangan level, HTML memiliki suatu kelebihan yang baru dalam hal penampilannya ketimbang versi-versi sebelumnya. Jika ada buf pada perintah-perintah tertentu dapat di hindari.

Setiap terjadi perkembangan suatu versi HTML, maka mau tak mau browser pun harus memperbaiki diri agar bisa mendukung kode-kode HTML yang baru tersebut. Sebab jika tidak, browser tidak akan bisa menampilkan HTML tersebut. HTML itu sediri awalnya dari bahasa SGML (Standard Generalized MarUp Language), yang sudah di gunakan sejak dulu untuk memformat dokumen agar bersifat portable. Tata cara penulisan HTML merupakan penyederhanaan SGML.
HTML versi 1.0
HTML versi 1.0 merupaka HTML pionir yang didalamnya masih terdapat banyak sekali kelemahan hingga wajar jika tampilan yang di hasilkan sangat sederhana. Kemampuan yang dimiliki versi 1.0 ini antara lain Heading, paragraph, hypertext, list, serta certak tebal dan miring pada text. Versi ini juga mendukung peletakan image pada dokumennya tanpa memperbolehkan meletakkan teks di sekelilingnya (wraping).
HTML versi 2.0
HTML versi ini, penambahan kualitas HTML terletak pada kemampuanya untuk menampilkan suatu form pada dokumen. Dengan adanya form ini, kita dapat memasukkan nama, alamat, serta saran dan kritik. HTML versi 2.0 ini merupakan pionir dari adanya web interaktif.
HTML versi 3.0
Versi HTML 3.0 menambahkan beberapa fasilitas baru seperti figure yang merupakan perkembangan Image untuk meletakkan gambar dan table. Selain itu, HTML versi ini juga mendukung adanya rumus-rumus matematika dalam dokumennya. Versi ini yang juga di sebut HTML+- tidak bertahan lama dan segera di gantikan dengan versi 3.2
HTML versi 3.2
HTML versi ini merupakan HTML yang sering kita gunakan saat ini. Didalamnya terdapat suatu teknologi untuk meletakkan teks di sekeliling gambar, gambar sebagai latar belakang, table, frame, style sheet dan lain-lain. Selain itu pada HTML versi ini kita bisa menggunakan script di luar HTML untuk mendukung kinerja HTML kita tersebut, seperti javascript, VBscript dan lain-lain.
HTML versi 4.0
HTML ini memuat banyak sekali perubahan dan revisi dari pendahulunya yaitu HTML versi 3.2. perubahan ini hampir terjadi di segala perintah HTML seperti table, image, link, teks,meta, imagemaps,form dan lain-lain.
HTML versi 4.01
Ini adalah versi terakhir dari HTML. HTML 4.01 merupakan revisi dari HTML 4.0. versi terbaru ini memperbaiki kesalahan-kesalahan kecil (minor errors) pada versi terdahulunya. HTML versi ini juga menjadi standardisasi untuk elemen dan atribut dari script XHTML 1.0.

sumber :
http://syakir-berbagiilmu.blogspot.com/2012/02/perkembangan-html.html

CARA PENGUNAAN MARQUEE DALAM HTML MAIRATNASARI XI IS 2




Cara Membuat Teks Berjalan dengan Menggunakan Script HTML Marquee
Apa itu Marquee ?
Marquee adalah script HTML yang digunakan untuk membuat teks berjalan. Fitur ini terkadang muncul di beberapa blog atau website untuk menarik perhatian pengunjung terhadap sesuatu yang ditawarkan oleh pemilik blog atau website.
Bagaimana cara membuat teks berjalan dengan menggunakan script HTML Marquee ? Tentu saja anda harus menuliskan tag-tag HTML yand disisipkan dimana anda ingin menampilkan teks berjalan itu.
Berikut adalah jenis-jenis script HTML Marquee dan tag-tag HTML yang harus digunakan untuk menampilkannya.

• Marquee 1.0, merupakan marquee standar agar teks yang ditampilkan berjalan dari kanan ke kiri. Script-nya di bawah ini !     Copy Scrip ini :    <marquee>Teks Anda</marquee>


• Marquee 1.0.1, merupakan pengembangan dari Marquee 1.0, jika anda arahkan mouse pada teks berjalan maka teks berhenti. Script-nya di bawah ini !  Copy Scrip ini :   <marquee onmouseout="this.start()" onmouseover="this.stop()">
Teks Anda</marquee>


• Marquee 1.0.2, teks berjalan dari kiri ke kanan. Script-nya di bawah ini ! Copy Scrip ini :  <marquee direction="right">teks yang anda tampilkan</marquee>


• Marquee 2.0, Marquee ini kerjaannya bolak-balik dari ruang kotak yang kasat mata. Script-nya di bawah ini ! Copy Scrip ini : <marquee behavior="alternate">Teks Anda</marquee>



• Marquee 2.0.1, pengembangan dari Marquee sebelumnya dengan pancingan scrollammount dia menjadi sangat agresif. Script-nya di bawah ini ! Copy Scrip ini : <marquee behavior="alternate" scrollammount="18">Teks Anda</marquee>



• Marquee 2.0.2, masih pengembangan dari Marquee 2.0 dengan sentuhan on-mouse-over stop dan on-mouse-out start, seperti Marquee 1.0.1. Jika anda arahkan mouse pada teks maka dia akan berhenti. Copy Scrip ini : <marquee behavior="alternate" onmouseout="this.start()" onmouseover="this.stop()">Teks Anda</marquee>



• Marquee 3.0, adalah marquee climbing, sehingga kita lihat arah teksnya pun ke atas. Jika anda memiliki teks yang banyak, maka Marquee ini merupakan pilihan yang tepat. Copy Scrip ini : <marquee direction="up">Teks Anda</marquee>


• Marquee 3.0.1, pengembangan dari marquee sebelumnya yang tidak mempunyai batas ruang. Marquee ini kita batasi ruang kasatnya sehingga memiliki height 100 saja. Demikian dengan kemampuan scrollammount-nya kita perlambat. Dan kita kasih on mouse stop/start juga. Script-nya di bawah ini ! Copy Scrip ini : <marquee direction="up" height="100" onmouseout="this.start()" onmouseover="this.stop()" scrollammount="2" width="100%">
Teks Anda</marquee>




• Marquee 3.0.2, masih pengembangan dari marquee sebelumnya, hanya saja teks berada di tengah ruang kasat. Script-nya di bawah ini ! Copy Scrip ini :  <marquee align="center" direction="up" height="100" scrollammount="2" width="100%">Teks Anda</marquee>


• Marquee 3.0.3, pengembangan juga dengan arah berlawanan dari marquee sebelumnya, marquee ini senang sekali berjalan menurun. Sehingga teks yang dihasilkan berjalan dari atas ke bawah. Kemampuan scrollammount-nya tidak bisa kita batasi sehingga terlihat agresif dengan ruang kasat yang kecil. Silakan anda perlambat sendiri. Script-nya di bawah ini ! Copy Scrip ini : <marquee direction="down" height="100" width="100%">Teks Anda</marquee>

sruktur dasar HTML mairatnasari XI IS 2



Struktur Dasar HTML
Description: http://2.bp.blogspot.com/-vMlegPxUfMU/Tsm3TC45AqI/AAAAAAAAAm4/5AW6G96bLHM/s200/html.jpg
Struktur Dasar HTML - Pada pagi yang sedikit mendung ini, 4jie blog akan coba share tentang struktur dasar dalam HTML. Struktur HTML (Hyper Text Markup Language) ini merupakan susunan dalam sebuah script HTML yang wajib ada didalamnya.  Struktur HTML ini wajib ada, sebab bila tidak ada struktur dasar HTML, mustahil sebuah script bisa bekerja.
Berikut ini struktur dasar HTML yang bisa dibaca
dan dipelajari, semoga dapat dipahami dengan mudah !
Struktur Dasar HTML 
<html>
<head>
<title> JUDUL </title>
</head>

<body>
Belajar HTML itu Mudah

</body>
</html>

Keterangan !
<html> Merupakan kode pembuka dalam sebuah HTML
<head> Bagian kepala pada sebuah HTML
<title> JUDUL </title> Bagian judul sebuah untuk HTML
</head> Merupakan Penutup dari sebuah script HTML
</body> Merupakan kode untuk pembuka sebuah isi script yang ada didalam HTML
Belajar HTML itu Mudah Merupakan isi pada sebuah HTML
</body> Merupakan kode untuk penutup sebuah isi script yang ada didalam HTML
</html> Merupakan kode penutup dalam sebuah HTML
 sumber:wikipedia indonesia

PENGERTIAN DAN SEJARAH HTML



PENGERTIAN DAN SEJARAH HTML


SEJARAH HTML

HTML dibuat oleh Tim Berners-Lee ketika masih bekerja untuk CERN dan dipopulerkan pertama kali oleh browser Mosaic. Selama awal tahun 1990 HTML mengalami perkembangan yang sangat pesat. Setiap pengembangan HTML pasti akan menambahkan kemampuan dan fasilitas yang lebih baik dari versi sebelumnya.

PERKEMBANGAN HTML

Sebelum suatu HTML disahkan sebagai suatu dokumen HTML standar, ia harus disetujui dulu oleh W3C untuk dievaluasi secara ketat.
Setiap terjadi perkembangan suatu versi HTML, maka mau tak mau browser pun harus memperbaiki diri agar bisa mendukung kode-kode HTML yang baru tersebut. Sebab jika tidak, browser tak akan bisa menampilkan HTML tersebut.

HTML versi 1.0

Kemampuan yang dimiliki versi 1.0 ini antara lain heading, paragraph, hypertext, list, serta cetak tebal dan miring pada teks. Versi ini juga mendukung peletakan image pada dokumennya tanpa memperbolehkan meletakkan teks disekelilingnya (wrapping).

HTMl versi 2.0

Pada versi ini, penambahan kualitas HTML terletak pada kemampuannya untuk menampilkan suatu form pada dokumen. Dengan adanya form ini, maka kita dapat memasukkan nama, alamat, serta saran/kritik. HTML versi 2.0 ini merupakan pionir dari adanya homepage interaktif.

HTML versi 3.0

HTML versi 3.0 menambahkan beberapa fasilitas baru seperti table. Versi ini yang disebut juga sebagai HTML+ tidak bertahan lama dan segera digantikan HTML versi 3.2.

HTML versi 4.0

HTML versi 4 ini merupakan HTML versi terakhir pada saat sumber ini diambil. HTML ini memuat banyak sekali perubahan dan revisi dari pendahulunya. Perubahan ini terjadi di hampir segala perintah-perintah HTML seperti table, image, link, text, meta, imagemaps, form, dan lain- lain.

PENGERTIAN HTML

Hypertext Markup Language (HTML) adalah bahasa markup yang umum digunakan untuk membuat halaman web. Sebenarnya HTML bukanlah sebuah bahasa pemrograman. Apabila di tinjau dari namanya, HTML merupakan bahasa mark-up atau penandaan terhadap sebuah dokumen teks. Tanda tersebut di gunakan untuk menentukan format atau style dari teks yang di tandai.

Fungsinya :
1.     Membuat, mendesain, dan mengontrol tampilan dari Web Page (Halaman Web) dan isinya.
2.     Mempublikasikan document secara online sehingga bias diakses, dilihat dan dari dan keseluruh dunia.
3.     Membuat online form yang bias di gunakan untuk menangani pendaftaran, transaksi secara online.
4.     Menambahkan object – object seperti image, audio, video dan juga java applet (aplikasi java seperti java game dll) dalam document HTML.

Pada dasarnya elemen HTML ada 2 kategori:
  1. Elemen  berfungsi untuk memberikan informasi atau mendeklarasikan dokumen tersebut.
  2. Elemen berfungsi untuk menentukan bagaimana isi suatu dokumen ditampilkan pada browser.
Browser dan Editor

1.                Browser
Browser merupakan software yang di install di mesin client (komputer kita sebagai pengguna website) yang berfungsi untuk menterjemahkan tag-tag HTML menjadi halaman web. Contoh browser Internet Explorer, Mozila, opera dan masih banyak yang lainya.

2.                Editor
Editor adalah program yang bisa digunakan untuk membuat document HTML (Web page/Halaman Web), ada banyak HTML editor yang bisa anda gunakan diantaranya: Ms FrontPage, Dreamweaver, Notepad.