BAB 1 PENGENALAN HTML
|
|
- Doddy Sugiarto
- 6 tahun lalu
- Tontonan:
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) IMS HTML HyperText Markup Language adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah
Lebih terperinciPemrograman 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 terperinciPemrograman 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 terperinciPemrograman 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 terperinci1. 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 terperinciMODUL 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 terperinciFORMAT 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 terperinciMODUL 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 terperinciMODUL 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 terperinciPemrograman 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 terperinciSoal 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 terperinciMateri. 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 terperinciBAB 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 terperinciPEMROGRAMAN 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 terperinci1. #**# 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.   e. &nsp jawaban :
Lebih terperinciMODUL 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 terperinciPemrograman 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 terperinciBahasa 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 terperinciBAB 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 terperinciTampilan 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 terperinci4. 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 terperinciPengenalan 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 terperinciHTML 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 terperinciPemrograman 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 terperinciHTML 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 terperinciHTML.
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 terperinciHTML (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 terperinciSyntax 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 terperinciPengenalan 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 terperinciIankee.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 terperinciKONSEP 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 terperinciMODUL 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 terperinciMODUL 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 terperinci1. 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 terperinciPEMROGRAMAN 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 terperinciHTML. 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 terperinci1. 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 terperinci4. 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 terperinciPrak. 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 terperinciBab 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 terperinciDasar-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 terperinciMODUL 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 terperinciMODUL 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 terperinciHTML (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 terperinciBab 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 terperinciHTML 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 terperinciMODUL 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 terperinciAtribut 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 terperinciPENGENALAN 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 terperinciHTML. ( 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 terperinciPerancangan & 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 terperinciMODUL 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 terperinciTAG 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 terperinciDesain 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 terperinciTag 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 terperinci1. 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 terperinciP - 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 terperinciP - 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 terperinciPemrograman 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 terperinciHTML. 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 terperinciHTML 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 terperinciMateri 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 terperinciPemrograman 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 terperinciTAG 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 terperinciDesain 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 ] Modul FORM DAN FRAME 1. TEORI DASAR FORM Form identik dengan formulir. Form sangat dibutuhkan pada saat
Lebih terperinciStandar 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 terperinciMengelola 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 terperinci1) 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 terperinciDESAIN 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 terperinciAdapun 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 terperinciEdisi 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 terperinciSUSUNAN 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 terperinciPENGANTAR 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 terperinciPengenalan 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 terperinciTujuan: 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 terperinciChapter 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 terperinciReview 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 terperinciPertemuan 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 terperinciKOMPUTER 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 terperinciFLASH, 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 terperinciMODUL 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 terperinciDesain 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 terperinciPemrograman 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 terperinciHTML. 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 terperinciPemrograman 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 terperinciC. 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 terperinciKeterampilan 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 terperinciForm 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 terperinciWeb 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 terperinciA. 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 terperinciXHTML 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 terperinciPENGGUNAAN 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 terperinciModul 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 terperinciMODUL 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 terperinciWeb 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 terperinciSekilas 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 terperinciPemrograman 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 terperinciPemrograman 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 terperinciHTML : 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