BAB 1 PENGENALAN HTML

Ukuran: px
Mulai penontonan dengan halaman:

Download "BAB 1 PENGENALAN HTML"

Transkripsi

1 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) maka dokumen HTML terdiri dari tanda-tanda (markup) untuk menandai perintah-perintahnya. A. Struktur HTML Document Pasangan tag <HTML></HTML> menandakan bahwa kode yang terdapat di dalamnya adalah kode HTML sehingga browser akan menerjemahkan kode tersebut. Bagian yang terdapat dalam <HTML></HTML> umumnya terbagi atas : 1. Pada bagian kepala, ditandai dengan pasangan tag <HEAD></HEAD>. 2. Pada bagian badan, ditandai dengan pasangan tag <BODY></BODY>. Pada bagian kepala, bisa ditentukan judul dokumen HTML. Judul ini ditulis dengan tag <TITLE> dan </TITLE>. Contoh 1 : notepad

2 2 MODUL HTML DAN JAVASCRIPT 2. Simpan dengan nama file latihan1.html. B. Cara menulis tag dalam HTML Perintah HTML biasanya disebut TAG. TAG digunakan untuk menentukan tampilan dari document HTML. Hampir semua tag berpasangan. <TAG MULAI></TAG PENUTUP> Contoh : Setiap document HTML diawali dan diakhiri dengan tag HTML.

3 3 <html>. </html> Tag tidak case sensitive, jadi anda bisa gunakan <HTML> atau <html> keduanya menghasilkan output yang sama. Bentuk dari tag HTML sebagai berikut : <ELEMENT ATTRIBUTE = value > Element Attribute Value Contoh : : Nama Tag : Atribut dari Tag : Nilai dari Atribut. <BODY BGCOLOR= blue > </BODY> BODY merupakan element, BGCOLOR merupakan atribut yang memiliki nilai blue. C. Atribut Tag <BODY> Di dalam tag <BODY> terdapat beberapa atrbut yang bisa digunakan untuk mempercantik tampilan suatu halaman website. Adapun atribut- atribut tersebut adalah sebagai berikut : ATRIBUT FUNGSI BGCOLOR Menetukan warna background suatu halaman BACKGROUND Menentukan gambar/image yang akan dipasang sebagai background halaman web TEXT Menetukan warna teks normal LINK Menentukan warna teks yang berfungsi sebagai link ALINK Menentukan warna teks link ketika diklik VLINK Menentukan warna teks link ketika selesai diklik

4 4 MODUL HTML DAN JAVASCRIPT Contoh 2: notepad 2. Simpan dengan nama file latihan2.html. D. Tag Dalam HTML 1. Tag <BR> Fungsi tag <BR> adalah untuk membuat baris baru atau berpindah baris.

5 5 Contoh 3: notepad 2. Simpan dengan nama file latihan3.html. 2. Tag <P> Tag <P> digunakan untuk membuat paragraph. Di dalam tag <P> terdapat atribut yang ALIGN yang berguna untuk mengatur tata letak teks. Nilai dari atribut ALIGN ialah : CENTER, menempatkan tekt pada tengah layar.

6 6 MODUL HTML DAN JAVASCRIPT Contoh 4: LEFT, mengatur teks rata kiti terhadap halaman. RIGHT, mengatur teks rata kanan terhadap halaman. JUSTIFY, mengatur teks rata kiri dan rata kanan. notepad 2. Simpan dengan nama file latihan4.html.

7 7 3. Tag Judul HTML menyediakan 6 buah tag yang digunakan untuk mengatur ukuran teks yang sebagai judul dalam badan dokumen. Tag tag judul ini berupa : <H1> </H1> <H2> </H2> <H3> </H3> <H4> </H4> <H5> </H5> <H6> </H6> Contoh 5: notepad 2. Simpan dengan nama file latihan5.html.

8 8 MODUL HTML DAN JAVASCRIPT 4. Tag <HR> Untuk mempercantik halaman, seringkali pembuat dokumen Web menambahkan garis horizontal. Garis ini sebenarnya dapat dibuat dengan mudah, yakni dengan menyertakan tag <HR>. HR juga memiliki atribut seperti : ATRIBUT FUNGSI SIZE Menentukan ketebalan garis WIDTH Menentukan lebar garis ALIGN Menentukan peletakan teks dalam baris NOSHADE Menentukan agar garis tidak disertai bayangan Contoh 6: notepad

