HTML. STRUKTUR DASAR HTML Sebelum mempelajari HTML, akan terlebih dahulu diulas mengenai aturan penulisan dalam buku ini.

Ukuran: px
Mulai penontonan dengan halaman:

Download "HTML. STRUKTUR DASAR HTML Sebelum mempelajari HTML, akan terlebih dahulu diulas mengenai aturan penulisan dalam buku ini."

Transkripsi

1 HTML HTML(Hypertext Markup Language) merupakan salah satu format yang digunakan untuk pembuatan aplikasi di halaman web. Meskipun saat ini sudah banyak aplikasiaplikasi yang menawarkan kemudahan dalam pembuatan halaman web seperti a DreamWeafer ataupun Frontpage, sebaiknya anda mengenal dan menguasai tag-tag HTML terlebih dahulu karena mau tidak mau anda akan bekerja dalam mode editor bilamana akan menyisipkan script program dalam script HTML. DASAR DASAR HTML HTTP(Hypertext Transfer Protocol) merupakan protokol yang digunakan untuk mentransfer data antara web server ke web browser. Protokol ini akan mentransfer dokumendokumen web yang berformat HTML. Elemen-elemen yang terdapat didalam HTML sering disebut sebagai tag. Elemen HTML biasanya berupa tag-tag yang saling berpasangan, setiap tag di tandai dengan simbol < dan >, dan pasangannya ditandai dengan /. Misalnya pasangan dari tag <example> adalah </example>. Selain tag atau elemen, terdapat juga istilah atribut, yang berfungsi untuk mengatur tag atau elemen tersebut. Jadi misalnya elemen <example> bila ditulis dengan atribut-atributnya adalah sebagai berikut <example atribut1= nilaiatribut1 atribut2= nilaiatribut2. >. Dalam menuliskan tag-tag HTML anda tidak perlu khawatir dengan perbedaan huruf besar maupun huruf kecil karena tag-tag HTML bersifat incaseinsensitive. Sebagai catatan, dalam penulisan pembahasan mengenai HTML ini mungkin tidak akan selengkap yang anda harapkan. Namun setidaknya beberapa contoh yang tertulis di buku ini akan dapat anda pahami. Penjelasan lengkap mengenai HTML dapat anda baca pada buku khusus yang membahas tentang HTML. STRUKTUR DASAR HTML Sebelum mempelajari HTML, akan terlebih dahulu diulas mengenai aturan penulisan dalam buku ini. Script dituliskan Pak Guru Eka 1

2 melalui text editor seperti Notepad, kemudian disimpan dengan ekstensi.htm atau.html. kemudian untuk melihat hasilnya langsung melalui web browser, seperti Internet Exploler atau web browser yang lain dengan mengetikkan lokasi penyimpanan file HTML anda atau anda simpan pada root web server sehingga dapat anda panggil dengan nama komputernya dan nama filenya. Sebelum menuliskan script-script HTML dan PHP, terlebih dahulu anda install webserver, php dan mysql. Atau anda langsung menggunakan AppServ. Setiap dokumen HTML memiliki struktur dasar sebagai berikut : Contoh01.html -berisi yang akan luncul di bagian judul web browser- <body> -berisi tentang text, gambar, atau apapun yang akan ditampilkan di halaman web-</body> Hasil dari script diatas adalah sebagai berikut : title File dipanggil melalui address body Gb. 1.1: Struktur dasar HTML Pak Guru Eka 2

3 Seperti yang telah anda lihat, tag HTML akan diawali dengan tag dan diakhiri. Didalam tag html terdapat bagian header yang tandai dengan tag </head> yang mana script yang tertulis pada bagian ini tidak akan tampil pada web broeser seperti dan yang lain. Dan bagian body yang ditandai dengan tag <body> </body>, bagian body nantinya adalah bagian yang akan sering anda gunakan. Dalam bagina body ini anda akan melakukan desain halaman web yang akan menampung bergai macam format teks dan gambar. KODE WARNA Pengaturan pengunaan warna di halaman HTML, dapat anda gunakan mode kombinasi dari warna dasar (RED, GREEN, BLUE) yang mana tiap-tiap kode warna ditampilkan dua digit nilai hexadesimal. Setiap dua bagian kode mewakili banyaknya intensitas warna. Supaya lebih jelasnya lihat tabel dibawah ini: Table 1.1: Kode Warna Warna Kode White #FFFFFF Black # Red #FF0000 Green #00FF00 Blue #0000FF Yellow #FFFF00 Magenta #FF00FF Cyan #00FFFF PENGATURAN PROPERTI BODY Pengaturan halaman web dapat anda lakukan pada tag <body> dengan menambahkan bebrapa atribut didalamnya. Sebagai contoh adalah mengatur warna latar balakang, warna teks, warna link, dll. Atribut elemen body : Background = lokasi dan nama file (latar belakang image) Bgcolor = warna (warna latar belakang) Text = warna ( warna teks) Pak Guru Eka 3

4 Link = warna (warna link) Vlink = warna (warna visited link) Alink = warna (warna active link) Cobalah script berikut : Contoh02.html -berisi yang akan luncul di bagian judul web browser- <body bgcolor= green text= blue > -berisi tentang text, gambar, atau apapun yang akan ditampilkan di halaman web-</body> Gb. 1.3: Penggunaan elemen pada body. HEADING, PARAGRAPH, HORISONTAL RULER DAN BREAK Tag heading <hx> digunakan untuk memformat judulsub judul dari suatu halaman web. Di HTML terdapat enam buah macam heading dimulai dari <h1> hingga <h6> yang mana tiap-tiap heading akam mempunyai ukuran sendirisendiri. Tag paragraph <p> digunakan layaknya pengaturan sebuah paragraf dalam halaman web. Dalam elemen paragraf tersebut dapat anda masukkan atribut align = [left / right / center] yang berfungsi untuk mengatur perataan paragraf. Jika nilai atributnya adalah left maka paragraf tersebut akan rata kiri, jika bernilai center maka paragraf tersebut akan rata Pak Guru Eka 4

5 tengah dan jika bernilai right maka akan rata ke sebalah kanan. Tag break <br> berfungsi untuk memberikan baris baru di halaman web. Tag ini tidak memerlukan penutup seperti tag yang lain. Tag horisontal ruler <hr> digunakan untuk memberikan garis horisontal. Tag ini juga tidak memerlukan penutup. Anda dapat menambahkan beberapa atribut pada tag ini. Atribut tag horisontal ruler : Align = [left / right / center] Size = pixel (tebal garis) Width = n% (panjang garis) Salin script berikut untuk mencoba heading, paragraf, break dan horisontal ruler. Jangan lupa untuk menyimpannya dengan ekstensi.html atau.htm. setelah itu cobalah anda ubah nilai atribut-atributnya dan perhatikan perubahannya. Contoh03.html contoh-03 <body bgcolor= green text= blue > <h1> PENGERTIAN HTML </h1> <hr width= 100% size= 10 color= yellow > <p align= center > HTML(Hypertext Markup Language) merupakan salah satu format yang digunakan untuk pembuatan aplikasi di halaman web. </p> <p align= right > Meskipun saat ini sudah banyak aplikasi-aplikasi yang menawarkan kemudahan dalam pembuatan halaman web seperti a DreamWeafer ataupun Frontpage, sebaiknya anda mengenal dan menguasai tag-tag HTML terlebih dahulu karena mau tidak mau anda akan bekerja dalam mode editor bilamana akan menyisipkan script program dalam script HTML. </p> perangkat yang kita butuhkan untuk belajar web adalah :<br> Notepad<br> Php<br> AppServ <hr width= 50% align= center size= 2 > </body> Pak Guru Eka 5

6 Hasil tampilannya adalah seperti berikut : Gb. 1.4: Penggunaan Heading, Paragraf, Break, Horisontal Ruler PENGATURAN KARAKTER Karakter yan terdapat di halama HTML juga dapat anda atur sesuai dengan desain yang telah anda buat, baik dari ukuran, jenis maupun warna dengan menggunakan tag <font> </font>. Atribut elemen font : Size = angka (ukuran huruf) Color = warna (warna huruf) Face = jenis huruf (jenis huruf) Elemen karakter : <b> </b> = huruf tebal <i> </i> = huruf miring <u> </u> = huruf garis bawah <sub> </sub> = huruf subscript <sup> </sup> = huruf superscript Tulislah script berikut ini untuk mengetahui penggunaan tag font dan tag ragam karakter. Dan lihat hasilnya melalui web browser. Pak Guru Eka 6

