MEMBUAT DAFTAR ITEM MEMBUAT LINK MEMBUAT TABEL dan
![MEMBUAT DAFTAR ITEM, MEMBUAT LINK, MEMBUAT TABEL dan MEMBUAT FORM MEMBUAT DAFTAR ITEM, MEMBUAT LINK, MEMBUAT TABEL dan MEMBUAT FORM](https://slidetodoc.com/presentation_image_h2/897d79bd83c6813457693fa73edb11b9/image-1.jpg)
MEMBUAT DAFTAR ITEM, MEMBUAT LINK, MEMBUAT TABEL dan MEMBUAT FORM
![MAKSUD DAN TUJUAN � Maksud › Merapikan teks yang berupa daftar (list) dan table MAKSUD DAN TUJUAN � Maksud › Merapikan teks yang berupa daftar (list) dan table](http://slidetodoc.com/presentation_image_h2/897d79bd83c6813457693fa73edb11b9/image-2.jpg)
MAKSUD DAN TUJUAN � Maksud › Merapikan teks yang berupa daftar (list) dan table dengan tag HTML › Membuat halaman web terhubung dengan halaman lain (link) � Tujuan › Mahasiswa dapat membuat table dan mengatur sel- sel dalam table untuk ditampilkan dalam dokumen web › Mahasiswa dapat membuat link untuk menghubungkan halaman-halaman web
![Daftar Item (List) Seringkali sebuah dokumen berisikan teks yang berupa daftar sehingga penulisannya harus Daftar Item (List) Seringkali sebuah dokumen berisikan teks yang berupa daftar sehingga penulisannya harus](http://slidetodoc.com/presentation_image_h2/897d79bd83c6813457693fa73edb11b9/image-3.jpg)
Daftar Item (List) Seringkali sebuah dokumen berisikan teks yang berupa daftar sehingga penulisannya harus ditampilkan dalam bentuk sebuah daftar item (list). Dengan menggunakan tag, halaman HTML juga dapat menampilkan teks berupa daftar (list).
![Tag yang digunakan antara lain : Tag yang digunakan antara lain :](http://slidetodoc.com/presentation_image_h2/897d79bd83c6813457693fa73edb11b9/image-4.jpg)
Tag yang digunakan antara lain :
![LINK � Untuk membuat link atau hyperlink, dapat menggunakan tag : <A HREF> …</A> LINK � Untuk membuat link atau hyperlink, dapat menggunakan tag : <A HREF> …</A>](http://slidetodoc.com/presentation_image_h2/897d79bd83c6813457693fa73edb11b9/image-5.jpg)
LINK � Untuk membuat link atau hyperlink, dapat menggunakan tag : <A HREF> …</A> � Berikut beberapa contoh script penggunaan link :
![� Berikut atribut mengatur link : yang digunakan untuk � Berikut atribut mengatur link : yang digunakan untuk](http://slidetodoc.com/presentation_image_h2/897d79bd83c6813457693fa73edb11b9/image-6.jpg)
� Berikut atribut mengatur link : yang digunakan untuk
![TABEL Membuat Tabel Untuk membuat table dalam menggunakan tag berikut : � halaman HTML, TABEL Membuat Tabel Untuk membuat table dalam menggunakan tag berikut : � halaman HTML,](http://slidetodoc.com/presentation_image_h2/897d79bd83c6813457693fa73edb11b9/image-7.jpg)
TABEL Membuat Tabel Untuk membuat table dalam menggunakan tag berikut : � halaman HTML, dapat
![� Atribut-atribut untuk <TH> <TR>, dan <TD> Beberapa atribut yang digunakan dalam <TH>, <TR>, � Atribut-atribut untuk <TH> <TR>, dan <TD> Beberapa atribut yang digunakan dalam <TH>, <TR>,](http://slidetodoc.com/presentation_image_h2/897d79bd83c6813457693fa73edb11b9/image-8.jpg)
� Atribut-atribut untuk <TH> <TR>, dan <TD> Beberapa atribut yang digunakan dalam <TH>, <TR>, dan <TD> :
![FORM � Membuat Formulir digunakan untuk memasukkan data pada halaman web. Tag yang digunakan FORM � Membuat Formulir digunakan untuk memasukkan data pada halaman web. Tag yang digunakan](http://slidetodoc.com/presentation_image_h2/897d79bd83c6813457693fa73edb11b9/image-9.jpg)
FORM � Membuat Formulir digunakan untuk memasukkan data pada halaman web. Tag yang digunakan untuk membuat Formulir yaitu tag <FORM> … </FORM>. Atribut yang penting dalam <FORM> yaitu :
![Berikut ini akan diuraikan tag-tag yang biasa digunakan dalam sebuah FORM (tag-tag ini berada Berikut ini akan diuraikan tag-tag yang biasa digunakan dalam sebuah FORM (tag-tag ini berada](http://slidetodoc.com/presentation_image_h2/897d79bd83c6813457693fa73edb11b9/image-10.jpg)
Berikut ini akan diuraikan tag-tag yang biasa digunakan dalam sebuah FORM (tag-tag ini berada dalam pasangan tag <FORM> … </FORM> antara lain tag <INPUT>, <SELECT> … </SELECT>, <TEXTAREA> … </TEXTAREA>. � Tag <INPUT> yang berfungsi sebagai input data. Tag <INPUT> terdiri dari banyak tipe yang berguna untuk kotak password, kotak teks, tombol, dan lainnya. Beberapa atribut pada tag <INPUT> :
![Dan Tipe yang ada dalam atribut TYPE antara lain : Dan Tipe yang ada dalam atribut TYPE antara lain :](http://slidetodoc.com/presentation_image_h2/897d79bd83c6813457693fa73edb11b9/image-11.jpg)
Dan Tipe yang ada dalam atribut TYPE antara lain :
![� Tag <TEXTAREA> … </TEXTAREA> Tag ini dibutuhkan untuk masukan teks yang panjang. Beberapa � Tag <TEXTAREA> … </TEXTAREA> Tag ini dibutuhkan untuk masukan teks yang panjang. Beberapa](http://slidetodoc.com/presentation_image_h2/897d79bd83c6813457693fa73edb11b9/image-12.jpg)
� Tag <TEXTAREA> … </TEXTAREA> Tag ini dibutuhkan untuk masukan teks yang panjang. Beberapa atribut yang terdapat dalam tag <TEXTAREA>
![Tag </SELECT> … </SELECT> Tag ini digunakan untuk menampilkan beberapa pilihan dengan menggunakan kotak Tag </SELECT> … </SELECT> Tag ini digunakan untuk menampilkan beberapa pilihan dengan menggunakan kotak](http://slidetodoc.com/presentation_image_h2/897d79bd83c6813457693fa73edb11b9/image-13.jpg)
Tag </SELECT> … </SELECT> Tag ini digunakan untuk menampilkan beberapa pilihan dengan menggunakan kotak kombo (drop-down). Untuk menampilkan daftar pilihannya dapat menggunakan tag <OPTION> dan menyertakan atribut VALUE untuk menyatakan nilai-nilai pilihan. Sedangkan untuk menyatakan nilai default (nilai bawaan pada saat halaman ditampilkan) dapat menggunakan atribut SELECTED. Seperti contoh berikut : �
![� Jika dijalankan di web browser, maka nilai yang tampil secara default akan menampilkan � Jika dijalankan di web browser, maka nilai yang tampil secara default akan menampilkan](http://slidetodoc.com/presentation_image_h2/897d79bd83c6813457693fa73edb11b9/image-14.jpg)
� Jika dijalankan di web browser, maka nilai yang tampil secara default akan menampilkan pilihan Teknik Komputer.
- Slides: 14