9 9 2. Simpan dengan nama file latihan6.html. E. Mengatur Teks 1. Mengatur Teks Untuk mengatur teks terdapat beberapa tag yang bisa digunakan antara lain : Tag FUNGSI <B> Teks ditampilkan dalam keadaan tebal <BIG> Teks ditampilkan dengan ukuran besar dari ukuran normal

10 10 MODUL HTML DAN JAVASCRIPT Tag <I> <SMALL> <SUB> <SUP> <U> <EM> <STRONG> FUNGSI Teks ditampilkan dalam keadaan miring Teks ditampilkan dengan ukuran lebih kecil dari ukuran normal Teks tampilkan sebagai subkrip Teks tampilkan sebagai superskrip Teks ditampilkan dengan garis bawah Menyatakan penekanan pada teks. Biasanya teks ditampilkan miring Menyatakan teks yang sangat penting untuk diperhatikan. Biasanya ditampilkan tebal Contoh 7: notepad 2. Simpan dengan nama file latihan7.html.

11 11 2. Penggunaan tag <PRE></PRE> Tag <PRE> digunakan untuk menampilkan teks pada web browser yang sama persis dengan teks yang diapit oleh tag <PRE></PRE> Contoh 8: notepad

12 12 MODUL HTML DAN JAVASCRIPT 2. Simpan dengan nama file latihan8.html.

13 13 Latihan 1. Buatlah listing sesuai dengan tampilan di bawah ini :

14 14 MODUL HTML DAN JAVASCRIPT BAB 2 FONT, IMAGE, LINK A. Mengatur huruf dengan Tag <Font> Tag <FONT> </FONT> berguna untuk mengatur jenis, ukuran, maupun warna font. Jenis Font Untuk menentukan jenis font, digunakan atribut FACE. Contoh 9: notepad 2. Simpan dengan nama file latihan9.html.

15 15 Contoh 10: Ukuran Font Untuk menentukan ukuran fontn ditentukan oleh atribut SIZE. notepad 2. Simpan dengan nama file latihan10.html.

16 16 MODUL HTML DAN JAVASCRIPT Warna Font Atribut pada tag <FONT> yang berkaitan dengan warna teks yaitu COLOR, yang berguna untuk menentukan warna dari font tersebut. Contoh 11: notepad

17 17 2. Simpan dengan nama file latihan11.html. B. Menambahkan Gambar dengan Tag <IMG> Terkadang kita jumpai halaman web dengan latar belakan berupa suatu gambar. Latar belakang seperti itu kadangkala mempercantik halaman web. Untuk menyertakan suatu gambar sebagai

18 18 MODUL HTML DAN JAVASCRIPT latar belakang, dapat digunakan atribut BACKGROUND pada tag <BODY>. Bentuknya sebagai berikut : <BODY BACKGROUND= NamaFileGambar > Atau menampilkan dengan Tag <IMG> dengan cara paling sederhana yaitu : <IMG SRC= NamaFileGambar > Mengatur Tata Letak Teks Terhadap Gambar Tag <IMG> menyediakan atribut bernama ALIGN yang berfungsi untuk mengatur penempatan teks terhadap gambar dan untuk mengatur penempatan gambar. Nilai dari atribut ALIGN : Nilai TOP MIDDLE BOTTOM LEFT RIGHT Keterangan Teks diletakkan di bagian atas Teks diletakkan di tengah tengah Merupakan nili default. Teks diletakkan di bagian bawah Gambar diletakkan di sebelah kiri pada halaman Gambar diletakkan di sebelah kanan pada halaman Memberi Bingkai Dengan menggunakan atribut BORDER pada tag <IMG>, anda bisa mengatur agar gambar Anda diberi bingkai atau tidak. Misal: <IMG SRC= NamaFileGambar BORDER= 1 > Contoh 12: notepad

19 19 2. Simpan dengan nama file latihan12.html.

