Pert Vi Bullet Numbering Dan List

PER
RTEMUA
AN VI
BULL
LET NUM
MBERIN
NG DAN
N LIST
6
6.1 Numberring
Pembu
uatan bulle
et dan num
mbering da
alam HTML
L dapat dilakukan de
engan
m
menggunaka
an tag List. Tag list terdiri dari be
eberapa, dia
antaranya :
 List men
nggunakan penomoran
p n (ordered list)
<ol type=”I|i|A||a|1”>
<li> ... </li>
<li> ... </li>
st
ds
</o
ol>
C
Contoh :
K
Kota Besar di Jawa : 
:
<
<ol type=”A
A”>
<li>Jakarrta</li>
<li>Bandu
ung</li>
<li>Surab
baya</li>
<
</ol>
H
Hasilnya :
JJenis-jeniss Kuliner :
<
<ol type=”ii”>
<li>Sate Kere</li>
>
<li>Coto Konro</li>
<li>Buburr Menado<
</li>
<
</ol>
H
Hasilnya :
U
Untuk type
e yang lain caranya sama.
s
6
6.2 Bullet
 List tanp
pa nomor menggunaka
m an bullet (un
nordered lis
st)
<ul ty
ype= ”circle|square|disc
c ”>
<li> ... </li>
<li> ... </li>
dst
</ul>
C
Contoh :
B
Bahasa Pe
emrograma
an :
<
<ul type=c
circle>
<li>Fotran
n</li>
<li>Cobol</li>
</li>
<li>Java<
</ul>
H
Hasilnya :
P
Pekerjaan :
<
<ul type=d
disc>
<li>Pegaw
wai Negeri</li>
<li>Senim
man</li>
<li>Progrrammer</li>
</ul>
H
Hasilnya :
K
Kegiatan
<
<ul type=s
square>
<li>Kamp
pus</li>
<li>Renang</li>
<li>Nonto
on Bareng<
</li>
</ul>
H
Hasilnya :
6
6.3 Menu Liist (Daftar M
Menu)
Tag in
ni menampiilkan daftarr list item tanpa
t peno
omoran dan
n bullet. Diiawali
d
dengan tag
g <menu> dan diakhir denga
an </menu
u>. ap daftar item
Setia
m an tag <li> dan ditutup
menggunaka p </li>.
<me
enu>
<li
i> …… </l
li>
<li
i> …… </l
li>
</m
menu>
C
Contoh :
Pendidikan :
P
<menu>
<li>Pasca
a Sarjana</lli>
<li>Sarjan
na</li>
<li>Diplom
ma III</li>
</menu>
H
Hasilnya :
6
6.4 Definitio
on List <DL
L>
<dl>
<dt>> ... </dt>
<ddd> .............. </dd>
<dt>> ... </dt>
<ddd> .............. </dd>
</dl>
>
dl : defin
nition list
dt : data
a
dd : datta definition
n
Contoh :
<dl>
<dt>We
ebsite</dt>
<dd>W
Website me
erupakan laman yan
ng ditampilkan oleh browser yang
digunaka
an untuk menampilka
m an informasi, dimana informasi tersebut dapat
d
berupa berita
b atau promosi.
p D
Dengan web
bsite Anda dapat
d memiliki bisnis, tanpa
t
harus me
emiliki modal yang bessar.</dd>
</dl>
Hasilnya
a:
L
Latihan 1
<
<html>
<
<head><title
e>Using Lisst</title></he
ead>
<
<body>
<
Kuliner makanan Perancis</fo
P ont> 
A
Anda dapat berkunjung
g di da
aerah Kema
ang disini
d
m
merupakan tempat dan
n waktu yang tepat untu
uk mencoba
a makanan khas Peran
ncis
te
eruntama makanan
m lokkalnya sang
gat luar biassa enaknya.
<
<ul>
<
<li>Beigne
etse Donat kecil ditaburi gu
ula, fresh da
an the
<
Kopi<//font>.</li>
<
<li>Makana
an laut seperti re
ebusan sup
p yang
le
ezat.Biasan
nya disajikan dengan nasi putih itu
u yang terba
aik dicampu
ur langsung ke
ssup. Jangan
n pula melew
wati ayam gumbo,
g makkanan laut yang
y lebih baik!</li>
b
<li>Jambal - the Tempat terbaik untuk
makan malam, yang sebelumnya Anda harus memesan tempat itu terlebih
dahulu.</li>
<li>Minuman Minuman khas dari rempah-
rempah membuat suasana hangat </li>
</ul>
Apapun yang Anda lakukan pastikan Anda punya FU
N!
<dl>
<dt>Pemasaran Online</dt>
<dd>
Merupakan aktivitas yang dilakukan untuk mempromosikan produk dalam berupa
barang dan jasa dengan menggunakan media Internet</dd>
<dt>eCommerce</dt>
<dd>Kegiatan yang dilakukan untuk menjual atau memasarkan produk secara
online</dd>
</dl>
</body>
</html>
T
Tampilan Brrowser
Gamb
bar 1 Tamp
pilan Bullet dan Definitiion list
L
Latihan 2
<
<html>
<
<head>
<
<title>Blockb
buster Movie</title>
<
</head>
<
<body>
<
Selama
at datang pa
ada Bioskop
p kesayangan
A
Anda
> 
M
Minggu ini kami
k akan m
mempersem
mbahkan film
m-film yang pernah mendapat piala
d
didunia perfilman
<
<ol type="A"">
<
<li>Dibalik sajadah
s pan
njang</li>
<
<li>Bulan terbelah di langit Matara
an (1957)</li>
<
<li>Ada apa dengan Cinta (1962)<
</li>
<
<li>Mutiara dari
d Selatan
n</li>
<li>Serangan Fajar (1965)</li>
<li>Citra(1970)</li>
</ol>
<blockquote>
Informasi ini dibuat oleh Programmer
</blockquote>
Suhu Udara saat ini:
<ul type="circle">
<li>36 derajat Jakarta</li>
<li>40 derajat Semarang</li>
<li>39 derajat Surabaya</li>
<li>35 derajat Bogor</li>
<li>Berawan</li>
</ul>
Prosedur:
<ol type="1">
<li>Cuci seluruh bahan hingga bersih.</li>
<li>Masukkan dalam penggorengan yang sudah panas.</li>
<li>Goreng selama 10 menit.</li>
<li>Jika sudah berwarna kecoklatan angkat.</li>
</ol>
</body>
</html>
T
Tampilan Brrowser
Gambar 2 Tampilan Numbering

g

A. Referensi
Buku :
Andre Pratama, 2018, HTML Uncover, Duniailkom
Faithe Wempen, 2011 HTML Step by Step, Microsoft Corporation by: O’Reilly
Media, Inc, Californea
Jon DuCke TT, 2011, HTML & CSS Design and Build Websites, John Wiley &
Sons, Inc., Indianapolis, Indiana
Dr. Harvey M. Deitel and Paul J. Deitel, 2004, Internet & World Wide Web How to
Program (3nd Edition) , Pearson Education, Inc., Upper Saddle River, New
Jersey
Situs :
http://www.w3.org
http://www.w3schools.com
https://www.tutorialspoint.com/html/html_basic_tags.htm
https://www.tutorialspoint.com/html/html_embed_multimedia.htm
https://html.com/

Pert Vi Bullet Numbering Dan List

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Pert Vi Bullet Numbering Dan List

Diunggah oleh

Hak Cipta:

Format Tersedia

Gambar 2 Tampilan Numbering

Anda mungkin juga menyukai