7 Contoh04.html contoh-04 <body bgcolor= green text= blue > <h1> PENGERTIAN HTML </h1> <hr width= 100% size= 10 color= yellow > <p align= center > <font color= magenta size= 5 face= Courier New > <b>html<sup>(hypertext Markup Language)</sup></b> merupakan salah satu format yang digunakan untuk pembuatan aplikasi di halaman web. </font> </p> <font color= red > <p align= right > Meskipun saat ini sudah banyak aplikasi-aplikasi yang menawarkan kemudahan dalam pembuatan halaman web seperti a <u><sup>dreamweafer ataupun Frontpage</sup></u>, sebaiknya anda mengenal dan menguasai tag-tag HTML terlebih dahulu karena mau tidak mau anda akan bekerja dalam mode editor bilamana akan menyisipkan script program dalam script HTML. </p> </font> perangkat yang kita butuhkan untuk belajar web adalah :<br> <i>notepad<br> Php<br> AppServ</i> <hr width= 50% align= center size= 2 > </body> Pak Guru Eka 7

8 Gb. 1.5: Pemformatan karakter LISTING Elemen listing <li> digunakan untuk menampilkan informasi dalam bentuk list atau daftar. Di dalam HTML dikenal dua macam bentuk list yaitu list dengan format bullet (unordered list <ul>) dan list dengan format nomor (ordered list <ol>). Adapun atribut yang terdapat didalam elemen list adalah : Type = [1 / A / a / I / i] (untuk list dengan format nomor) Type = [disc / square / circle] (untuk list dengan format bullet) Salin script HTML dibawah ini untuk mencoba tag listing dengan format unordered list maupun ordered list. Pak Guru Eka 8

9 Contoh05.html contoh-05 <body bgcolor= yellow text= blue > <h1 align= center color= magenta > Ardhi ant Soft</h1> <hr width= 100% align= center size= 4 color= red > Buku yang sedang kami rancang : <ol type= 1 > <li>microsoft Office : <ul type= square > <li>ms Word. <li>ms Exel. <li>ms Access. <li>ms Power Point. </ul> <li>programming : <ul type= circle > <li>visual Basic. <li>visual Foxpro. <li>visual C++. <li>delphi. <li>java. </ul> <li>data Base : <ul type= disc > <li>sql Server. <li>mysql. <li>oracle. </ul> <li>internet dan Web Development : <ul type= square > <li>html. <li>php. <li>wap. <li>macromedia Dreamweaver. </ul> </ol> </body> Pak Guru Eka 9

10 Gb. 1.6: Penggunaan elemen listing. MENAMPILKAN GAMBAR Di halam web, anda juga dapat menampilkan gambar dengan format JPG atau GIF dengan menggunakan tag <img>. Penulisan tag ini di ikuti dengan beberapa atribut yaitu : Src = lokasi dan nama file gambar. Alt = teks alternatif. Width = pixel (lebar gambar) Height = pixel (tinggi gambar) Align = [top / middle / bottom / left / right] (perataan gambar) Border = pixel (garis tepi gambar) Untuk lebih jelasnya dalam penggunaan tag img, salinlah script dibawah ini dan amati hasilnya, serta alkukan perubahan-perubahan pada atribut-atribut di dalam tag img tersebut. Pak Guru Eka 10

11 Contoh06.html contoh-06 <body bgcolor= yellow > <img src= gambarcontoh02.gif align= middle border= 1 > </body> Gb. 1.7: Menampilkan gambar ke halaman web. MEMBUAT LINK Elemen link difungsikan untuk menghubungkan antara halaman web yang satu dengan halaman web yang lain atau ke URL yang lain. Format tag link adalah sebagai berikut : <a href= halamantujuan >text</a> HalamanTujuan berisi lokasi dan nama file yang akan dituju, sedangkan text berisi sebuah teks yang akan ditampilkan pada halaman web sebagai text link atau penghubung. Untuk mencoba membuat link, yang anda perlikan adalah membuat dua buah file HTML. Sebagai contoh, tulislah script dibawah ini dan kemudian simpan dengan nama contoh07a.html. Pak Guru Eka 11

12 Contoh07a.html contoh-07a <body bgcolor= yellow > <h2 align= center > INI ADALAH HALAMAN AWAL </h2> <a href= contoh07b.html > Menuju Halaman Berikutnya </a> </body> Dan juga tulis script dibawah ini, kemudian simpan dengan nama contoh07b.html. Contoh07b.html contoh-07b <body bgcolor= green > <h2 align= center > INI ADALAH HALAMAN TUJUAN </h2> <a href= contoh07a.html > Kembali Ke Halaman Sebelumnya </a> </body> Gb. 1.8a: Halaman awal. Gb. 1.8b: Halaman tujuan Pak Guru Eka 12

13 MEMBUAT TABEL Tabel digunakan untuk menampilkan data dalam bentuk kolom dan baris yang mana data tersebut dimasukkan kedalam kotak yang disebut sel. Untuk membuat tabel di halaman HTML, gunakan elemen <table> </table>. Elemen tabel berisi properti yang difungsikan untuk membuat baris (table row) dan properti <td> </td> yang dogunakan untuk mengisikan data (table data). Struktur dasar tabel dapat anda lihat di script berikut ini : Contoh08.html contoh-08 <body> <table> <td>baris ke-1, kolom ke-1</td> <td>baris ke-1, kolom ke-2</td> <td>baris ke-2, kolom ke-1</td> <td>baris ke-2, kolom ke-2</td> <td>baris ke-3, kolom ke-1</td> <td>baris ke-3, kolom ke-2</td> <td>baris ke-4, kolom ke-1</td> <td>baris ke-4, kolom ke-2</td> </table> </body> Pak Guru Eka 13

14 Gb. 1.9: Struktur dasar tabel. Hasil dari script diatas sepertinya memang tidak tampak selayaknya sebuah tabel, hal ini dikarenakan atribut-atribut yang terdapat didalam tag table belum diatur sehingga secara otomatis akan di set dengan nilai defaultnya. Adapun atribut elemen tabel dalah sebagai berikut : Caption = teks (judul tabel) Width = panjang (lebar tabel dalam pixel atau persen) Height = panjang (tinggi tabel dlam pixel atau persen) Border = pixel (tebal garis tepi) Cellspacing = pixel (spasi antar cell) Cellpadding = pixel (spasi di dalam cell) Align = [left / center / right] (perataan tabel) Bgcolor = warna (warna latar belakang tabel) Selain itu anda dapat mengatur tabel, lebih spesifik anda juga dapat mengatur kolom dan baris melalui atribut yang terdapat pada elemen tabel row dan table data. Atribut table row : Align = [left / center / right] (perataan baris cell secara horisontal) Valign = [top / middle / bottom] (perataan baris cell secara vertikal) Bgcolor = warna (warna latar belakang baris) Atribut table data : Rowspan = angka (baris yang di-merger oleh cell) Colspan = angka (kolom yang di-merger oleh cell) Align = [left / right / center] (perataan horisontal) Pak Guru Eka 14

15 Valign = [top / bottom / middle] (perataan vertikal) Width = pixel (lebar cell dalam pixel atau persen) Height = pixel (tinggi cell dalam pixel atau persen) Bgcolor = warna (warna latar belakang cell) Untuk mencoba, salinlah script berikut dan lihat hasilnya melalui web browser. Contoh09.html contoh-09 <body> <table width= 75% align= center border= 1 cellspacing= 3 > <caption> Tabel percobaan </caption> <tr bgcolor= grey > <td colspan= 2 align= center >hasil colspan</td> <tr align= right > <td bgcolor= pink >hasil align right</td> <td bgcolor= cyan >hasil align right</td> <td rowspan= 2 align= middle bgcolor= green >hasil rowspan</td> <td>baris ke-3, kolom ke-2</td> <td>baris ke-4, kolom ke-2</td> </table> </body> Gb. 1.10: Penggunaan atribut dalam table, table row dan table data Pak Guru Eka 15