20 20 MODUL HTML DAN JAVASCRIPT Mengatur Ukuran Gambar Bila Anda memiliki gambar yang besar dan bermaksud ingin merubah ukuran gambar saat ditampilkan, Anda bisa menggunakan atribut HEIGHT untuk tinggi gambar dan WIDTH untuk mengatur lebar gambar. Misal: <IMG SRC= NamaFileGambar HEIGHT= 150 WIDTH= 150 > Contoh 13: notepad 2. Simpan dengan nama file latihan13.html.

21 21 C. Menambahkan Hiperlink dengan Tag <Link> Untuk membuat link ke halaman lain, digunakan pasangan tag<a> </A> atau yang biasa yang disebut tag jangkar atau anchor tag. Bentuk yang paling sering digunakan adalah sebagai berikut : Keterangan <A HREF= URL TARGET= VALUE >NAMA LINK </A> o < a <! - - tag anchor- - > o href<! - - atribut - - > o url<! - - alamat tujuan - - > o target<! - - target tampilan link - - > o nama link <! - - namalink yg dibuat - - >

22 22 MODUL HTML DAN JAVASCRIPT untuk mempraktikan Link, buatlah terlebih dulu dua buah berkas HTML berikut ini: File hala.html : File halb.html : Setelah membuat dua file di atas, lalu ikuti listing di bawah ini.

23 23 Contoh 14: notepad 2. Simpan dengan nama file latihan14.html.

24 24 MODUL HTML DAN JAVASCRIPT Ket : Jika diklik Halaman A maka halaman akan menuju ke halaman A, sedangkan jika halaman B diklik maka halaman akan menuju ke halaman B Jenis Link diatas biasa juga disebut dengan link relative karena link dari halaman ke halaman yang lain dalam komputer yang sama, dan tidak perlu menggunakan alamat internet yang lengkap. Sedangkan untuk link ke website lain biasa disebut link absolut karena harus menuliskan alamat situsnya seperti : Contoh 15: <A Href= >Google</a> notepad 2. Simpan dengan nama file latihan15.html.

25 25 Atribut Target o o o o o _Blank ariinya membuka window baru di browser. _Parent artinya keluar dari frame _Top artinya keluar dari freme _Self artinya tampilan pada lokasi link Nama frame artimya sesuai nama yang diberikan pada saat menciptakan bagian frame. Link Ke Bagian Lain Dalam Halaman Yang Sama (Bookmark) Link jenis ini dibuat jika isi halaman cukup panjang sehingga jika ditampilkan dalam browser web akan mengharuskan kita scroll layar berulang-ulang. Letakkan kursor pada baris atau teks yang menjadi awal dari bagian tersebut kemudian sisipkan nama bagian tersebut dengan <a name= namabagian > Ketiklah tag <a href= #namabagian >nama link</a>dilokasi yang diinginkan.

26 26 MODUL HTML DAN JAVASCRIPT Contoh 16: notepad 2. Simpan dengan nama file latihan16.html.

27 27

28 28 MODUL HTML DAN JAVASCRIPT Link Ke Mailtom merupakan link ke . <A href= Bagi Ilmu > Kirim </A>

29 29 BAB 3 LIST DAN TABLE A. LIST List merupakan bentuk yang umum digunakan untuk menguraikan daftar sesuatu. List dapat ditandai dengan angka, simbolsimbol bahkan dapat tanpa tanda apapun. Untuk menampilkan simbol dari list digunakan tag <LI> Jenis list dalam HTML dibagi menjadi : Ordered List Unordered List Directory List Menu List Definition List Ordered List dan Unordered List adalah jenis list yang paling sering digunakan. Sedangkan Directory List, Menu List dan Definition List jarang digunakan dalam membuat suatu halaman web. 1. Ordered List (OL) Tag <OL> berfungsi untuk membuat daftar urut yang disertai dengan penomoran. Daftar nilai untuk atribut TYPE tag <OL> yaitu : Nilai Keterangan A Huruf capital digunakan sebagai pengganti nomor urut a Huruf kecil digunakan sebagai pengganti nomor urut I Angka romawi dengan huruf capital digunakan sebagai

30 30 MODUL HTML DAN JAVASCRIPT Nilai Keterangan pengganti nomor urut i Angka romawi dengan huruf kecil digunakan sebagai pengganti nomor urut 1 Angka biasa digunakan sebagai penomoran. Merupakan nilai default kalau TYPE tidak disebutkan. Contoh 17: notepad 2. Simpan dengan nama file latihan17.html.

