Berikut adalah contoh program web menggunakan (li)
<html>
<head>
<title>Menu Makanan</title>
</head>
<bg color="Darkcyan">
<font color="white" size="20" face="Elephant">CKantin Segar Multimedia</font><br><br>
<font color="darkred"face="Arial">Menu Makanan & Minuman</font>
<hr width="100%" size="10" color="Green"><br>
<font color="White" size="5" face="Elephant">Menu Makanan dan Minuman</font>
<br>
<h1>Makanan</h1>
<font face="elephant" color="white">
<ul>
<li>Batagor........Rp.3000</li>
<li>Bakso Tahu.....Rp.3000</li>
<li>Cimol..........Rp.2000</li>
<li>Mie Goreng.....Rp.3000</li>
<li>Mie Ayam.......Rp.4000</li>
<li>Nasi Goreng....Rp.5000</li>
<li>Nasi Kuning....Rp.5000</li></ul>
</font><br>
<h1>Minuman</h1>
<font face="elephant" color="white">
<ul>
<li>Aneka minuman......Rp.1000</li>
<li>Kukubima susu......Rp.3000</li>
<li>Nutri Sari susu....Rp.3000</li>
<li>Kopi...............Rp.3000</li>
<li>Susu...............Rp.2000</li>
<li>Pop ice............Rp.5000</li>
<li>Air mineral........Rp.2500</li>
<li>Air putih..........Gratis</li></font></ul>
</body>
</html>
berikut adalah contoh dari hasil diatas. foto di bawah menggunakan gambar background, apabila mengikuti kode di atas maka tampilannya tidak akan seperti gambar di bawah.
Contact Form
Total comment
Popular Posts
-
Menentukan Target Link Target atau tujuan yang dihubungkan melalui suatu link dapat ditentukan sendiri oleh kita. Target yang di maksud...
-
A. Inline Style Sheet CSS didefinisikan langsung pada tag HTML yang bersangkutan. Cara penulisannya cukup dengan menambahkan atribut ...
-
Macam - Macam Ragam Gerak Tari : Ragam Gerak Tari Klasik yaitu gerak tari yang banyak menggunakan gerak murni dan gerak ekspresif serta ...
-
Pengaturan jarak indentasi paragraph/text-indent Text-indent menentukan jarak inden dari baris pertama dalam teks-blok, sehingga teks p...
Advertisement
Advertisement
Gallery
Total Pageviews
Category List
- Accept
- cara setting ip address win 7
- definisi form
- desain
- form
- fungsi form
- hex
- hex code
- hex kode
- hexcode
- ip
- ip adress
- JPEG
- kode hex
- kode warna
- listing kode
- Logo
- Logo perusahaan WartaMuda PNG
- Logo WartaMuda PNG
- MIME
- multimedia
- os windows
- programming
- warna
- warta muda
- Warta Muda PNG
- WartaMuda
- web
- window
- window 7
- window seven
- windows
- windows 7
- windows seven
- windows7
Featured
Blog Archive
-
▼
2017
(200)
-
▼
May
(183)
- Melakukan perawatan Pada PC
- Peralatan Perawatan Komputer
- PENANGANAN EVENT
- Mengakses obyek HTML melalui atribut class
- MANIPULASI OBYEK HTML (DOM Traversal)
- Penerapan Pustaka Eksternal
- Format Dinamis Dengan Javascript
- NAVIGASI DENGAN AJAX
- Navigasi Halaman
- Pengaksesan Obyek Pada Halaman Web
- Interaksi User
- Pemrograman Berorientasi Obyek (PBO)
- obyek Array
- Obyek Math
- PUSTAKA BAWAAN JAVASCRIPT
- Struktur Kontrol Perulangan
- SWITCH
- Struktur Percabangan
- Struktur Kontrol
- Menyimpan data pada Array
- Pengaksesan data dalam array
- Pembuatan Array
- Jenis-Jenis Array
- Tipe data javascript part2
- Tipe data javascript
- Integer, Float, String
- Tipe data Javascript
- PEMBUATAN VARIABEL
- VARIABEL
- Pengenalan javascript
- Cascading style sheet pada chexbox
- Cascading style sheet padaradio button
- Cascading style sheet pada button
- Cascading style sheet pada text field
- Cascading style sheet pada input text
- Cascading style sheet pada elemen form
- Pengaturan warna pada table
- Pengaturan padding tabel
- Pengaturan text-align pada tabel
- Pengaturan lebar dan tinggi tabel
- Cascading style sheet video embed dari youtube
- Cascading style sheet pada tampilan video
- Cascading style sheet untuk menyisipkan gambar
- Cascading style sheet Gambar untuk background
- Cascading style sheet pada tamplilan gambar
- Pengaturan text alignment pemograman web
- Pemberian efek bayangan pada teks
- Pengubahan huruf besar dan huruf kecil dari sebuah...
- Pengaturan jarak indentasi paragraph/text-indent
- Pengaturan spasi antar kata/word-spacing
- Pengaturan bentuk-bentuk teks/decoration
- Pengaturan spasi antar karakterf/letter-spacing
- Pengaturan warna pada teks/color
- External Style Sheet
- Embedded Style Sheet
- inline Style Sheet
- Cara kerja cascading style sheet
- Anatomi dari cascading style sheet
- Definisi dan fungsi cascading style sheet
- Atribut COLS
- Pembuatan form dengan elemen entri pilihan dan ele...
- Contoh Pembuatan Form dengan Elemen entri pilihan
- Komponen Data List
- Komponen Select
- Komponen Input mage
- Komponen chexbox
- Komponen Radio Button
- Komponen input file
- Pembuatan form dengan elemen fieldset
- Pembuatan form biodata dengan input text
- Form menggunakan input hidden
- Komponen input text
- Komponen input text password
- atribut disabled
- atribut READONLY
- Atribut COLS
- Komponen text area multiline
- Format formulir secara vertikal
- Format formulir secara horisontal
- Atribut “target”
- Atribut “novalidate”
- Atribut name
- Atribut enctype
- Atribut method
- atribut autocomplete
- Atribut action
- Accept-charset
- Atribut accept
- Format umum formulir
- Elemen form Reset
- Elemen form input submit
- Elemen form button
- Elemen Form Html
- Cara Kerja Form
- Anatomi dari Form
- Definisi dan fungsi form
- Menambahkan Link Telepon
- Menambahkan Link Email
- Menentukan Target Link Programming Web
- Menambahkan Link ke bagian Dokumen Tertentu
- Menjadikan Gambar sebagai Link
- Link Relatif
- Link Absolut
- Mengenal (Tag a(anchor) programming web
- Anatomi hyperlink
- SRC pada Programming Web
- Poster Programming web
- Menyajikan file Video pada tampilan Web
- Format tampilan file Video
- Plug-in Audio Programming web
- Menyajikan Audio dalam tampilan Web
- Format Tampilan file Audio Programming web
- Memasukan Gambar ke dalam Halaman Web
- Layout halaman Web
- Anatomi Halaman Web
- Membuat Tabel Bersarang
- Colspan dan Rowspan
- Pembuatan Table Pemograman Web
- Pembuatan List Kombinasi
- Pengertian List
- Pemformatan Teks
- Dokumen HTML5
- Kode Warna
- Struktur Dasar Dokumen HTML
- Dasar-Dasar HTML
- Formulasi
- Alur Pengembangan Aplikasi Web
- File Standar
-
▼
May
(183)
Blog Archive
-
▼
2017
(200)
-
▼
May
(183)
- Melakukan perawatan Pada PC
- Peralatan Perawatan Komputer
- PENANGANAN EVENT
- Mengakses obyek HTML melalui atribut class
- MANIPULASI OBYEK HTML (DOM Traversal)
- Penerapan Pustaka Eksternal
- Format Dinamis Dengan Javascript
- NAVIGASI DENGAN AJAX
- Navigasi Halaman
- Pengaksesan Obyek Pada Halaman Web
- Interaksi User
- Pemrograman Berorientasi Obyek (PBO)
- obyek Array
- Obyek Math
- PUSTAKA BAWAAN JAVASCRIPT
- Struktur Kontrol Perulangan
- SWITCH
- Struktur Percabangan
- Struktur Kontrol
- Menyimpan data pada Array
- Pengaksesan data dalam array
- Pembuatan Array
- Jenis-Jenis Array
- Tipe data javascript part2
- Tipe data javascript
- Integer, Float, String
- Tipe data Javascript
- PEMBUATAN VARIABEL
- VARIABEL
- Pengenalan javascript
- Cascading style sheet pada chexbox
- Cascading style sheet padaradio button
- Cascading style sheet pada button
- Cascading style sheet pada text field
- Cascading style sheet pada input text
- Cascading style sheet pada elemen form
- Pengaturan warna pada table
- Pengaturan padding tabel
- Pengaturan text-align pada tabel
- Pengaturan lebar dan tinggi tabel
- Cascading style sheet video embed dari youtube
- Cascading style sheet pada tampilan video
- Cascading style sheet untuk menyisipkan gambar
- Cascading style sheet Gambar untuk background
- Cascading style sheet pada tamplilan gambar
- Pengaturan text alignment pemograman web
- Pemberian efek bayangan pada teks
- Pengubahan huruf besar dan huruf kecil dari sebuah...
- Pengaturan jarak indentasi paragraph/text-indent
- Pengaturan spasi antar kata/word-spacing
- Pengaturan bentuk-bentuk teks/decoration
- Pengaturan spasi antar karakterf/letter-spacing
- Pengaturan warna pada teks/color
- External Style Sheet
- Embedded Style Sheet
- inline Style Sheet
- Cara kerja cascading style sheet
- Anatomi dari cascading style sheet
- Definisi dan fungsi cascading style sheet
- Atribut COLS
- Pembuatan form dengan elemen entri pilihan dan ele...
- Contoh Pembuatan Form dengan Elemen entri pilihan
- Komponen Data List
- Komponen Select
- Komponen Input mage
- Komponen chexbox
- Komponen Radio Button
- Komponen input file
- Pembuatan form dengan elemen fieldset
- Pembuatan form biodata dengan input text
- Form menggunakan input hidden
- Komponen input text
- Komponen input text password
- atribut disabled
- atribut READONLY
- Atribut COLS
- Komponen text area multiline
- Format formulir secara vertikal
- Format formulir secara horisontal
- Atribut “target”
- Atribut “novalidate”
- Atribut name
- Atribut enctype
- Atribut method
- atribut autocomplete
- Atribut action
- Accept-charset
- Atribut accept
- Format umum formulir
- Elemen form Reset
- Elemen form input submit
- Elemen form button
- Elemen Form Html
- Cara Kerja Form
- Anatomi dari Form
- Definisi dan fungsi form
- Menambahkan Link Telepon
- Menambahkan Link Email
- Menentukan Target Link Programming Web
- Menambahkan Link ke bagian Dokumen Tertentu
- Menjadikan Gambar sebagai Link
- Link Relatif
- Link Absolut
- Mengenal (Tag a(anchor) programming web
- Anatomi hyperlink
- SRC pada Programming Web
- Poster Programming web
- Menyajikan file Video pada tampilan Web
- Format tampilan file Video
- Plug-in Audio Programming web
- Menyajikan Audio dalam tampilan Web
- Format Tampilan file Audio Programming web
- Memasukan Gambar ke dalam Halaman Web
- Layout halaman Web
- Anatomi Halaman Web
- Membuat Tabel Bersarang
- Colspan dan Rowspan
- Pembuatan Table Pemograman Web
- Pembuatan List Kombinasi
- Pengertian List
- Pemformatan Teks
- Dokumen HTML5
- Kode Warna
- Struktur Dasar Dokumen HTML
- Dasar-Dasar HTML
- Formulasi
- Alur Pengembangan Aplikasi Web
- File Standar
-
▼
May
(183)
Labels
- Accept
- cara setting ip address win 7
- definisi form
- desain
- form
- fungsi form
- hex
- hex code
- hex kode
- hexcode
- ip
- ip adress
- JPEG
- kode hex
- kode warna
- listing kode
- Logo
- Logo perusahaan WartaMuda PNG
- Logo WartaMuda PNG
- MIME
- multimedia
- os windows
- programming
- warna
- warta muda
- Warta Muda PNG
- WartaMuda
- web
- window
- window 7
- window seven
- windows
- windows 7
- windows seven
- windows7
Recent Post
BTemplates.com
Popular Posts
-
Menentukan Target Link Target atau tujuan yang dihubungkan melalui suatu link dapat ditentukan sendiri oleh kita. Target yang di maksud...
-
A. Inline Style Sheet CSS didefinisikan langsung pada tag HTML yang bersangkutan. Cara penulisannya cukup dengan menambahkan atribut ...
-
Macam - Macam Ragam Gerak Tari : Ragam Gerak Tari Klasik yaitu gerak tari yang banyak menggunakan gerak murni dan gerak ekspresif serta ...
-
Mengakses obyek HTML melalui atribut class 1. <div>info 1</div> 2. <div class="info2">info 2</div...
-
JENIS-JENIS ARRAY Array Multidimensi Array yang hanya berisikan nilai-nilai tunggal disebut sebagai array monodimensi atau unidimensi. ...
-
Pengaturan jarak indentasi paragraph/text-indent Text-indent menentukan jarak inden dari baris pertama dalam teks-blok, sehingga teks p...
-
Pengubahan huruf besar dan huruf kecil dari sebuah teks/text- transform Teks-transform properti digunakan untuk menentukan huruf b...
-
Novalidate Atribut “novalidate” memperintahkan bahwa data form tidak divalidasi saat di submit. Atribut ini merupakan atribut baru pada H...
-
Obyek Array Obyek untuk mengolah data dalam bentuk kumpulan data (array) di Javascript. Fungsi/Konstanta Penjelasan ...
-
Struktur Dasar Dokumen HTML Setiap dokumen HTML memiliki struktur dasar atau susunan file sebagai berikut : <html> ...

