belajar script html

Perangkat Lunak di bagi atas 4 bagian yaitu

1. Sistem Operasi

2. Bahasa Pemrograman

3. Software Utility

4. Software Program Paket

Untuk saat ini, kita akan membahas tentang bahasa pemrograman yaitu HTML

HTML kepanjangan dari HyperText Markup Language merupakan adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet

Dalam menggunakan bahasa pemrograman HTML dibutuhkan 2 hal yaitu

a. Browser

b. Editor ( tempat menuliskan script / program )

Dalam Pemrograman Web di kenal ada 2 jenis pemrograman yaitu

1. Client Side Script yaitu pemrograman di sisi Client artinya semua proses dapat dilakukan di komputer Client
2. Server Side Script yaitu pemrograman di sisi server

Struktur dasar HTML

Dalam penggunaannya sebagian besar kode HTML tersebut harus terletak di antara tag kontainer. Yaitu diawali dengan dan diakhiri dengan (terdapat tanda “/”).

Sebuah halaman web minimal mempunyai empat buat tag, yaitu :

Sebagai tanda awal dokumen HTML.

Sebagai informasi page header. Di dalam tag ini kita bisa meletakkan tag-tag TITLE, BASE, ISINDEX, LINK, SCRIPT, STYLE & META.

Selamat Belajar HTML

Dibawah ini perintah-perintah yang digunakan pada HTML

Kumpulan Tag HTML –> Memberi komentar atau keterangan. Kalimat yang terletak pada tag kontiner ini tidak akan terlihat pada browser

Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut

Membuat nama bagian yang didefinisikan pada link pada halaman yang sama

Sebagai awal dari Java applets

Mendefinisikan daerah yang dapat diklik (link) pada image map

Membuat teks tebal

Membuat atribut teks default seperti jenis, ukuran dan warna font

Memberi (suara latar) background sound pada halaman web

Memperbesar ukuran teks sebesar satu point dari defaultnya

Membuat teks berkedip

Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link & visited link

Pindah baris

Membuat caption pada tabel

Untuk perataan tengah terhadap teks atau gambar

Meletakkan komentar pada halaman web tidak tidak akan nampak pada browser

Indents teks

Represents different sections of text.

Menambahkan sound or file avi ke halaman web

Seperti tag

Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks

Mendefinisikan input form

Mendefinisikan frame

Mendefinisikan attribut halaman yang akan menggunakan frame

…

Ukuran font

Mendefinisikan head document.

---

Membuat garis horizontal

Bararti dokumen html

Membuat teks miring

Image, imagemap atau an animation

Mendefinisikan input field pada form

Membuat bullet point atau baris baru pada list (berpasangan dengan tag , ,

and
)

Membuat scrolling teks (teks berjalan) – hanya pada MS IE

Mencegah ganti baris pada teks atau images