31 31 2. Unordered List (UL) Tag <UL> biasanya ditandai dengan pemakaian bullet untuk menandai setiap item dalam list. Daftar nilai untuk atribut TYPE tag <UL> yaitu : Nilai Bentuk Bullet CIRCLE o DISC SQUARE Contoh 18: notepad

32 32 MODUL HTML DAN JAVASCRIPT 2. Simpan dengan nama file latihan18.html.

33 33 Contoh 19: notepad 2. Simpan dengan nama file latihan18.html.

34 34 MODUL HTML DAN JAVASCRIPT B. TABEL Tag <Tabel>..</Table> digunakan untuk menyajikan data dalam bentuk kolom dan baris. Umumnya setiap kolom menunjukkan data yang sejenis, dan setiap baris yang terdiri atas kolom-kolom menunjukkan kelompok data dalam satu kesatuan Tag tag yang terkait dengan pembuatan table : Tag <TABLE>..</TABLE> <CAPTION>..</CAPTION> <TR>..</TR> <TH>..</TH> <TD>..</TD> Keterangan Mengawali dan mengakhiri sebuah table Menentukan judul pada tabel Membuat sebuah dalam tabel Membuat Judul kolom Membuat sebuah sel data Contoh 20: notepad

35 35 2. Simpan dengan nama file latihan20.html. 1. Memberi Garis pada Tabel Bentuk : <Table BORDER= bilangan > Kalau BORDER tidak disertakan dalam tag <TABLE>, nilai untuk BODER dianggap sama dengan no, dengan akibat garis tidak ditampilkan. 2. Menentukan Warna Latar Belakang Tabel Contoh 21: Untuk menambahkan warna latar belakang table, digunakan atribut BGCOLOR pada tag <TABLE>. notepad

36 36 MODUL HTML DAN JAVASCRIPT 2. Simpan dengan nama file latihan21.html.

37 37 3. Menentukan Ukuran Tabel Untuk mengatur ukuran Tabel digunakan atribut HEIGHT untuk tinggi, dan WIDTH untuk lebar table. 4. Pengaturan posisi Teks Pada Table Ada dua posisi teks pada table yaitu vertical dan horizontal. Untuk posisi vertical digunakan atribut VALIGN dengan beberapa nilai antara lain : Nilai VALIGN TOP MIDDLE BOTTOM Keterangan Teks diletakkan di bagian atas pada sel Teks diletakkan di bagian tengah pada sel Teks diletakkan di bagian bawah pada sel Untuk posisi horizontal digunakan tag ALIGN dengan beberapa nilai antara lain : Nilai VALIGN LEFT CENTER RIGHT JUSTIFY Keterangan Teks rata kiri Teks rata tengah Teks rata kanan Teks rata kiri dan kanan Contoh 22: notepad

38 38 MODUL HTML DAN JAVASCRIPT 2. Simpan dengan nama file latihan22.html.

39 39 5. Menggabungkan sel Tabel Contoh 23: Untuk menggabungkan beberapa baris sel menjadi satu baris, digunakan atribut ROWSPAN pada tag <TD>, sedangkan untuk menggabungkan beberapa sel menjadi satu kolom digunakan atribut COLSPAN pada tag <TD>. notepad

40 40 MODUL HTML DAN JAVASCRIPT 2. Simpan dengan nama file latihan23.html. Latihan 3. Buatlah listing sesuai dengan tampilan di bawah ini :

41 41 BAB 4 FORM DAN FRAME A. Dasar penggunaan form Form dibentuk dengan menggunakan pasangan tag <FORM></FORM>. Dua atribut yang umum digunakan pada tag <FORM> berupa ACTION dan METHOD. 1. ACTION menentukan URL yang akan dijalankan dan menerima semua masukan pada formulir. Jika ACTION tidak disebutkan, informasi akan dikirimkan ke URL yang sama dengan halaman web itu sendiri. 2. METHOD digunakan untuk menentukan bagaimana informasi dikirim ke URL yang disebutkan dalam ACTION. Nilai umum untuk atribut ini berupa GET dan POST. Contoh penggunaan tag <FORM> dan </FORM>: <FORM ACTION= info.html METHOD= POST > </FORM> B. Memasukkan DATA dengan INPUT Tag <INPUT> digunakan untuk melakukan pemasukkan data dan letaknya berada dalam pasangan tag <FORM> dan </FORM>. Ada bermacam-macam tipe pemasukan data, atara lain berupa teks, kotak password, tombol radio, kotak cek, serta tombol SUBMIT dan RESET. Tipe Submit Untuk membuat button control. Komponen ini memiliki atribute: Name = Nama dari control Size = Ukuran control