16 MEMBUAT FORM Elemen FORM dalam HTML merupakan bagian terpenting dalam pemrograman, khususnya dalam pembuatan aplikasi yang berbasiskan web. Form dalam HTML sama layaknya form di bahasa pemrograman yang lain seperti Delphi, VB, Foxpro, dll. Elemen ini juga menyediakan properti textbox, combo box, button, check bok dan option button. Untuk membuat sebuah form, anda cukup dengan menggunakan tag <form> </form>. Selain atribut dan properti yang dimiliki form, anda juga dapat menuliskan teks dan menambahkan image didalamnya. Atribut elemen form : Action = lokasi dan nama file (file yang menangani form) Method = [get / post] (methode HTTP untuk men-submit form) Berikut adalah properti beserta atribut properti yang dimiliki oleh elemen form : 1. Text Box <input type= text > Digunakan untuk memasukkan input yang berupa teks. Size = ukuran dari text box dalam karakter. Maxsize = maksimal banyaknnya karakter yang dapat diterima. Name = nama dari variabel text box yang dikirim ke suatu aplikasi. Value = nilai yang ditampilkan dalam text box sebagai nilai default. 2. Password <input type= password > Digunakan untuk memasukkan password Size = ukuran dari text box dalam karakter. Maxsize = maksimal banyaknnya karakter yang dapat diterima. Name = nama dari variabel text box yang dikirim ke suatu aplikasi. 3. Hidden <input type= hidden > Digunakan untuk mengirim data ke suatu aplikasi yang tidak untuk dilihat oleh browser. Name = nama yang dikirim ke suatu aplikasi. Value = nilai dari variabel yang dikirim. Pak Guru Eka 16

17 4. Check Box <input type= checkbox > digunakan untuk melakukan pilihan yang lebih dari satu. Name = nama dari suatu variabel yang dikirim ke suatu aplikasi. Value = nilai dari suatu variabel. Checked (check box yang sudah ditandai) 5. Radio Button <input type= radio > Digunakan untuk melakukan pilihan yang hanya satu pilihan saja. Name = nama dari suatu variabel yang dikirim ke suatu aplikasi. Value = nilai dari suatu variabel. Checked (check box yang sudah ditandai) 6. Push Button <input type= button > Elemen ini biasanya digunakan dengan java script atau VBscript untuk menghasilkan sebuah aksi. Name = nama dari variabel yang dikirim ke suatu aplikasi. Value = label teks di atas tombol. 7. Submit <input type= submit > Digunakan unutk mengirimkan data ke suatu aplikasi yang nilai FORMnya sudah diatur dalam atribut ACTION. Name = nama variabel yang dikirim ke suatu aplikasi. Value = label teks di atas tombol. 8. Image Submit Button <input type= image src= url > Digunakan untuk menggantikan tombol standar submit. Name = nama dari variabel yang dikirim ke suatu aplikasi. 9. Reset <input type= reset > Digunakan untuk mereset semua masukan di dalam form. Value = text label di atas tombol. 10. Text Area <textarea> </textarea> Elemen yang digunakan menuliskan teks secara leluasa seperti Notepad atau sebuah listbox. Name = nama dari variabel yang dikirimkan ke suatu aplikasi. Rows = panjang baris dalam karakter. Pak Guru Eka 17

18 Cols = tinggi dalam karakter. 11. Select <select> </select> Digunakan seperti layaknya combo box, yang mana didalamnya terdapat properti <option> untuk memilih. Size = jumlah pilihan yang dapat terlihat. Name = nama dari variabel yang dikirim ke suatu aplikasi. Salin script dibawah ini untuk mencoba tag form beserta properti yang dimilikinya. Contoh010.html contoh-010 <body> <form> Nomor KTP : <input type= text name= nomorktp ><br> Nama : <input type= text name= nama ><br> Alamat : <textarea cols= 25 rows= 5 ></textarea><br> Jenis Kelamin : <input type= radio name= sex value= L >Laki-laki <input type= radio name= sex value= P >perempuan <br> Agama : <select name= agama > <option value= islam >islam <option value= kristen >kristen <option value= katholik >katholik <option value= hindu >hindu <option value= budha >budha </select><br> Ijasah yang dimiliki : <input type= checkbox name= ijasah value= sd >SD <input type= checkbox name= ijasah value= sltp >SLTP <input type= checkbox name= ijasah value= slta >SLTA <input type= checkbox name= ijasah value= diploma >Diploma <input type= checkbox name= ijasah value= sarjana >Sarjana <input type= checkbox name= ijasah value= Magister >Magister<br> <input type= reset value= ulangi > </form> </body> Pak Guru Eka 18

19 Gb. 1.11: Penggunaan elemen Form Dari tampilan yang dihasilkan, mungkin anda menilai kurang rapi. Supaya tampilan terlihat lebih rapi, anda dapat menggunakan bantuan tag table untuk melakukan pembuatan form. Perhatikan script di bawah ini supaya lebih jelas. Contoh011.html contoh-011 <body> <form> <table align= left border= 1 cellspacing= 2 cellpadding= 3 > <td>nomor KTP</td> <td>:</td> <td><input type= text name= nomorktp ></td> <td>nama</td> <td>:</td> <td><input type= text name= nama ></td> <td>alamat</td> <td>:</td> <td><textarea cols= 25 rows= 5 ></textarea></td> <td>jenis Kelamin</td> Pak Guru Eka 19

20 <td>:</td> <td><input type= radio name= sex value= L >Laki-laki <input type= radio name= sex value= P >perempuan</td> <td>agama</td> <td>:</td> <td><select name= agama > <option value= islam >islam <option value= kristen >kristen <option value= katholik >katholik <option value= hindu >hindu <option value= budha >budha </select></td> <td>ijasah Yang Dimiliki</td> <td>:</td> <td><input type= checkbox name= ijasah value= sd >SD <input type= checkbox name= ijasah value= sltp >SLTP <input type= checkbox name= ijasah value= slta >SLTA <input type= checkbox name= ijasah value= diploma >Diploma <input type= checkbox name= ijasah value= sarjana >Sarjana <input type= checkbox name= ijasah value= Magister >Magister</td> <td colspan= 3 ><input type= reset value= ulangi ></td> </form> </body> Gb. 1.12: Pembuatan form dengan bantuan tag table. Pak Guru Eka 20

21 Hasil tampilan diatas masih terdapat garis border tablenya, untuk menghilangkan garis tersebut, anda cukup mengganti nilai atribut border dengan nilai nol. LATIHAN Cobalah anda membuat halaman HTML dengan desain seperti di bawah ini : Desain halaman pertama : Desain halaman kedua : Pak Guru Eka 21

HTML.

HTML. HTML www.amikom.info HTML HTTP (hypertext transfer protocol) merupakan protokol yang digunakan untuk mentransfer data antara web server ke web browser. Protokol ini mentransfer dokumendokumen web yang

Lebih terperinci

Pemrograman Web. HTML Lanjut. Indrato, S.Kom List. Ordered Lists (OL) Ordered List (OL) Ordered List (OL) PemrogramanWeb.

Pemrograman Web. HTML Lanjut. Indrato, S.Kom List. Ordered Lists (OL) Ordered List (OL) Ordered List (OL) PemrogramanWeb. Pemrograman Web Indrato, S.Kom indra.ndr7@gmail.com HTML Lanjut Page 2 List Digunakan untuk membuat daftar, terdiriatas: Ordered List (Numbering) Unordered List (Bullet) Definition List Ordered Lists (OL)

Lebih terperinci

FORMAT TEXT. Tag Attribut Value Keterangan. RGB(red,green,blue) Kode Warna. Memberikan warna terhadap background web mengatur posisi text rata kiri

FORMAT TEXT. Tag Attribut Value Keterangan. RGB(red,green,blue) Kode Warna. Memberikan warna terhadap background web mengatur posisi text rata kiri FORMAT TEXT Tag Attribut Value Keterangan Body P (Paragraf) H (Heading) ol (Order List) ul (UnOrder List) Font marquee align RGB(red,green,blue) Kode Warna justify Memberikan warna terhadap background

Lebih terperinci

Materi. I. Pengenalan HTML II. Basic Tag HTML III. Table IV. Image

Materi. I. Pengenalan HTML II. Basic Tag HTML III. Table IV. Image Pengenalan HTML Materi I. Pengenalan HTML II. Basic Tag HTML III. Table IV. Image I. Pengenalan HTML WWW HTML Browser dan Editor I. PENGENALAN HTML World Wide Web Internet merupakan jaringan global yang

Lebih terperinci

Pengenalan Perancangan Web 2016

Pengenalan Perancangan Web 2016 6. Image Gambar pada halaman sebuah web merupakan salah satu daya tarik pengguna. Umumnya browser web dapat menampilkan inline image (yaitu gambar yang disajikan bersamaan dengan teks). File gambar yang

Lebih terperinci

PEMROGRAMAN WEB 1 (PART 2) Berbagai macam Tag HTML. Rio Andriyat Krisdiawan, M.Kom

PEMROGRAMAN WEB 1 (PART 2) Berbagai macam Tag HTML. Rio Andriyat Krisdiawan, M.Kom PEMROGRAMAN WEB 1 Berbagai macam Tag HTML (PART 2) Rio Andriyat Krisdiawan, M.Kom Tag Subscript dan SuperScript Subscript biasanya digunakan untuk Menurunkan posisi karakter atau lebih rendah dari teks

