la pemrograman web 1

3
LISTING DAN LOGIKA PROGRAM <!DOCTYPE html> <html> <head> <title>Ptaktikum 1</title> <style type="text/css"> #meah ack$u%d&c$l$'ed(c$l$')hite(* #ku%i% ack$u%d&c$l$'yell$)(* #hi+au ack$u%d&c$l$'ee%(c$l$')hite(* #iu ack$u%d&c$l$'lue(c$l$')hite(* #au ack$u%d&c$l$'ey(c$l$')hite(* #hitam ack$u%d&c$l$'lack(c$l$')hite(* </style> </head> <$dy> <tale $de="1" cellpaddi%=","> <t><td id="meah">-eah</td><td id="ku%i%">.u%i%</td><td id="hi+au">i+au</td></t> <t><td>Putih</td><td id="hitam">itam</td><td id="iu" $)spa%="0">iu</td></t> <t><td id="hi+au">i+au</td><td id="au">2u&au</td></t> <t><td id="ku%i%">.u% i%</td><td>Putih</td></t > <t><td id="au">2u&au</td><td id="hitam">itam</td></t > </tale> </$dy> </html> P ada bagian kode ant ara <ht ml > dan </html > me ndeskr ips ikan isi dar i sebuah halaman anda, Sebelum penul isan html terdapat ! DOCTY PE html ini ber pung si unt uk mendeni sik an tip e dok umen T"# $% &udul hal aman terdapat pada bagian kode antara <title> dan </title>, dan kali ini diberi  'udul Praktik um (% )ode <style type="text/css"> e3u%si u%tuk memuat text atau css ya% dima%a aka% di pa%i l 4aiael%y a pada aia% $dy 5 Sedangkan halaman *ang akan ter lihat atau dit ampilkan pada +aktu br o+s ing adalah pada bagian *ang te rdapat pada kode antara <bod*> dan </ bod* >% )emudian di dalamn*a ter dapat tag <head></head> *ang ber isi in ormasi umum dari sebuah hala man, sepe rt i ti tl e, meta, st *l e, s-ri pt dl l% )ode <tale  $de="1" cellpaddi%=","></tale>  digunakan untuk membuat table dimana tebal garisn*a ( dan 'umlah kolomn* a .% T ag <tr></tr> di gunakan untuk membuat baris dari table dan tag <td></td> digunakan untuk menginput data ke table%

Upload: dedi-gunandar-rubiyanto

Post on 26-Feb-2018

217 views

Category:

Documents


0 download

TRANSCRIPT

7/25/2019 LA PEMROGRAMAN WEB 1

http://slidepdf.com/reader/full/la-pemrograman-web-1 1/3

LISTING DAN LOGIKA PROGRAM

<!DOCTYPE html>

<html>

<head>

<title>Ptaktikum 1</title><style type="text/css">

#meah ack$u%d&c$l$'ed(c$l$')hite(*

#ku%i% ack$u%d&c$l$'yell$)(*

#hi+au ack$u%d&c$l$'ee%(c$l$')hite(*

#iu ack$u%d&c$l$'lue(c$l$')hite(*

#au ack$u%d&c$l$'ey(c$l$')hite(*

#hitam ack$u%d&c$l$'lack(c$l$')hite(*

</style>

</head>

<$dy><tale $de="1" cellpaddi%=",">

<t><td id="meah">-eah</td><td id="ku%i%">.u%i%</td><td id="hi+au">i+au</td></t>

<t><td>Putih</td><td id="hitam">itam</td><td id="iu" $)spa%="0">iu</td></t>

<t><td id="hi+au">i+au</td><td id="au">2u&au</td></t>

<t><td id="ku%i%">.u%i%</td><td>Putih</td></t>

<t><td id="au">2u&au</td><td id="hitam">itam</td></t>

</tale>

</$dy>

</html>

Pada bagian kode antara <html> dan </html> mendeskripsikan isi dari

sebuah halaman anda, Sebelum penulisan html terdapat !DOCTYPE html ini

berpungsi untuk mendenisikan tipe dokumen T"# $% &udul halaman

terdapat pada bagian kode antara <title> dan </title>, dan kali ini diberi

 'udul Praktikum (% )ode <style type="text/css"> e3u%si u%tuk memuat text atau css

ya% dima%a aka% di pa%il 4aiael%ya pada aia% $dy5 Sedangkan halaman *ang

akan terlihat atau ditampilkan pada +aktu bro+sing adalah pada bagian

*ang terdapat pada kode antara <bod*> dan </bod*>% )emudian di

dalamn*a terdapat tag <head></head> *ang berisi inormasi umumdari sebuah halaman, seperti title, meta, st*le, s-ript dll% )ode <tale

 $de="1" cellpaddi%=","></tale> digunakan untuk membuat table dimana tebal

garisn*a ( dan 'umlah kolomn*a .% Tag <tr></tr> digunakan untuk

membuat baris dari table dan tag <td></td> digunakan untuk menginput

data ke table%

7/25/2019 LA PEMROGRAMAN WEB 1

http://slidepdf.com/reader/full/la-pemrograman-web-1 2/3

OUTPUT PROGRAM

7/25/2019 LA PEMROGRAMAN WEB 1

http://slidepdf.com/reader/full/la-pemrograman-web-1 3/3

LAPORAN AKHIR PRAKTIKUM

-ata Paktikum ' Pem$ama% 6esite

.elas ' 07289

Paktikum ke& ' 1

Ta%al ' : Okt$e 891;

-atei ' Pe%e%ala% T-

 P- ' ;1018:1

 ama ' Dedi ?u%a%da @uiya%t$

.etua 2siste% ' ama 2siste% '

Paa3 2siste% '

Aumlah lema ' , lema 

LABORATORIUM INFORMATIKA

UNIVERSITAS GUNADARMA

2015