42 42 MODUL HTML DAN JAVASCRIPT Type = <input type= button > Value = Untuk memberikan value ke input Tipe Password Untuk membuat line password. Password memiliki atribut: Name = nama dari control Size = ukuran control Type = <input type= password > Value = untuk memberikan value ke input Maxlenght = untuk menentukan maksimal karakter yang bisa dimasukkan Tipe Text Untuk membuat single line text control. Text memiliki atribut: Name = nama dari control Size = ukuran control Type = <input type= text > Maxlenght = untuk menentukan maksimal karakter yang bisa dimasukkan <INPUT TYPE= TEXT NAME= textbox VALUE= SIZE= 20 > Tipe CheckBox Checkbox memiliki atribut: Checked = Untuk memberi default check Name = Nama dari control Size = ukuran control Type = <input type= checkbox > Value = untuk memberikan value ke input Tipe Radio Setiap radio button control harus memiliki nama yang sama, sehingga user hanya bisa memilih satu option saja. Radio button juga harus secara explisit memberikan nilai ke atribut value. Radio memiliki atribut: Checked = Untuk memberi default check

43 43 Name = Nama dari control Size = Ukuran control Type = <input type= radio > Value = Untuk memberikan value ke input Contoh 24: notepad 2. Simpan dengan nama file latihan24.html.

44 44 MODUL HTML DAN JAVASCRIPT C. Menggunakan Select Select sering digunakan sebagai daftar dalam sebuah tag <FORM>. Untuk isinya menggunakan tag <OPTION>..</OPTION>. SINTAKS : <SELECT NAME= NamaSelect > <OPTION> nilai 1</OPTION> <OPTION> nilai 2</OPTION> </SELECT> D. Menggunakan Textarea Textarea adalah sebuah kolomyang dibuat untuk menuliskan text yang lebih besar dibandingkan dengan <INPUT TYPE= TEXT > SINTAKS : <TEXTAREA NAME= NamaTextarea ROWS= JmlBaris COLS= JmlKolom >. </TEXTAREA> E. Dasar Penggunaan Frame Frame memungkinkan satu halaman web atau lebih ditampilkan pada sebuah jendela browser. Halaman yang berbasis frame dibentuk dengan pasangan <FRAMESET> dan </FRAMESET>, atribut COLS untuk kolom dan ROWS untuk baris. Untuk mempraktikkan frame, buatlah dulu berkas bernama kiri.html dan kanan.html berikut ini: File kiri.html

45 45 File kanan.html Contoh 25: notepad 2. Simpan dengan nama file latihan25.html.

46 46 MODUL HTML DAN JAVASCRIPT File atas.html Contoh 26: notepad

47 47 2. Simpan dengan nama file latihan26.html.

48 48 MODUL HTML DAN JAVASCRIPT BAB 5 JAVASCRIPT Setelah anda memahami struktur HTML, sekarang kita akan melihat bagaimana susunan JavaScript. Susunan JavaScript adalah lanjutan dari susunan HTML yaitu javascript ditanamkan ke dalam badan HTML. A. Struktur Javascript Struktur dari Javascript adalah sebagai berikut : <SCRIPT LANGUAGE- Javascript > Penulisan kode Javascript </SCRIPT> B. Penggunaan Variabel Var yang merupakan singkatan dari variabel adalah suatu tempat/wadah untuk menampung suatu nilai yang dapat berubahubah. Contoh : Var x = 10 Var a = 4*5+6-7 Var nama = stmik C. Penggunaan ( document.write ) Perintah document.write adalah perintah untuk mencetak hasil ke layar (perintah ini sama dengan perintah PRINT dalam Basic atau WRITE dalam turbo pascal). document.write( Tesk Yang Akan Dicetak ) Contoh 27: Editplus