Lebih terperinci

BAB 1 PENGENALAN HTML

BAB 1 PENGENALAN HTML 1 BAB 1 PENGENALAN HTML HyperText Markup Language (HTML) merupakan bahasa standar yang digunakan untuk membuat sebuah tampilan halaman website. Sesuai dengan namanya yaitu HyperText Markup Language (HTML)

Lebih terperinci

Pertemuan IV. Semester 1

Pertemuan IV. Semester 1 Tables dan Forms Pertemuan IV Pemrograman Web Dasar Semester 1 Tabel HTML Tag digunakan untuk mengawali sebuah tabel. Di dalam elemen table, terdapat tag (table rows) dan tag (table

Lebih terperinci

1. Pengenalan HTML. 2. Tag Dasar HTML

1. Pengenalan HTML. 2. Tag Dasar HTML 1. Pengenalan HTML 1.1. Sejarah Singkat HTML HTML dibuat oleh Tim Bernels-Lee seorang ahli Fisika ketika masih bekerja untuk CERN (organisasi Eropa untuk riset nuklir) dan dipopulerkan pertama kali oleh

Lebih terperinci

HTML (HyperText Markup Language)

HTML (HyperText Markup Language) HTML (HyperText Markup Language) IMS HTML HyperText Markup Language adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah

Lebih terperinci

HTML (Hypertext Markup Language)

HTML (Hypertext Markup Language) 1 HTML (Hypertext Markup Language) HTML atau Hypertext Markup Language merupakan salah satu format yang digunakan dalam pembuatan dokumen (web page) dan aplikasi yang berjalan di halaman web. Dokumen HTML

Lebih terperinci

1. #**# merupakan karakter yang terdapat pada type data a. text b. password c. radio d. submit e. file jawaban : b

1. #**# merupakan karakter yang terdapat pada type data a. text b. password c. radio d. submit e. file jawaban : b 1. #**# merupakan karakter yang terdapat pada type data a. text b. password c. radio d. submit e. file 2. Perintah untuk mengosongkan kolom pada HTML adalah a. tr b. br c. td d. &nbsp e. &nsp jawaban :

Lebih terperinci

1. Agar bagian yang ditunjuk anak panah bisa ditampilkan pada browser, perintah yang digunakan adalah.

1. Agar bagian yang ditunjuk anak panah bisa ditampilkan pada browser, perintah yang digunakan adalah. A SOAL PILIHAN GANDA 1 Agar bagian yang ditunjuk anak panah bisa ditampilkan pada browser, perintah yang digunakan adalah A ikan Badut (Clownfish) B ikan Badut (Clownfish) C

Lebih terperinci

KONSEP DASAR HTML. HTML ( HyperText Mark up Language )

KONSEP DASAR HTML. HTML ( HyperText Mark up Language ) KONSEP DASAR HTML HTML ( HyperText Mark up Language ) hypertext adalah kata yang dapat menunjukkan hubungan suatu naskah dokumen dengan naskahnaskah lainnya markup menunjukkan bahwa pada file HTML berisi

Lebih terperinci

MODUL I PENGENALAN HTML. a. Mengenalkan kepada mahasiswa mengenai pemrograman WEB dengan menggunakan HTML b. Mengenalkan kode-kode HTML 2.

MODUL I PENGENALAN HTML. a. Mengenalkan kepada mahasiswa mengenai pemrograman WEB dengan menggunakan HTML b. Mengenalkan kode-kode HTML 2. MODUL I PENGENALAN HTML A. MAKSUD DAN TUJUAN 1. Maksud a. Mengenalkan kepada mahasiswa mengenai pemrograman WEB dengan menggunakan HTML b. Mengenalkan kode-kode HTML 2. Tujuan a. Mahasiswa dapat membuat

Lebih terperinci

MODUL II MEMBUAT DAFTAR ITEM, MEMBUAT LINK, MEMBUAT TABEL

MODUL II MEMBUAT DAFTAR ITEM, MEMBUAT LINK, MEMBUAT TABEL MODUL II MEMBUAT DAFTAR ITEM, MEMBUAT LINK, MEMBUAT TABEL A. MAKSUD DAN TUJUAN 1. MAKSUD a. Merapikan teks yang berupa daftar (list) dan table dengan tag HTML b. Membuat halaman web terhubung dengan halaman

Lebih terperinci

Pemrograman Basis Data Berbasis Web

Pemrograman Basis Data Berbasis Web Pemrograman Basis Data Berbasis Web Pertemuan Ke-3 (HTML) Oleh: Noor Ifada S1 Teknik Informatika - Unijoyo 1 HTML singkatan dari HyperText Markup Language menentukan tampilan suatu teks dan tingkat kepentingan

Lebih terperinci

4. Berikut ini termasuk tag tag yang biasanya diletakkan di dalam kelompok tag Body, kecuali. a. bgcolor c. link b. font d. meta

4. Berikut ini termasuk tag tag yang biasanya diletakkan di dalam kelompok tag Body, kecuali. a. bgcolor c. link b. font d. meta LATIHAN SOAL HTML DASAR 1 1. Singkatan HTML adalah. a. Hyper Text Markup Language b. Hygher Text Markup Language c. Hyper Terminal Markup Language d. Hyper Text Make Language 2. Dibawah ini merupakan tag

Lebih terperinci

Chapter 1. Pengenalan HTML

Chapter 1. Pengenalan HTML Chapter 1. Pengenalan HTML 1.1. Pengenalan HTML HTML atau HyperText Markup Language merupakan salah satu format yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan dihalaman web. HTML adalah

Lebih terperinci

HTML Dasar. PERTEMUAN 1 Tujuan: 1. Siswa dapat memahami dan mengenal perintah-perintah dasar HTML 2. Siswa dapat membuat tabel dan pengaturannya

HTML Dasar. PERTEMUAN 1 Tujuan: 1. Siswa dapat memahami dan mengenal perintah-perintah dasar HTML 2. Siswa dapat membuat tabel dan pengaturannya HTML Dasar Tujuan: Siswa dapat membuat desain situs menggunakan pemrograman web PERTEMUAN 1 Tujuan: 1. Siswa dapat memahami dan mengenal perintah-perintah dasar HTML 2. Siswa dapat membuat tabel dan pengaturannya

Lebih terperinci

Materi 5 Komputer Aplikasi IT (KAIT) 2 SKS Semester 1 S1 Sistem Informasi UNIKOM 2014 Nizar Rabbi Radliya

Materi 5 Komputer Aplikasi IT (KAIT) 2 SKS Semester 1 S1 Sistem Informasi UNIKOM 2014 Nizar Rabbi Radliya Materi 5 Komputer Aplikasi IT (KAIT) 2 SKS Semester 1 S1 Sistem Informasi UNIKOM 2014 Nizar Rabbi Radliya nizar.radliya@yahoo.com Nama Mahasiswa NIM Kelas Kompetensi Dasar Menciptakan dokumen HTML dengan

Lebih terperinci

MODUL 3 HTML. (HyperText Mark-Up Language) Sub : Tabel & Form

MODUL 3 HTML. (HyperText Mark-Up Language) Sub : Tabel & Form MODUL 3 HTML (HyperText Mark-Up Language) Sub : Tabel & Form Laboratorium Komputer STIMIK PPKIA Pradnya Paramita Malang Pertemuan 3 3.1 Tujuan : 1. Mahasiswa dapat memahami dan mengenai perintah perintah

Lebih terperinci

KOMPUTER APLIKASI IT (Information Technology)

KOMPUTER APLIKASI IT (Information Technology) KOMPUTER APLIKASI IT (Information Technology) 2 SKS Semester 1 S1 Sistem Informasi Nizar Rabbi Radliya nizar.radliya@yahoo.com Pertemuan 5 Universitas Komputer Indonesia 2014 Tabel pada HTML Tabel pada

Lebih terperinci

HTML Dasar Pertemuan - 2

HTML Dasar Pertemuan - 2 HTML Dasar Pertemuan - 2 Semester Ganjil 2009/2010 HTML? Sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser. HTML berupa kode

Lebih terperinci

BAB I PERKENALAN HTML

BAB I PERKENALAN HTML BAB I PERKENALAN HTML A. PENDAHULUAN Hypertext Markup Language (HTML) sebuah bahasa markup atau tanda yang digunakan untuk membuat sebuah halaman website, HTML merupakan berupa kode-kode tag yang menginstruksikan

Lebih terperinci

Soal Remedial Prakarya-1

Soal Remedial Prakarya-1 Soal Remedial Prakarya-1 Kerjakan soal ini, dengan memilih salah satu jawaban yang benar. Perhatikan petunjuk: a. Pilihan jawaban yang benar dengan cara memblok pada soal tersebut. b. Dan kirim soal dan

Lebih terperinci

Pemrograman Basis Data Berbasis Web

Pemrograman Basis Data Berbasis Web Pemrograman Basis Data Berbasis Web Pertemuan Ke-2 (HTML) Noor Ifada noor.ifada@if.trunojoyo.ac.id S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan HTML? Istilah-istilah dalam HTML Tag Utama dalam struktur

Lebih terperinci

Iankee.mualdo@gmail.com PENGENALAN WEBSITE HTML CSS Mengenal CMS ( Content Management System) Iankee.mualdo@gmail.com PENGENALAN WEBSITE HTML CSS Mengenal CMS ( Content Management System) Iankee.mualdo@gmail.com

Lebih terperinci

Pemrograman Web I (HTML Lanjut) Oleh: Devie Rosa Anamisa

Pemrograman Web I (HTML Lanjut) Oleh: Devie Rosa Anamisa Pemrograman Web I (HTML Lanjut) Oleh: Devie Rosa Anamisa Tujuan Kuliah Mampu Menjelaskan mengenai: format teks Table Frame Form Hyperlink pada HTML Lanjut Format Teks Ada beberapa fasilitas tag yang dapat

Lebih terperinci

Pengenalan Perancangan Web 2017

Pengenalan Perancangan Web 2017 9. Form dan Input HTML Form adalah elemen HTML yang digunakan untuk mendapatkan masukan dari pengguna web. Pengguna web dapat memasukkan input melalui halaman-halaman HTML. Form biasa digunakan untuk membuat

Lebih terperinci

HTML. Hipertext Markup Language

HTML. Hipertext Markup Language HTML Hipertext Markup Language HTML HTML? Sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser. HTML berupa kode - kode tag yang

Lebih terperinci

BAB I PERKENALAN HTML

BAB I PERKENALAN HTML BAB I PERKENALAN HTML A. PENDAHULUAN Hypertext Markup Language (HTML) sebuah bahasa markup atau tanda yang digunakan untuk membuat sebuah halaman website, HTML merupakan berupa kode-kode tag yang menginstruksikan

Lebih terperinci

Tampilan di website (Tidak Tampil karena hanya memberi informasi bagi pembuat )

Tampilan di website (Tidak Tampil karena hanya memberi informasi bagi pembuat ) MEMBUAT WEBSITE DENGAN HTML Dibuat oleh : Dea Arri Rajasa, SE., S.Kom HTML (Hyper Text Markup Language) STRUKTUR HTML Judul Website ditulis disini Kode kode HTML

Lebih terperinci

Pemrograman Basis Data Berbasis Web

Pemrograman Basis Data Berbasis Web Pemrograman Basis Data Berbasis Web Pertemuan Ke-2 (HTML) Noor Ifada S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan HTML? Istilah-istilah dalam HTML Tag Utama dalam struktur dokumen HTML Contoh HTML

Lebih terperinci

Review Pemrograman Web I

Review Pemrograman Web I Review Pemrograman Web I Pemrograman Web II Ganjil 2010 2011 Intro Mata kuliah : Pemrograman Web 2 SKS : 3 Jenis : Mata kuliah wajib Pertemuan : 14 pertemuan kelas Periode : Ganjil 2010 2011 Dosen : Sandra

Lebih terperinci

Adapun elemen-elemen yang digunakan untuk membuat suatu tabel adalah :

Adapun elemen-elemen yang digunakan untuk membuat suatu tabel adalah : PERTEMUAN 5 Membuat Tabel Tabel biasanya digunakan untuk menempatkan data secara spreadsheet, tapi untuk desain suatu web, selain untuk menempatkan data, tabel digunakan untuk merapikan teks, ataupun gambar.

Lebih terperinci

P - 5 Bab 4 : HTML (Hypertext Markup Language)

P - 5 Bab 4 : HTML (Hypertext Markup Language) P - 5 Bab 4 : HTML (Hypertext Markup Language) 4.1 Tujuan Mengerti konsep dasar, struktur, gaya penulisan, sound & background sound, hyperlink serta images, table, form & frame HTML. 4.2 Materi 1. Konsep

Lebih terperinci

Bahasa yang digunakan untuk menampilkan informasi pd halaman web. bahasa ini menggunakan tanda (markup) untuk menandai perintahperintahnya

Bahasa yang digunakan untuk menampilkan informasi pd halaman web. bahasa ini menggunakan tanda (markup) untuk menandai perintahperintahnya Pertemuan 2 1 Bahasa yang digunakan untuk menampilkan informasi pd halaman web. bahasa ini menggunakan tanda (markup) untuk menandai perintahperintahnya menentukan tampilan suatu teks dan tingkat kepentingan

Lebih terperinci

HTML Dasar & Layouting (tag, elemen, atribut, link, frame, table) Pengembangan Web (IT133) Ramos Somya, S.Kom., M.Cs.

HTML Dasar & Layouting (tag, elemen, atribut, link, frame, table) Pengembangan Web (IT133) Ramos Somya, S.Kom., M.Cs. HTML Dasar & Layouting (tag, elemen, atribut, link, frame, table) Pengembangan Web (IT133) Ramos Somya, S.Kom., M.Cs. HTML HyperText Markup Language HTML bahasa pemrograman HTML markup language Digunakan

Lebih terperinci

Atribut ACTION tempat menspesifikasikan URL yang akan digunakan sebagai pemroses field input form.

Atribut ACTION tempat menspesifikasikan URL yang akan digunakan sebagai pemroses field input form. FORM DAN INPUT HTML Elemen HTML yang digunakan untuk mendapatkan masukan dari pengguna web. Pengguna web dapat memasukkan input melalui halaman-halaman HTML. Elemen/ TAG ini digunakan membatasi input.

Lebih terperinci

Pemrograman Basis Data Berbasis Web

Pemrograman Basis Data Berbasis Web Pemrograman Basis Data Berbasis Web Pertemuan Ke-3 (HTML Lanjut [1]) Noor Ifada noor.ifada@if.trunojoyo.ac.id S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan: Tabel Membuat tabel sederhana Menambahkan

Lebih terperinci

d. Caption Elemen caption berfungsi untuk memberikan nama atau judul pada tabel. Tag yang digunakan

d. Caption Elemen caption berfungsi untuk memberikan nama atau judul pada tabel. Tag yang digunakan ATRIBUT TABEL ATRIBUT TABEL a. Table Row (TR) Elemen Table Row digunakan untuk menandai awal dari tiap baris pada tabel, atau tag ini digunakan untuk membuat baris tabel. Tag yang digunakan adalah tag...

Lebih terperinci

Dasar-dasar Web dan HTML Minggu I. Pemrograman Web - Rosa Ariani Sukamto

Dasar-dasar Web dan HTML Minggu I. Pemrograman Web - Rosa Ariani Sukamto Dasar-dasar Web dan HTML Minggu I Pemrograman Web - Rosa Ariani Sukamto Email: rosa_if_itb_01@yahoo.com Ngapain Sih? Ya Belajar Membuat website dengan HTML dan PHP Layanan-layanan Internet layanan informasi

Lebih terperinci

HTML : Apa itu? HTML = Hyper Text Markup Language. HTML adalah dokumen text yang bisa dibaca untuk dipublikasikan di World Wide Web (WWW)

HTML : Apa itu? HTML = Hyper Text Markup Language. HTML adalah dokumen text yang bisa dibaca untuk dipublikasikan di World Wide Web (WWW) MK MK Desain Desain Grafis Grafis Web Web 2002/2003 2002/2003 by by Ido Ido Priyana Priyana Hadi Hadi :: HTML : Apa itu? HTML = Hyper Text Markup Language HTML adalah dokumen text yang bisa dibaca untuk

Lebih terperinci

1. Teori MODUL 1 HTML. Tujuan: Mampu menjelaskan pengertian HTML,Struktur Dasar, Tag Tag HTML, dan mampu membuat aplikasi dengan menggunakan tag HTML

1. Teori MODUL 1 HTML. Tujuan: Mampu menjelaskan pengertian HTML,Struktur Dasar, Tag Tag HTML, dan mampu membuat aplikasi dengan menggunakan tag HTML MODUL 1 HTML Tujuan: Mampu menjelaskan pengertian HTML,Struktur Dasar, Tag Tag HTML, dan mampu membuat aplikasi dengan menggunakan tag HTML Tugas Pendahuluan 1. Apakah yang anda ketahui tentang World Wide

Lebih terperinci

MODUL HTML 2015 MODUL I PENDAHULUAN

MODUL HTML 2015 MODUL I PENDAHULUAN MODUL I PENDAHULUAN HTML merupakan singkatan dari Hyper Text Markup Language adalah script untuk menyusun dokumen-dokumen Web. Dokumen HTML disimpan dalam format teks reguler dan mengandung tag-tag yang

Lebih terperinci

PENGENALAN HTML - 2. Anda bisa menambahkan beberapa cell (kolom) untuk membuat satu baris cell (kolom).

PENGENALAN HTML - 2. Anda bisa menambahkan beberapa cell (kolom) untuk membuat satu baris cell (kolom). PENGENALAN HTML - 2 G. Tabel HTML Setting untk membuat perintah tabel terdiri dari : Row : mementukan banyaknya baris yang dimiliki oleh tabel. Columns : menentukan banyaknya kolom yang dimiliki tabel.

Lebih terperinci

MODUL 1 HTML. (HyperText Mark-Up Language)

MODUL 1 HTML. (HyperText Mark-Up Language) MODUL 1 HTML (HyperText Mark-Up Language) Laboratorium Komputer STIMIK PPKIA Pradnya Paramita Malang Pertemuan 1 1.1 Tujuan : 1. Mahasiswa dapat memahami dan mengenai perintah perintah dasar HTML 2. Mahasiswa

Lebih terperinci

<table> : Tag ini merupakan inti dari perintah untuk membuat. </table> : Tag ini merupakan penutup dari perintah untuk membuat

<table> : Tag ini merupakan inti dari perintah untuk membuat. </table> : Tag ini merupakan penutup dari perintah untuk membuat : Tag ini merupakan inti dari perintah untuk membuat tabel pada dokumen HTML : Tag ini merupakan penutup dari perintah untuk membuat tabel pada dokumen HTML : Tag ini digunakan untuk membuat

Lebih terperinci

HTML. Hypertext Markup Language. Pemrograman Web 1. Genap

HTML. Hypertext Markup Language. Pemrograman Web 1. Genap HTML Hypertext Markup Language Pemrograman Web 1 Genap 2009 2010 HTML HTML? Sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser.

Lebih terperinci

HTML. ( HyperText Markup Language) Pertemuan 2 Oleh : Nufan Balafif. Mata Kuliah : Pemrograman Berbasis Web

HTML. ( HyperText Markup Language) Pertemuan 2 Oleh : Nufan Balafif. Mata Kuliah : Pemrograman Berbasis Web HTML ( HyperText Markup Language) Mata Kuliah : Pemrograman Berbasis Web Pertemuan 2 Oleh : Nufan Balafif html (hypertext markup language) Adalah bahasa pemrograman Web (client) yang dikhususkan untuk

Lebih terperinci

HTML Dasar HTML (Hypertext Markup Language) merupakan bahasa pemrograman web yang digunakan untuk membuat halaman situs.

HTML Dasar HTML (Hypertext Markup Language) merupakan bahasa pemrograman web yang digunakan untuk membuat halaman situs. HTML Dasar HTML (Hypertext Markup Language) merupakan bahasa pemrograman web yang digunakan untuk membuat halaman situs. Untuk belajar HTML dasar sebaiknya Anda ketikkan di Notepad. Bentuk umum:

Lebih terperinci

MODUL III MEMBUAT FORM DAN HALAMAN WEB DENGAN FRAME

MODUL III MEMBUAT FORM DAN HALAMAN WEB DENGAN FRAME MODUL III MEMBUAT FORM DAN HALAMAN WEB DENGAN FRAME A. MAKSUD DAN TUJUAN 1. MAKSUD a. Membuat formulir dengan berbagai tipe b. Membuat tampilan halaman web dengan frame 2. TUJUAN a. Mahasiswa dapat membuat

Lebih terperinci

MODUL PRAKTIKUM APLIKASI IT 1 MODUL V TABEL

MODUL PRAKTIKUM APLIKASI IT 1 MODUL V TABEL MODUL V TABEL 5.1 Tabel Tabel merupakan cara untuk menampilkan informasi dalam bentuk sel yang terdiri atas baris dan kolom. Untuk menampilkan data dalam bentuk table dalam HTML. Disamping itu tabel juga

Lebih terperinci

P - 6 Bab 4 : HTML (Hypertext Markup Language)

P - 6 Bab 4 : HTML (Hypertext Markup Language) P - 6 Bab 4 : HTML (Hypertext Markup Language) 4.1 Tujuan Mengerti cara membuat table, form & frame HTML. 4.2 Materi 1. Table 2. Form 3. Frame HTML 4.3 Table Tabel terdiri dari beberapa bagian, antara

Lebih terperinci

Pemrograman Web Week 2. Team Teaching

Pemrograman Web Week 2. Team Teaching Pemrograman Web Week 2 Team Teaching WEEK 2 HTML IKG2I4 Software Project I Persiapan Instalasi Editor Download dan Install apilkasi editor (mis. Notepad++) Karena membantu dalam pengembangan syntax highlighting

Lebih terperinci

Bab 1. HTML (Hypertext Markup Language) A. World Wide Web

Bab 1. HTML (Hypertext Markup Language) A. World Wide Web Bab 1 HTML (Hypertext Markup Language) A. World Wide Web Internet merupakan jaringan global yang menghubungkan suatu network dengan network lainnya di seluruh dunia, TCP/ IP menjadi protocol penghubung

Lebih terperinci

Syntax HTML. Biasanya digunakan untuk menulis komentar, tidak akan timbul dihalaman web.

Syntax HTML. Biasanya digunakan untuk menulis komentar, tidak akan timbul dihalaman web. Syntax HTML Pada tulisan Saya kali ini, Saya memberikannya beserta contoh kode dan gambar, ada beberapa yang Saya tidak beri kode dan gambar, kode, dan gambar sekalipun karena beberapa alasan : Kurangnya

Lebih terperinci

Pemrograman Internet by Susiana Sari, S.Kom

Pemrograman Internet by Susiana Sari, S.Kom 1 Muara Teweh, 01 April 2009 Susiana Sari, S.Kom Manajemen Informatika Politeknik Muara Teweh STRUKTUR DASAR HTML : sebagai tanda awal dokumen : sebagai informasi page header : sebagai

Lebih terperinci

Edisi UNIVERSITAS NEGERI SEMARANG. Badan Pengembangan Teknologi Informasi dan Komunikasi. Modul Pelatihan H T M L

Edisi UNIVERSITAS NEGERI SEMARANG. Badan Pengembangan Teknologi Informasi dan Komunikasi. Modul Pelatihan H T M L Edisi 1 UNIVERSITAS NEGERI SEMARANG Badan Pengembangan Teknologi Informasi dan Komunikasi Modul Pelatihan H T M L U N I V E R S I T A S N E G E R I S E M A R A N G Modul Pelatihan HTML Akhmad Munawar http://about.me/akhmad.munawar

Lebih terperinci

4. Type yang berfungsi untuk menerima masukan berupa teks dari pengguna adalah A. Checkbox B. Submit C. File D. Text E. Button

4. Type yang berfungsi untuk menerima masukan berupa teks dari pengguna adalah A. Checkbox B. Submit C. File D. Text E. Button NAMA : KELAS/NoAbsensi : A. PILIHAN GANDA 1. #**# merupakan karakter yang terdapat pada type data a. text b. password c. radio d. submit e. file 2. Perintah untuk mengosongkan kolom pada HTML adalah a.

Lebih terperinci

1) Gunakan peralatan sesuai dengan fungsinya. 2) Bekerjalah sesuai dengan cara kerja atau petunjuk yang telah ditentukan.

