Anda di halaman 1dari 5

HTML

HyperText Markup Language (HTML) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah Penjelajah web Internet dan formating hypertext sederhana yang ditulis kedalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi (sumber: Wikipedia.com). Intinya HTML merupakan sebuah standart penulisan yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar internet yang didefinisikan dan dikendalikan penggunanya oleh World Web Consortium (W3C). Versi terakhir dari HTML adalah HTML 4.01, meskipun saat ini telah berkembang XHTML yang merupakan pengembangan dari HTML. Table karakter ASCII Karakter Nilai Unicode(Heksadesimal) 0 0030 1 0031 A 0041 a 0061 Sumber: http://id.wikipedia.org/wiki/ASCII Kegunaan dari HTML yaitu Membuat form interaktif. Mengintegerasikan gambar dengan tulisan. Menghubungkan dari satu halaman ke halaman lain (link). Nilai ANSI ASCII (desimal) 48 49 65 97 keterangan Angka Nol Angka satu Huruf Latin A kapital Huruf latin a kecil

Markup/Tanda Secara garis besar, terdapat 4 jenis elemen dari HTML. 1. Structural merupakan tanda yang menentukan level atau tingkatan dari sebuah tulisan Contoh: <h1>cnclab</h1> <h2>cnclab</h2> <h3>cnclab</h3> Semakin besar nilainya maka kan membuat tampilan huruf semakin kecil. 2. Presentational merupakan tanda yang menentukan tampilan dari sebuah tulisan. Contoh: Contoh Hasil <b>teks ini tebal</b> teks ini tebal <i>teks ini miring </i> teks ini miring <u>teks ini bergaris bawah</u> teks ini bergaris bawah Baris1 <br/> baris2 Baris1 Baris2 Garis horizontal <hr> Garis horizontal

3. Hypertext merupakan tanda untuk menunjuk pada sebuah halaman lain atau link pada halaman web tertentu. Contoh: <a href=penguin.ittelkom.ac.id>pinguin</a> Yaitu memberikan tulisan penguin yang nanti bila kita klik akan membawa kita ke alamat pinguin.ittelkom.ac.id 4. Elemen Widget merupakan tag yang berguna untuk membuat objek-objek lain seperti list <li></li>, garis horizontal<hr></hr>. Penulisan HTML Dalam membuat web dengan HTML terdapat jenis tag utama yang sering kita pakai dalam membuat sebuah dokumen HTML. 1. Tag html Tag ini digunakan untuk menginformasikan kepada browser bahwa document yang kita buat adalah sebuah dokumen HTML. <html></html> 2. Tag Head Tag ini digunakan menuliskan tag-tag yang termasuk dalam unsur head. Termasuk skrip, instruksi pencarian style sheet, untuk menyediakan informasi meta, dll. Tag berikut dapat ditambahkan ke bagian head: a. <base> : Menentukan alamat default atau sebuah target default untuk semua link pada halaman. b. <link> : Menghubungkan suatu document dengan document lainya atau juga memanggil file eksternal (boleh berulang). c. <meta> : Untuk menjelaskan tentang content/ isi suatu document html. d. <script> : Mnulis kode javascript dan dapat menghubungkan dengan external file, penulisanya bisa ditulis lebih dari dua kali. e. <style> : Untuk menambahkan style css baik document eksternal maupun satu file. f. <title> : Menjelaskan pada browser, tentang judul dari dokumen htmlnya,sehingga akan tampil pada bagian taskbar browser. <head></head>

3. Tag Title Tag ini berfungsi untuk mendefinisikan judul dalam dokumen html. Elemen ini digunakan untuk: a. Mendefinisikan sebuah judul di toolbar browser b. Memberikan judul untuk halaman ketika ditambah ke favorit. c. Menampilkan judul untuk halaman hasil mesin pencari. <title></title>

4. Tag Body Tag body mendefinisikan tubuh dokumen. Elemen ini berisi semua isi dari dokumen HTML, seperti teks, hyperlink, gambar, table, dll. <body></body>

Contoh penulisan HTML. <html> <head></head> <title>cnc laboratory</title> <body>Hello word!</body> </html>

Tag Yang disebuat tag dalam HTML yaitu seperti: <head></head> <table></table> <tr></tr> <td></td>, dll

HTML tidak membedakan penggunaan huruf besar ataupun huruf kecil dari suatu elemen. Tag ini dinyatakan dengan tanda lebih kecil (<) dan tanda lebih besar (>). Tag biasanya merupakan suatu pasangan (setelah tag dibuka harus ada tag penutupnya) yang disebut dengan : Tag awal, dinyatakan dalam bentuk <nama tag> Tag akhir, dinyatakan dalam bentuk </nama tag>

Format : <nama tag> teks yang ditampilkan </nama tag> Ada beberapa tag yang memiliki atribut didalamnya, seperti tag <font>,<table>,<input> dan sebagainya. Pada tag font ia memiliki beberapa atribut diantaranya atribut: color, size, face. Untuk lebih memahami atribut lihatlah contoh berikut. <font color=blue face=Arial size=11>font Arial ini berwarna biru dan berukuran 11pt </font> Hasilnya: Font Arial ini berwarna biru dan berukuran 11pt Anda tidak perlu memperdulikan urutan atribut tersebut karena browser hanya membaca isi dari property bukan urutan atributnya.

Membuat form signup


<html> <head> <title>cnc laboratory</title> </head> <body> <form action="x.php" method="post"> <table border="1"> <tr><td colspan="3" align="center">Form Sign Up</td></tr> <tr><td>Nama</td><td>:</td><td><input type="text" name="username"></td></tr> <tr><td>Password</td><td>:</td><td><input type="password" name="password"</td></tr> <tr> <td>Tanggal Lahir</td> <td>:</td> <td> <select name="tgl"> <option value="">-pilih-</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="30">30</option> </select> <select name="bln"> <option value="">-pilih-</option> <option value="januari">Januari</option> <option value="februari">Februari</option> <option value="maret">Maret</option> <option value="april">April</option> </select> <select name="thn"> <option value="">-pilih-</option> <option value="2010">2010</option> <option value="2011">2011</option> <option value="2012">2012</option> <option value="2014">2014</option> </select> </td> </tr> <tr> <td>Jenis Kelamin</td> <td>:</td> <td><input type="radio" name="jeniskelamin" value="laki-laki">Laki-Laki <input type="radio" name="jeniskelamin" value="perempuan">Perempuan </td> </tr> <tr> <td>Hobi</td>

<td>:</td> <td> <input type="checkbox" name="hobi" value="sepak bola">Sepak Bola <input type="checkbox" name="hobi" value="berenang">Berenang </br> <input type="checkbox" name="hobi" value="memasak">Memasak <input type="checkbox" name="hobi" value="shoping">Shoping </td> </tr> <tr> <td>Alamat Rumah</td> <td>:</td> <td> <textarea name="alamat"></textarea> </td> </tr> <tr> <td colspan="3" align="center"><input type="submit" value="Daftar"><input type="reset" value="Reset"></td> </tr> </table> <form> </body> <html>

Tampilan browser akan seperti berikut:

Anda mungkin juga menyukai