49 49 2. Simpan dengan nama file latihan27.html. D. Penggunaan Prompt Perintah prompt adalah perintah untuk menampilkan kotak dialog log Web Browser User Prompt. prompt( Pesan :, Keterangan untuk pengguna )

50 50 MODUL HTML DAN JAVASCRIPT Contoh 28: Editplus 2. Simpan dengan nama file latihan28.html.

51 51 E. Penggunaan Alert Dan Confirm Perintah alert adalah perintah untuk menampilkan kotak dialog web browser untuk menyampaikan pesan peringatan. Sedangkan perintah confirm umumnya digunakan untuk menampilkan kotak dialog penegasan. Contoh 29 (Alert): Editplus

52 52 MODUL HTML DAN JAVASCRIPT 2. Simpan dengan nama file latihan29.html. Setelah diklik OK

53 53 Contoh 30 (Confirm): Editplus 2. Simpan dengan nama file latihan30.html.

54 54 MODUL HTML DAN JAVASCRIPT Setelah diklik OK F. Penggunaan Seleksi Seleksi berguna untuk mengecek apakah suatu kondisi bernilai benar atau bernilai salah. 1. Penggunaan If SINTAKS : If (kondisi){ Kode yang akan dijalankan jika kondisi benar }else{ Kode yang akan dijalankan jika kondisi salah }

55 55 Contoh 31: Editplus 2. Simpan dengan nama file latihan31.html.

56 56 MODUL HTML DAN JAVASCRIPT 2. Penggunaan Switch SINTAKS : switch(ekspresi){ case kondisi1 : kode yg dijalankan jika kondisi1 benar; break; case kondisi2 : kode yg dijalankan jika kondisi2 benar; break; default : Kode yg dijalankan jika semua kondisi salah; break; Contoh 32: } Editplus 2. Simpan dengan nama file latihan32.html.

57 57

58 58 MODUL HTML DAN JAVASCRIPT BAB 6 JAVASCRIPT LANJUTAN A. Penggunaan ( for ) Perintah for yaitu perintah untuk melakukan pengulangan. Perintah ini sama dengan perintah for dalam bahasa pemrogramaman Basic, Pascal atau C. SINTAK : for (nilai awal ; nilai akhir ; kenaikan atau penurunan) { Blok perintah yang akan diulang. } Contoh 33: Editplus

59 59 2. Simpan dengan nama file latihan33.html. Sama seperti bahasa C, di dalam javascript juga terdapat perulangan while dan do..while yang penggunaanya juga hampir sama dengan bahasa C, namun penulis hanya membahas tentang for tidak membahas lebih jauh tentang perulangan while dan do..while. B. Penggunaan ( new array) Perintah new Array adalah perintah untuk memasukkan sekumpulan data ke dalam sebuah variable (data disimpan dalam variable yang sama secara berurut). Contohnya apabila kita ingin membuat tanggal di web kita. Contoh 34: Editplus

60 60 MODUL HTML DAN JAVASCRIPT 2. Simpan dengan nama file latihan34.html. C. Membuat Aplikasi Javascript (Pop up Window) Secara sederhana pop-up window dapat diartikan window tambahan yang muncul mengiringi window utama. Misalnya kita

61 61 mengunjugi suatu website tetapi juga muncul window lainnya setelah window utama muncul. Metode ini banyak dimanfaatkan untuk membuat sebuah iklan. Buat file utama.html Contoh 35: Editplus

62 62 MODUL HTML DAN JAVASCRIPT 2. Simpan dengan nama file latihan35.html.

63 63 Lalu akan otomatis muncul tampilan seperti berikut

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

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

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

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

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

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

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

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

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 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

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

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

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

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

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

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

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

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

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

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

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 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

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

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

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

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

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

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

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

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 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

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

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

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

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

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

Prak. E-Bussiness & E-Commerce HTML. (HyperText Markup Language) RAHMADY LIYANTANTO liyantanto.wordpress.com

Prak. E-Bussiness & E-Commerce HTML. (HyperText Markup Language) RAHMADY LIYANTANTO liyantanto.wordpress.com Prak. E-Bussiness & E-Commerce HTML (HyperText Markup Language) RAHMADY LIYANTANTO liyantanto@gmail.com liyantanto.wordpress.com Pendahuluan HTML adalah sebuah bahasa markup yang digunakan untuk membuat

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

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