<b><big><blink><a href="" name=""><i><span> </span>Jika browser user tidak mendukung frame</span></p> <p class="MsoNormal"><span style="font-size: 10pt;"><ol><span> </span>Mendefinisikan awal dan akhir list</span></p> <p class="MsoNormal"><span style="font-size: 10pt;"><p><span> </span>Ganti paragraf</span></p> <p class="MsoNormal"><span style="font-size: 10pt;"><pre><span> </span>Membuat teks dengan ukuran huruf yg sama</span></p> <p class="MsoNormal"><span style="font-size: 10pt;"><script><span> </span>Mendefinisikan awal script</span></p> <p class="MsoNormal"><span style="font-size: 10pt;"><table><span> </span>Membuat tabel </span></p> <p class="MsoNormal"> <span style="font-size: 10pt;">Table Terdiri dari atribut : </span></p> <p class="MsoNormal"><span style="font-size: 10pt;">align – perataan : rata kiri (left), tengah (center) atau kanan (right). </span></p> <p class="MsoNormal"><span style="font-size: 10pt;">bgcolor – warna latar belakang (background) dari tabel. </span></p> <p class="MsoNormal"><span style="font-size: 10pt;">border – ukuran lebar border tabel (dalam pixel). </span></p> <p class="MsoNormal"><span style="font-size: 10pt;">cellpadding – jarak antara isi cell dengan batas cell (dalam pixel). </span></p> <p class="MsoNormal"><span style="font-size: 10pt;">cellspacing – jarak antar cell (dalam pixel). </span></p> <p class="MsoNormal"><span style="font-size: 10pt;">width – ukuran tabel dalam pixel atau percent. </span></p> <p class="MsoNormal"><span style="font-size: 10pt;"><td><span> </span>Kolom pada tabel</span></p> <p class="MsoNormal"><span style="font-size: 10pt;"><title><span> </span>Mendefinisikan title </span></p> <p class="MsoNormal"><span style="font-size: 10pt;"><tr><span> </span>Baris pada tabel</span></p> <p class="MsoNormal"><span style="font-size: 10pt;"><u><span> </span>Membuat teks bergaris bawah</span></p> <p><strong>Tabel</strong></p> <p>Tabel sangat penting artinya dalam desain web. Karena dengan menggunakan tag table Anda dapat membuat halaman web “terbagi” pada beberapa kolom atau baris. Contohnya seperti pada halaman web yang sedang Anda baca ini.</p> <p>Terdapat tiga tag atau elemen utama yang digunakan dalam pembuatan table : <TABLE>, <TR>, dan <TD>. Yang perlu diingat adalah bahwa tab <TR> dan <TD> harus terletak di antara tag <TABLE> dan </TABLE></p> <p><TABLE></p> <p>Terdiri dari atribut :</p> <p>align – perataan : rata kiri (left), tengah (center) atau kanan (right).</p> <p>bgcolor – warna latar belakang (background) dari tabel.</p> <p>border – ukuran lebar border tabel (dalam pixel).</p> <p>cellpadding – jarak antara isi cell dengan batas cell (dalam pixel).</p> <p>cellspacing – jarak antar cell (dalam pixel).</p> <p>width – ukuran tabel dalam pixel atau percent.</p> <p>Contoh :</p> <p><TABLE align=”center” bgcolor=”#0000FF” border=”2″ cellpadding=”5″ cellspacing=”2″ width=”90%”></p> <p><TR></p> <p>Tag ini digunakan untuk membuat baris baru (pada tabel). Terdiri dari atribut:</p> <p>align – perataan : rata kiri (left), tengah (center) atau kanan (right).</p> <p>bgcolor – warna latar belakang dari baris.</p> <p>valign – perataan vertikal : top, middle atau bottom.</p> <p>Contoh :</p> <p><TR align=”right” bgcolor=”#0000FF” valign=top></p> <p><TD></p> <p>Tag ini digunakan untuk membuat kolom baru pada tabel.</p> <p>align – perataan</p> <p>background – image yang digunakan sebagai latar belakang dari kolom.</p> <p>bgcolor – warna latar belakang</p> <p>colspan – lihat gambar contoh</p> <p>height – ukuran tinggi cell dalam pixels.</p> <p>nowrap – membuat supaya isi dari kolom tetap berada pada satu baris.</p> <p>rowspan – lihat gambar contoh</p> <p>valign – perataan vertikal :top, middle atau bottom.</p> <p>width – ukuran kolom dalam pixel atau percen.</p> <p>Contoh :</p> <p><TD align=”right” background=”back.gif” bgcolor=”#0000FF” colspan=”3″ height=”200″ nowrap rowspan=”2″ valign=”bottom” width=”300″></p> <p><table width=”100″ ></p> <p><tr></p> <p><td >1</td></p> <p><td> 2</td></p> <p><td >3</td></p> <p></tr></p> <p><tr></p> <p><td >4</td></p> <p><td> 5</td></p> <p><td >6</td></p> <p></tr></p> <p><td >7</td></p> <p><td> 8</td></p> <p><td >9</td></p> <p></tr></p> <p></table></p> <p>Hasilnya</p> <table border="1" cellpadding="0" cellspacing="0"> <tbody> <tr> <td valign="top" width="114">1</td> <td valign="top" width="114">2</td> <td valign="top" width="114">3</td> </tr> <tr> <td valign="top" width="114">4</td> <td valign="top" width="114">5</td> <td valign="top" width="114">6</td> </tr> <tr> <td valign="top" width="114">7</td> <td valign="top" width="114">8</td> <td valign="top" width="114">9</td> </tr> </tbody> </table> <p><strong>Images</strong></p> <p>Images :</p> <p>Digunakan untuk menampilkan image atau animasi gif pada halaman web Anda.</p> <p>Atribut : alt, align=(center, left, right), hspave, vspace, border, width & height</p> <p>Contoh :</p> <p><IMG SRC=”logo.gif” alt=”Ini adalah logo halaman pembuka” width=200 height=100></p> <p><IMG SRC=”logo.gif” hspace=10 vspace=5 align=right border=2></p> <p><strong>Links : </strong></p> <p>Digunakan untuk membuat link ke halaman lain. Tulisan yang terletak antara <A> dan </A> akan terdapat garis bawah.</p> <p>Contoh :</p> <p><A HREF=”halaman2.html”>Klik di sini</A> Untuk membuat link ke halaman lain.</p> <p><A HREF=”mailto:webmaster@klik-kanan.com”>Klik di sini</A> Untuk membuat link pada alamat e-mail.</p> <p><A HREF=”#aplikasi”>Klik di sini</A> Untuk membuat link ke bagian lain pada halaman yang sama.</p> <p><A HREF=”halamanlain.html#aplikasi”>Klik di sini</A> Untuk membuat link kebagian lain pada halaman yang berbeda.</p> <p><A HREF=”halaman2.html”><IMG SRC=”gambar.gif”></A> Untuk membuat link dengan menggunakan gambar.</p> <p><strong>Frame</strong></p> <p>Membagi-bagi jendela browser menjadi beberapa bagian. Baik secara vertical dan horizontal.</p> <p><strong>Atribut FRAMESET :</strong></p> <ul><li>COL : Membuat Vertical FRAME</li><li>ROW : Membuat Horizontal FRAME</li><li>FRAMESPACING : Spasi di sekitar FRAME</li><li>FRAMEBORDER : Membuat border pada FRAME</li></ul> <p><strong>Atribut FRAME SRC :</strong></p> <ul><li>MARGIN WIDTH</li><li>MARGIN HEIGHT</li><li>SCROLLING</li><li>NORESIZE</li><li>FRAMEBORDER</li></ul> <p>Contoh</p> <p><FRAMESET COLS=”*,*”></p> <p><FRAME SRC=”1.html”></p> <p><FRAMESET ROWS=”*,*”></p> <p><FRAME SRC=”2.html”></p> <p><FRAME SRC=:3.html”></p> <p></FRAMESET></p> <p></FRAMESET></p> <table border="1" cellpadding="0" cellspacing="0"> <tbody> <tr> <td rowspan="2" valign="top" width="171">1.html</td> <td valign="top" width="171">2.html</td> </tr> <tr> <td valign="top" width="171">3.html</td></tr></tbody></table></i></a></blink></big></b>