1) Gunakan peralatan sesuai dengan fungsinya. 2) Bekerjalah sesuai dengan cara kerja atau petunjuk yang telah ditentukan. TUJUAN a. Memahami dan mengaplikasikan tag-tag HTML dalam sebuah web. b. Dapat berkreasi dengan tabel, form dan frame untuk membuat sebuah karya web personal. ALAT DAN BAHAN 1) 1 (Satu) unit komputer KESELAMATAN

Lebih terperinci

Tag dasar yang akan kita gunakan untuk membuat form di HTML adalah tag form, input, textarea, select dan option.

Tag dasar yang akan kita gunakan untuk membuat form di HTML adalah tag form, input, textarea, select dan option. Form Form biasanya digunakan untuk mengumpulkan data dari pengunjung web kita. Mulai dari form untuk login, form kontak, form untuk pendaftaran user, bahkan untuk mengirimkan data antar halaman web Tag

Lebih terperinci

Pemrograman Web I (HTML) Oleh: Devie Rosa Anamisa

Pemrograman Web I (HTML) Oleh: Devie Rosa Anamisa Pemrograman Web I (HTML) Oleh: Devie Rosa Anamisa Tujuan Kuliah Mampu Menjelaskan mengenai: Pengertian struktur dasar tag-tag HTML membuat aplikasi dengan perintah-perintah HTML HTML Hyper Text Markup