MODUL TIK - HTML II KELAS XI SEMESTER I

MODUL TIK - HTML II KELAS XI SEMESTER I MODUL TIK - HTML II KELAS XI SEMESTER I Dapatkan tutorial-tutorial komputer, soal-soal matematika, soal-soal TIK, modul TIK, modul matematika di http://istiyanto.com. Kini Anda dapat berlangganan dan menerima

Lebih terperinci

MODUL 2 HTML LANJUT. (Tabel, Form, dan Frame) Mampu menjelaskan table, frame, form, image, hyperlink pada HTML Lanjut dan membuat aplikasinya

MODUL 2 HTML LANJUT. (Tabel, Form, dan Frame) Mampu menjelaskan table, frame, form, image, hyperlink pada HTML Lanjut dan membuat aplikasinya MODUL 2 HTML LANJUT (Tabel, Form, dan Frame) Tujuan Mampu menjelaskan table, frame, form, image, hyperlink pada HTML Lanjut dan membuat aplikasinya Tugas Pendahuluan 1. Apa yang anda ketahui tentang tabel,

Lebih terperinci

HTML (HYPERTEXT MARKUP LANGUAGE)

HTML (HYPERTEXT MARKUP LANGUAGE) HTML (HYPERTEXT MARKUP LANGUAGE) HTML merupakan Script dimana kita bisa menampilkan informasi dan daya kreasi kita lewat internet. HTML sendiri terdiri dari tag-tag yang fungsinya untuk membuat dokumen

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

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

MODUL 1 PENGENALAN HTML

MODUL 1 PENGENALAN HTML MODUL 1 PENGENALAN HTML TUJUAN PRAKTIKUM : 1. Praktikan memahami tentang HTML, CSS, frame dan JS pada HTML serta kegunaannya. 2. Praktikan memahami bagaimana cara membuat web menggunakan HTML, CSS dan

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

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

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

Perancangan & Pemprograman WEB. Pertemuan 4 Materi Formulir &Latihan HTML

Perancangan & Pemprograman WEB. Pertemuan 4 Materi Formulir &Latihan HTML Perancangan & Pemprograman WEB Pertemuan 4 Materi Formulir &Latihan HTML Dasar Penggunaan Formulir Untuk membuat formulir maka kita menggunakan tag dan . Dua atribut yang umum digunakan pada

Lebih terperinci

MODUL 1 HTML. (HyperText Mark-Up Language)

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

Lebih terperinci

TAG HTML LANJUT Tujuan Instruksional :

TAG HTML LANJUT Tujuan Instruksional : 3 TAG HTML LANJUT Tujuan Instruksional : 1. Mahasiswa mengetahui tag-tag tingkat lanjut pada HTML 2. Mahasiswa dapat menyusun dan menyimpan sebuah dokumen HTML dengan tag HTML lanjut 3. Mahasiswa dapat

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

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

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

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

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 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

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

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

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

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

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

Desain Web. MODUL 2 Desain Form

Desain Web. MODUL 2 Desain Form 1 MODUL 2 Desain Form A. TUJUAN 1. Mampu membuat form dalam HTML 2. Mampu menggunakan input dalam HTML 3. Mampu menggunakan select dalam HTML 4. Mampu menggunakan textarea dalam HTML B. PETUNJUK 1. Awali

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

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

Mengelola isi halaman web. Memeriksa informasi untuk relevansi dan currency

Mengelola isi halaman web. Memeriksa informasi untuk relevansi dan currency Mengelola isi halaman web Memeriksa informasi untuk Software Web Design Software web design merupakan perangkat lunak yang berguna untuk membangun/membuat/mendisain halaman-halaman web, baik yang bersifat

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

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

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

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

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

PENGANTAR KOMPUTER DAN TI 2C PERTEMUAN 5

PENGANTAR KOMPUTER DAN TI 2C PERTEMUAN 5 PENGANTAR KOMPUTER DAN TI PERTEMUAN 5 Struktur dokumen HTML Homepage Kepala Judul Homepage Tubuh Isi Teks Isi Tabel. Isi Audio, Video, dll.

