Praktikum 1a List OL
1. Buka Notepad++.
2. Ketik scrip brikut:
<html>
<body>
<B>SISTEM KOMPUTER<h1>Heading 1</h1></B>
<OL TYPE="I">
<B><LI>BRAIN WARE</B>
<B><LI>HARDWARE</B>
<OL TYPE="A">
<LI>Input Device
<LI>Output Device
<LI>CPU
<LI>Storage Device
</OL>
<B><LI>SOFTRWARE</B>
<OL TYPE="a">
<LI>Sistem Operasi
<OL TYPE="i">
<LI>Windows
<LI>Linux
</OL>
<LI>Aplikasi
<OL>
<LI>MS.Word
<LI>CorelDraw
</OL></OL></OL>
</body>
</html>
3. Berikut hasilnya:
Praktikum 1b List UL
1. Buka notepad++.
2. Ketik skrip brikut.
<html><body>
<B>SISTEM KOMPUTER</B>
<UL TYPE="Disc">
<B><LI>HARDWARE</B>
<UL TYPE="Circle">
<LI>Input Device
<LI>Output Device
<LI>CPU
<LI>Storage Device
</UL>
<B><LI>SOFTWARE</B>
<UL TYPE="Square">
<LI><U>Sistem Operasi </U>
<LI><U>Aplikasi</U>
</UL></UL></body></html>
3. Hasilnya:
Praktikum 2a.1 Red Background
<html><body>
<B>SISTEM KOMPUTER</B>
<UL TYPE="Disc">
<B><LI>HARDWARE</B>
<UL TYPE="Circle">
<LI>Input Device
<LI>Output Device
<LI>CPU
<LI>Storage Device
</UL>
<B><LI>SOFTWARE</B>
<UL TYPE="Square">
<LI><U>Sistem Operasi </U>
<LI><U>Aplikasi</U>
</UL></UL></body></html>
3. Hasilnya:
Praktikum 2a. 2 Blue Background
1. Buka notepad++.
2. Ketikkan scrip berikut:
<html>
<head>
<tittle>Latihan2</tittle>
</head>
<body bgcolor="blue">
<p>Latihan Dua</p>
<body>
</html
3. Hasilnya:
Praktikum 2a.3 Link Menu
1. Buka kembali notepad++.
2. Ketik scrip berikut:
<html>
<head>
<tittle>LATIHAN LINK</tittle>
</head>
<body bgcolor="red">
SELAMAT BELAJAR :
<UL TYPE="A">
<LI> <a href="Latihan 1.html">Latihan 1</a></LI>
<LI> <a href="Latihan 2.html">Latihan 2</a></LI>
<LI> <a href="Latihan 3.html">Latihan 3</a></LI>
</UL>
<body>
</html>
3. Hasilnya:
Praktikum 2b Jenis Link
1. Buka notepad++.
2. Ketikkan scrip brikut:
<html>
<head>
</head>
<body>
<A NAME="TOP">
<BR>
<H1>Link secara relatif, lihat contoh dibawah ini:</H1>
<p>
<A HREF="page_2.html"> Klik di sini </A> Jika mau ke halaman berikutnya
</p>
<H1>Link Secara absolut, Lihat Contoh Di Bawah ini:</H1>
<p>
Klik <A HREF="http://www.facebook.com">Facebook</A>Menuju Ke Facebook
</p>
<p>
<H1>Membuat Window baru untuk Link:</H1>
Open <A HERF="http://www.mangosoft.com"
TARGET="_blank"> my home page</A>
with new window.
</p><H1>Membuat Link Tanpa Garis Bawah:</H1><p>
<A HREF="http://www.mangosoft.com" style="text decoration:none"> Klik
This Link </A> , Looks it's not use underline.
</p></P>
<H1>Membuat link pada suatu pesan mail:</H1>
<BR> kirim email ke <A HREF="mailto:syafriadi82@gmail.com">
syafriadi82@gmail.com</A>
</p>
<BR><BR><BR><BR><BR><BR><BR><A HREF="#TOP">
kembali ke atas</A>
</body>
</html>
3. Hasilnya:
Semoga bermanfaat.
Sumber:
Syafriadi. 2016. “Praktikum Pemrograman HTML”.
Palopo:Penerbit Laboratorium Komputer Universitas Cokroaminoto Palopo.
Tidak ada komentar:
Posting Komentar