Lebih terperinci

Web dan HTML Dasar. Siti Maesyaroh, M.Kom

Web dan HTML Dasar. Siti Maesyaroh, M.Kom Web dan HTML Dasar Siti Maesyaroh, M.Kom 1 Pengenalan Word Wide Web What is an Word Wide Web? Protocol Address HTML 2 Pengenalan Word Wide Web Bagaiman Word Wide Web bekerja? Informasi disimpan dalam dokumen

Lebih terperinci

1. HTML DASAR Struktur dokumen HTML(Tag, Element, Attribute), Element HTML, Element HEAD, Element TITLE, Element BODY

1. HTML DASAR Struktur dokumen HTML(Tag, Element, Attribute), Element HTML, Element HEAD, Element TITLE, Element BODY --------------------------------------------------------------------------------------------------------- BELAJAR HTML DASAR LENGKAP SINGKAT JELAS PADAT (Disertai Study Kasus) (www.infomugi.blogspot.com)

Lebih terperinci

Pemrograman WEB PERTEMUAN KE-1

Pemrograman WEB PERTEMUAN KE-1 Pemrograman WEB PERTEMUAN KE-1 Pengertian HTML HTML atau Hypertext Marksup Language merupakan salah satu format yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan dihalaman web. Sebenarnya,