Lebih terperinci

Pengenalan Script. Definisi HTML

Pengenalan Script. Definisi HTML 1 Pengenalan Script Pada bab ini akan dibahas bahasa script yang dapat digunakan untuk membuat halaman web. Untuk dapat membuat halaman web bahasa script pertama yang harus anda kenal adalah HTML. HTML

Lebih terperinci

Tujuan: Siswa dapat membuat list item dan form untuk diterapkan dalam pembuatan halaman web

Tujuan: Siswa dapat membuat list item dan form untuk diterapkan dalam pembuatan halaman web HTML DASAR BAGIAN 2 Oleh: Heribertus Heri Istiyanto Materi: 1. List Item 2. Form Tujuan: Siswa dapat membuat list item dan form untuk diterapkan dalam pembuatan halaman web Indikator: 1. Siswa dapat membuat

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

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

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

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

FLASH, FRAME, BEHAVIOR

FLASH, FRAME, BEHAVIOR FLASH, FRAME, BEHAVIOR 1. Flash Menyisipkan Flash Button a. Pilih menu : insert image interactive flash button b. Tentukan property : Style : pilih bentuk / jenis tombol flash Button text : tulis label

Lebih terperinci

MODUL IX FORM. 9.1 Pendahuluan

MODUL IX FORM. 9.1 Pendahuluan MODUL IX FORM 9.1 Pendahuluan Sebuah halaman dapat berisi informasi yang sifatnya statis dan adapula yang bersifat dinamis. Bersifat statis artinya informasi yang ditampilkan cenderung tetap, apabila ingin

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

Pemrograman Web. Amar Hikmawan TKJ Kelas X SMK Muh 1 Klaten Utara Klaten

Pemrograman Web. Amar Hikmawan TKJ Kelas X SMK Muh 1 Klaten Utara Klaten Pemrograman Web Amar Hikmawan TKJ Kelas X SMK Muh 1 Klaten Utara Klaten Pengertian Website Website atau situs juga dapat diartikan sebagai kumpulan halaman yang menampilkan informasi data teks, data gambar

Lebih terperinci

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

HTML. STRUKTUR DASAR HTML Sebelum mempelajari HTML, akan terlebih dahulu diulas mengenai aturan penulisan dalam buku ini. 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

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

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

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

Form Input HTML dan Frame. Siti Maesyaroh. M.Kom.

Form Input HTML dan Frame. Siti Maesyaroh. M.Kom. Form Input HTML dan Frame Siti Maesyaroh. M.Kom. Tag Tag ini digunakan untuk membuat rancangan form atau formulir dalam memasukkan data, dimana nantinya data tersebut akan diproses sesuai dengan

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

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

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

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

Modul 5. Membuat Formulir Pada Template. Disusun oleh. Sri Siska Wirdaniyati JURUSAN STATISTIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

Modul 5. Membuat Formulir Pada Template. Disusun oleh. Sri Siska Wirdaniyati JURUSAN STATISTIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM Modul 5 Membuat Formulir Pada Template Disusun oleh Sri Siska Wirdaniyati JURUSAN STATISTIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS ISLAM INDONESIA YOGYAKARTA 2013 1 BAB I PENDAHULUAN

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

Web Programming HTML

Web Programming HTML Web Programming HTML Element HTML Basic Tag HTML Format HTML Entiti HTML Links HTML Frame HTML Table HTML List HTML Form HTML Image HTML Background HTML Outline Element HTML Basic Tag HTML Format HTML

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

Pemrograman Web DASAR HTML 2

Pemrograman Web DASAR HTML 2 Pemrograman Web DASAR HTML 2 Marquee Marquee adalah menu tekst barjalan yang berfungsi untuk memperindah tampila web, serta membuat pengunjung agar melihat taks tersebut. Teks ini seperti tesks biasa yang

Lebih terperinci

Pemrograman Web Teknik Informatika Fakultas Teknologi Industri

Pemrograman Web Teknik Informatika Fakultas Teknologi Industri 20 Tag Dasar HTML: menandai awal dan akhir dokumen HTML Sintaks dokumen Head: menandai bagian header dokumen HTML Sintak: header Title: memberi judul pada dokumen HTML Sintaks:

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