BAB 2
PRATIKUM 1
<html>
<head>
<tittle>contoh</title>
</head>
<body>
SEDANG BELAJAR PEMROGRAMAN WEB
</body>
</html>
PRATIKUM 2
<html>
<head>
<title>contoh2</title>
</head>
<body bgcolor="#0000ff"text="#ff0000">
SEDANG BELAJAR PEMROGRAMAN WEB
</body>
</html>
PRATIKUM 3
<html>
<head>
<title>paragraf</title>
</head><body>
<p>selamat datang</p>
<p>di dunia HTML</P>
<P>Elemen paragraf ditandai dengan tag P dan setiap paragraf baru ditampilkan pada baris baru</p>
<p align="left">rata kiri</p>
<p align="right">rata kanan</p>
<p align="center">rata tengah</p>
<p align="justiyf">rata kiri kanan</p>
</body>
</html>
PRATIKUM 4
<html><head>
<title>paragraf</title>
</head><body>
<p>elemen paragraf<BR> ditandai dengan tag P <BR> dan setiap paragraf baru <BR> ditampilkan pada baris baru</p>
</body>
</html>
PRATIKUM 5
<html><head>
<title>heading</title>
</head><body>
<h1>heading 1</h1>
<h2>heading 2</h2>
<h3>heading 3</h3>
<h4>heading 4</h4>
<h5>heading 5</h5>
<h6>heading 6</h6>
</body>
</html>
PRATIKUM 6
<html><body color="silver">
garis lebar 80%, rata kiri<hr width="80%"align="left">
garis lebar 80%, rata kanan<hr width="80%"align="right">
garis normal rata tengah<hr align="center">
garis ukuran "10", rata tengah, lebar, "70%"<hr size="10" align="center" width="70%">
garis lebar "65%", rata kiri, ukuran "15"noshade<hr width="65%" align="left" size="15"noshade>
<p><hr>
<i>copyright © nama anda</i>
</body>
</html>
BAB 3
PRATIKUM 1
format_font.html<html>
<head>
<title>formatting font</title>
</head>
<body>
<b>bold</b>
<br>
<u>underline</u>
<br>
<i>italic</i>
<br>
<strong>strong</strong>
<br><em>emphasis</em>
<br>
<s> ini dicoret</s>
<br>
x<sup>3</sup> + 2x<sup>2</sup>-5
<br>
h<sub>2</sub>o
</body></html>
PRATIKUM 2
kharakter khusus.html
<html>
<head>
<title>karakter khusus</title>
</head>
<body>
copyright © <br>
trademark ™ <br>
registered ® <br>
poundsterling £ <br>
yen ¥ <br>
euro € <br>
</body>
</html>
PRATIKUM 3
identitas.html
<html>
<head>
<title>ceritku ceritamu</title>
</head>
<body>
<dd>engkau datang membwa sejarh_
dari kota kecil menuju kota besar_
indonesia rindu pemimpin sepertimu_
semog da tempat bagimu untuk dipilih_</dd>
<BLOCKQUOTE>memimpin negri ini bukanlah surga_
menyambung warisan panasnya neraka_
tak semudah balikkan punggung tnganmu_
esti seirama beresolusi_</BLOCKQUOTE>
<DL>
<DT>kami gantung harpan kami_
dibahu pemimpin kami</DT>
</DL>
</BODY>
</HTML>
BAB 4
PRATIKUM 1a
list_ol.html
<html>
<body>
<b> SISTEM KOMPUTER</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>SOFTWARE</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>
PRAKTIKUM 1b
LIST_UL.HTML
<html><body>
<B>SISTEM KOMPUTER</B>
<UL TYPE="Disc">
<b><li>HARDWARE</B>
<ULTYPE="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>
PRAKTIKUM 2a
LATIHAN 1.HTML
<html>
<head>
<tile>latihan1</title>
</head>
<body bgcolor="red">
<p>latihan satu</p>
<body>
</html>
LATIHAN 2.HTML
<html>
<head>
<title>latihan2</title>
</head>
<body bgcolor="blue">
<p>latihan dua</p>
<body>
</html>
LATIHAN 3.HTML
<html>
<head>
<title>latihan3</title>
</head>
<body bgcolor="yellow">
<p>latihan tiga</p>
<body>
</html>
PRAKTIKUM 2b
JENIL LINK.HTML
<html>
<head>
</head>
<body>
<A NAME="TOP">
<BR>
<H1>link secara relatif, lihat contoh dibawah ini:</h1>
<p>
<A HREF="PAGE_2.html">klik disini</A>jika mau ke halaman berikutnya
</p>
<H1>link secara absolut, lihat contoh dibawah 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 HREF="http://www.mongosoft.com"TARGET="_blank">my home page</A>
with new window.
</p><h1>membuat link tanpa garis bawah:</h1><p>
<A HREF="http://www.mongosoft.com"style="text-decoration:none">klik
this link </A>,Looks it's not use underline.
</p><p>
<h1>membuat link pada suatu email:</h1>
<BR>Kirim email ke <a href="mailto:syafriadi82@gmail.com">
syafriadi@gmail.com</a>
</p>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><A HREF="#TOP">
Kembali keatas</A>
</BODY>
</HTML>
IMAGE.HTML
<html>
<head>
<title>latihan link</title>
</head>
<body link="red">
selamat belajar :
<UL type="A">
<LI> <a href="latihan1.html">latihan 1</a></LI>
<LI> <a href="latihan2.html">latihan 2</a></LI>
<LI> <a href="latihan3.html">latihan 3</a></LI>
</UL>
<body>
</html>
HASIL DARI SCRIP DIATAS
Tidak ada komentar:
Posting Komentar