Lebih terperinci

PEMROGRAMAN WEB. 1 P a g e

PEMROGRAMAN WEB. 1 P a g e BAB I PENDAHULUAN A. Pengertian HTML HTML merupakan singkatan dari Hypertext Markup Language. HTML digunakan untuk membangun halaman web. HTML digunakan untuk melakukan mark-up (penandaan ) terhadap sebuah

Lebih terperinci

SUSUNAN DASAR HTML, JAVASCRIPT DAN VBSCRIPT

SUSUNAN DASAR HTML, JAVASCRIPT DAN VBSCRIPT SUSUNAN DASAR HTML, JAVASCRIPT DAN VBSCRIPT 1. HTML 1.1. Susunan Dasar HTML Judul disini Program disini 1.2. Contoh Halaman Pertama Teks dengan Heading 1 Teks

Lebih terperinci

Web Programming (WP) Step 2 [ HTML & PHP BASIC]

Web Programming (WP) Step 2 [ HTML & PHP BASIC] Web Programming (WP) Step 2 [ HTML & PHP BASIC] Created By Rolly Yesputra, M.Kom rollyyp.wordpress.com rollyyesputra1@gmail.com 082391177785 767E4C4D 4 March 2015 rollyyp.wordpress.com 1 HTML (Hypertext

Lebih terperinci

SOAL PRODUKTIF KEJURUAN KELAS X MULTIMEDIA

SOAL PRODUKTIF KEJURUAN KELAS X MULTIMEDIA SOAL PRODUKTIF KEJURUAN KELAS X MULTIMEDIA 1. HTML adalah kepanjangan dari. A. Hyper Text Multiple Language B. Hiper Text Multiple Language C. Hipo Text Multiple Language D. Hyper Text Multiple Land E.

Lebih terperinci

DASAR HTML UNTUK PEMULA

DASAR HTML UNTUK PEMULA DASAR HTML UNTUK PEMULA Dian Propa, dianpropa@gmail.com HTML atau Hypertext Markup Language merupakan protokol yang digunakan untuk mentransfer data atau document dari web server ke browser, seperti Internet

Lebih terperinci

A. Tujuan B. Dasar Teori 1. Pemrosesan Form 2. Konsep Penggunaan Tag <form> pada HTML

A. Tujuan B. Dasar Teori 1. Pemrosesan Form 2. Konsep Penggunaan Tag <form> pada HTML Form HTML A. Tujuan Memahami konsep penggunaan tag pada HTML Mampu menangani masukan data dari form HTML Mampu membuat dan memproses beragam elemen kontrol B. Dasar Teori 1. Pemrosesan Form Pemrosesan

Lebih terperinci

Bab 5 FORM. A. Maksud Dan Tujuan 1. Maksud

Bab 5 FORM. A. Maksud Dan Tujuan 1. Maksud A. Maksud Dan Tujuan 1. Maksud Bab 5 FORM Menginputkan data menggunakan form dan membuat tombol dengan tag HTML Membuat halaman web terhubung dengan halaman lain (link) 2. Tujuan Mahasiswa dapat membuat

Lebih terperinci

MODUL PEMOGRAMAN WEB I STMIK IM BANDUNG MODUL PEMOGRAMAN WEB I. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id

MODUL PEMOGRAMAN WEB I STMIK IM BANDUNG MODUL PEMOGRAMAN WEB I. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id 1 MODUL PEMOGRAMAN WEB I Oleh: CHALIFA CHAZAR 2 Modul 3 HTML Layout Tujuan: Mahasiswa mengenal konsep-konsep dan komponen layout dasar untuk membangun website statis. Pustaka:» HTML dan XML Edisi 2: Betha

Lebih terperinci

Desain Web. Oleh : Ady Purna Kurniawan, ST., MT.

Desain Web. Oleh : Ady Purna Kurniawan, ST., MT. Desain Web HTML Lanjut Oleh : Ady Purna Kurniawan, ST., MT. Materi HTML Lanjut 1. List 2. Fontasi 3. Image 4. Hyperlink 5. Form Tag LIST Membuat daftar urutan berupa bullet tdan numbering. Terdiri dari

Lebih terperinci

DESAIN WEB STATIS DAN HTML. Dahlan Abdullah Website :http://dahlan.unimal.ac.id

DESAIN WEB STATIS DAN HTML. Dahlan Abdullah   Website :http://dahlan.unimal.ac.id DESAIN WEB STATIS DAN HTML Dahlan Abdullah Email : dahlanrpl@yahoo.com Website :http://dahlan.unimal.ac.id HALAMAN WEB KONSEP DASAR DAN TEKNOLOGI WEB World Wide Web secara luas lebih dikenal dengan istilah

Lebih terperinci

XHTML dan Dasar-dasar CSS XHTML

XHTML dan Dasar-dasar CSS XHTML XHTML dan Dasar-dasar CSS Pemrograman Web Rosa Ariani Sukamto Email: rosa_if_itb_01@yahoo.com Blog: http://udinrosa.wordpress.com Website: http://www.gangsir.com XHTML Extensible Hypertext Markup Language

Lebih terperinci

BAB 2 LANDASAN TEORI. saling berinteraksi / bekerja sama membentuk suatu sistem kerja. Komputer berfungsi. Beberapa komponen komputer yaitu :

BAB 2 LANDASAN TEORI. saling berinteraksi / bekerja sama membentuk suatu sistem kerja. Komputer berfungsi. Beberapa komponen komputer yaitu : BAB 2 LANDASAN TEORI 2.1 Pengertian Komputer Komputer adalah serangkaian elektronik yang terdiri dari sejumlah komponen yang saling berinteraksi / bekerja sama membentuk suatu sistem kerja. Komputer berfungsi

Lebih terperinci

Sekilas Mengenai HTML

Sekilas Mengenai HTML Sekilas Mengenai HTML Halaman di website-website yang sering anda lihat di internet pada umumnya dibuat dengan menggunakan bahasa HTML. Tidak seperti bahasa lainnya, untuk membuat halaman HTML, kita tidak

Lebih terperinci

Pengantar HTML. Achmad Fadlil Chusni, S.Kom, M.MT

Pengantar HTML. Achmad Fadlil Chusni, S.Kom, M.MT Pengantar HTML Achmad Fadlil Chusni, S.Kom, M.MT Objectives Setelah menyelesaikan bab ini, anda diharapkan dapat: Memahami konstruksi dasar halaman web. Mengerti tentang WWW Mengerti tag-tag dasar HTML

Lebih terperinci

Keterampilan Komputer. 8. Pengenalan HTML

Keterampilan Komputer. 8. Pengenalan HTML Keterampilan Komputer 8. Pengenalan HTML Table of Contents: World Wide Web (WWW) HyperText Markup Language (HTML) Browser dan Editor Tag-tag HTML Struktur HTML document Elemen Dasar HTML 2 Objectives Setelah

Lebih terperinci

Tutorial HTML. Oleh: Willy Bayuardi Suwarno, SP, MSi. Dipublikasi di tanggal 7 Mei 2008

Tutorial HTML. Oleh: Willy Bayuardi Suwarno, SP, MSi. Dipublikasi di  tanggal 7 Mei 2008 Tutorial HTML Oleh: Willy Bayuardi Suwarno, SP, MSi willy@ipb.ac.id Dipublikasi di http://willy.situshijau.co.id tanggal 7 Mei 2008 Artikel ini dapat digunakan dan disebarkan secara bebas, baik sebagian

Lebih terperinci

Tujuan: Siswa dapat membuat desain situs menggunakan perangkat lunak desain dan pemrograman web

Tujuan: Siswa dapat membuat desain situs menggunakan perangkat lunak desain dan pemrograman web HTML DASAR BAGIAN 1 Oleh: Heribertus Heri Istiyanto Tujuan: Siswa dapat membuat desain situs menggunakan perangkat lunak desain dan pemrograman web Materi: 1. HTML Dasar 2. Desain Layout di Photoshop 3.

Lebih terperinci

PENGANTAR INTERNET & DESAIN WEB

PENGANTAR INTERNET & DESAIN WEB Program Studi Manajemen Informatika Fakultas Bisnis Dan Teknologi Informasi Universitas Teknologi Yogyakarta PENGANTAR INTERNET & DESAIN WEB Ganjil 2012-2013, S.Kom HTML Dasar Bagian 2 Numbered & Indented

Lebih terperinci

[FORM AND FRAME] PEMROGRAMAN WEB MODUL [ O L E H : Y U N I T A P R A S T Y N I N G S I H, S. K O M ]

[FORM AND FRAME] PEMROGRAMAN WEB MODUL [ O L E H : Y U N I T A P R A S T Y N I N G S I H, S. K O M ] [FORM AND FRAME] PEMROGRAMAN WEB MODUL [ O L E H : Y U N I T A P R A S T Y N I N G S I H, S. K O M ] Modul FORM DAN FRAME 1. TEORI DASAR FORM Form identik dengan formulir. Form sangat dibutuhkan pada saat

Lebih terperinci

Pemrograman Web PRAKTIKUM 1 PENGANTAR

Pemrograman Web PRAKTIKUM 1 PENGANTAR PRAKTIKUM 1 PENGANTAR TUJUAN BELAJAR Mengenalkan dunia web MATERI Teknologi dan Terminologi Web (konsep dan istilah di dunia web) TUGAS Tidak ada TEORI W3C Singkatan World Wide Web Consortium suatu konsorsium

Lebih terperinci

Tujuan: Siswa dapat membuat desain situs menggunakan perangkat lunak desain dan pemrograman web

Tujuan: Siswa dapat membuat desain situs menggunakan perangkat lunak desain dan pemrograman web MODUL TIK KELAS XI SEMESTER I TAHUN AJARAN 2008-2009 2009 SMA KOLESE DE BRITTO YOGYAKARTA Modul dapat di download di: Tujuan: Siswa dapat membuat desain situs menggunakan perangkat lunak desain dan pemrograman

Lebih terperinci

Pemrograman Basis Data Berbasis Web

Pemrograman Basis Data Berbasis Web Pemrograman Basis Data Berbasis Web Pertemuan Ke-4 (HTML Lanjut) Oleh: Noor Ifada S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan: Tabel Form Frame S1 Teknik Informatika - Unijoyo 2 TABEL Fungsi: Menampilkan

Lebih terperinci

Modul Praktikum Desain Web 2015

Modul Praktikum Desain Web 2015 MODUL 1 DASAR-DASAR HTML A. TUJUAN PRAKTIKUM Melalui praktikum Dasar-dasar HTML, diharapkan mahasiswa dapat memiliki kompetensi, antara lain: 1. Memahami struktur dasar dokumen HTML. 2. Membuat dokumen

Lebih terperinci

Pokok Bahasan 3. Bahasa HTML. L. Erawan

Pokok Bahasan 3. Bahasa HTML. L. Erawan Pokok Bahasan 3 Bahasa HTML L. Erawan Tujuan Menguasai bahasa (X)HTML sehingga dapat menggunakannya untuk membuat halaman web 10/3/2014 2 Indikator Dapat menjelaskan pembagian struktur dokumen HTML Dapat

Lebih terperinci

C. Ms Powerpoint D. Notepad E. Ms Acces

C. Ms Powerpoint D. Notepad E. Ms Acces 1. Apakah kepanjangan dari HTML? A. Hyper Text Mark Up Language B. Hyper Text Mark Language C. Hight Text Mark Up Language D. Hight Text Mark Language 2. Berikut ini adalah termasuk Software Browser, Kecuali:

Lebih terperinci

TAG 10/2/2011. Pengenalan HTML. Pengantar Bahasa HTML (Menuliskan Kode HTML) Pengantar Bahasa HTML. Pengantar Bahasa HTML (Membuat Dasar Tag)

TAG 10/2/2011. Pengenalan HTML. Pengantar Bahasa HTML (Menuliskan Kode HTML) Pengantar Bahasa HTML. Pengantar Bahasa HTML (Membuat Dasar Tag) Perancangan & Pemprograman WEB Pertemuan 2 Pengenalan HTML, TAG, list, dan Hyperlink Pengenalan HTML Apakah file HTML itu? HTML singkatan dari Hyper Text Markup Language. Merupakan suatu bahasa pemorgraman

Lebih terperinci

Standar Kompetensi Mahasiswa memahami Pengertian HTML, pengaturan format Teks, Daftar urutan, Tabel, Image dan hyperlink

Standar Kompetensi Mahasiswa memahami Pengertian HTML, pengaturan format Teks, Daftar urutan, Tabel, Image dan hyperlink Pengenalan HTML Standar Kompetensi Mahasiswa memahami Pengertian HTML, pengaturan format Teks, Daftar urutan, Tabel, Image dan hyperlink Indikator Hasil Belajar 1. Dapat menjelaskan pengertian html. 2.

Lebih terperinci

Pertemuan Ke-3 (HTML Lanjut [1]) D3 Manajemen Informatika - Unijoyo 1

Pertemuan Ke-3 (HTML Lanjut [1]) D3 Manajemen Informatika - Unijoyo 1 Pertemuan Ke-3 (HTML Lanjut [1]) D3 Manajemen Informatika - Unijoyo 1 Tabel Membuat tabel sederhana Menambahkan judul tabel Mengatur lebar dan tinggi suatu tabel Perataan dalam tabel Membuat warna pada

Lebih terperinci

Ikbal jamaludin

Ikbal jamaludin Ikbal jamaludin 085 2222 01644 Elemen link berfungsi sebagai penghubung antara suatu halaman dengan halaman lain, atau ke URL (uniform Resource Locator) lain bahkan dalam satu halaman untuk berpindah ke

Lebih terperinci

PENGGUNAAN SINGKATAN

PENGGUNAAN SINGKATAN PENGGUNAAN SINGKATAN Adakalanya kita hanya mencantumkan singkatan dari suatu istilah dalam suatu dokumen. Misalnya, WWW untuk menyingkat World Wide Web. Dengan menggunakan tag , Anda

Lebih terperinci

HIPER TEXT MARKUP LANGUAGE

HIPER TEXT MARKUP LANGUAGE HIPER TEXT MARKUP LANGUAGE (HTML) 1. PENGERTIAN HTML Bicara mengenai HTML, kita juga harus bicara mengenal HTTP (hypertext transfer protokol). HTTP adalah protokol yang digunakan untuk mentransfer dokumen

Lebih terperinci

- Ordered List : list yang menggunakan nomor berdasarkan urutan (numbering)

- Ordered List : list yang menggunakan nomor berdasarkan urutan (numbering) PEMROGRAMAN WEB 04 Table Andi WRE List 3 macam List : - Ordered List : list yang menggunakan nomor berdasarkan urutan (numbering) - Unordered List : list yang tidak berurut dan menggunakan bullet (bullets)

Lebih terperinci

Desain Web. Oleh : Ady Purna Kurniawan, ST., MT.

Desain Web. Oleh : Ady Purna Kurniawan, ST., MT. Desain Web HTML Layout Oleh : Ady Purna Kurniawan, ST., MT. Materi HTML Layout 1. Tabel 2. Frame TABLE Digunakan untuk membuat tabel (kolom dan baris) Diperbolehkan membuat tabel di dalam tabel (nested

Lebih terperinci