TUGAS PRAKTIKUM! - diyahhome.files.wordpress.com · internet berasal dari kata interconnection...

TUGAS PRAKTIKUM!

1. Contoh HTML sederhana :

<html>

<head>

<title>atruktur dokumen html </title>

</head>

<body>

Hello, saya baru belajar bikin web lhooo... <br>

aku belajar dengan baik lhoo hehe <br>

doakan saya bisa ya!!!!

</body>

</html>

2. Heading dalam HTML :

<html>

<head>

<title> ::heading dokumen html:: </title>

</head>

<body>

<h1>SEMANGAT!!! </h1>

<h2>aku pasti bisa </h2>

<h3>aku pasti berubah </h3>

<h4>menjadi lebih baik </h4>

<h5>keep </h5>

<h6>FIGHTING!!! </h6>

</body>

</html>

3. Paragraf dalam HTML :

<html>

<head>

<title>paragraf</title>

</head>

<body>

<p align="right">

teknologi adalah keseluruhan sarana untuk menyediakan barang-barang

yang diperlukan bagi kelangsungan dan kenyamanan hidup manusia.

penggunaan teknologi oleh manusia diawali dengan pengubahan sumber daya alam

menjadi alat-alat sederhana.

<p align="center">

internet berasal dari kata interconnection networking yang mempunyai

arti hubungan berbagai komputer dan berbagai tipe komputer yang

membentuk sistem jaringan dan mencakup seluruh dunia (jaringan global)

dengan melalui jalur telekomunikasi seperti telepon, wireless dan lainnya.

<p align="left">

teknologi informasi adalah dalam bahasa inggris dikenal dengan istilah

information technology adalah istilah umum untuk teknologi apapun yang membantu

manusia

dalam membuat, mengubah, menyimpan, mengomunikasikan dan menyebarkan

informasi.

</p>

</body>

</html>

4. Preformatted text dalam HTML :

<html>

<head>

<tittle>preformatted text</tittle>

</head>

<body>

<pre>

Jujur

===================================

jujur adalah bersikap baik dan berkata apa adanya tanpa ada yang disembunyikan.

Ciri-ciri orang yang jujur yaitu :

- tidak pernah berbohong

- bicara apa adanya

- menjalankan kepercayaan orang lain

- bersikap tegas

- dll.

</pre>

</body>

</html>

5. BLOCKQUOTE dalam HTML :

<html>

<head>

<tittle>blockquote</tittle>

</head>

<body>

<h3>Tabligh</h3>

<blockquote>

Tabligh akbar yaitu perpaduan kata dari 2 kata bahasa arab yakni "tabligh"

yang artinya menyampaikan dan kata "akbar" yang artinya besar.

dengan demikian arti tabligh akbar adalah sesuatu kegiatan yang bertujuan

untuk menyampaikan sesuatu kepada khalayak umum ataumasyarakat luas.

</blockquote>

</body>

</html>

6. Line break dalam HTML :

<html>

<head>

<title>linebreak</title>

</head>

<body>

<p>ada beberapa jalur alternative menuju ugm, yaitu :

<br>melalui jakal<br> melalui jalan selokan

<br> melalui Colombo <br>dll

</body>

</html>

7. Ukuran font dalam HTML :

<html>

<head>

<title> ukuran font</title>

</head>

<body>

<font size=1>Suka</font><br>

<font size=2>Senang</font><br>

<font size=3>Nyaman</font><br>

<font size=4>Sayang</font><br>

<font size=5>Cinta</font><br>

<font size=6>Jahat</font><br>

<font size=7>Munafik</font><br>

</body>

</html>

8. Jenis font dalam HTML :

<html>

<head>

<title>jenis font</title>

</head>

<body>

<font size=5>

<font face = "arial">arial , contoh ac milan <p>

<font face = "verdana">verdana , contoh persebaya <p>

<font face = "tahoma">tahoma , contoh indonesia <p>

</body>

</html>

9. Warna font dalam HTML :

<html>

<head>

<title>warna font</title>

</head>

<body>

<font size=5>

<font color= "red">Madiun <p>

<font color = "#ff0000">kota pecel dan kota gadis <p>

<font color = "#00ff00">kota pariwisata dan pendidikan <p>

</body>

</html>

10. Link dalam HTML :

<html>

<head>

<title>link</title>

</head>

<body>

<a name="atas">pemain-pemain club zamaliq</a>

<blockquote>

<p>Ikimach, <a href="#info">info lengkap</a>

<p>Ale

<p>marwan

<mamato>

<p>sidqi

<p>

<a href="link2.html">kalo mau tahu lagi klik disini</a>

</blockquote>

<p><a name="info">ikrimach</a>

<blockquote>

<p>bernama lengkap francessco totti ikrimach

<br>ilcapitano de roma

<br>pemain terbaik sepanjang masa

</blockquote>

<p><a href="#atas">kembali ke atas</a>

</body>

</html>

11. Link tujuan dalam HTML :

<html>

<head>

<title>link tujuan</title>

</head>

<body>

<p align="center"> maaf, hanya sedikit

<br>Susah

<br>senang

<br>tetap barengan

<br><a href="link.html">kembali</a>

</body>

</html>

<html>

12. Membuat Tabel

<html>

<head>

<title>:: Tabel ::</title>

</head>

<body>

<table border=1 align="center" cellpadding=0 cellspacing=0>

<tr>

<th>No.</th>

<th>Nama </th>

<th>Alamat</th>

<th>No. Telpon</th>

</tr>

<tr>

<td>1</td>

<td>Shinta</td>

<td> </td>

<td> </td>

</tr>

<tr>

<td>2</td>

<td>Galih</td>

<td> </td>

<tb> </td>

</tr>

<tr>

<td>3</td>

<td>Gilang</td>

<td> </td>

<td> </td>

</tr>

</table>

</body>

</html>

13. Membuat Table Kompleks :

<html>

<head>

<title>:: Tabel yang kompleks ::</title>

</head>

<body>

<table width="750" border="1" cellspacing="1" cellpadding="1" align="center">

<tr>

<td colspan="8">

<div align="center">Fakultas</div>

</td>

</tr>

<tr>

<td colspan="3">

<div align="center">Teknik</div>

</td>

<td colspan="2">

<div align="center"> Seni rupa dan desain</div>

</td>

<td colspan="3">

<div align="center"> Sastra </div>

</td>

</tr>

<tr>

<td width="78" height="22">

<div align="center">Teknik sipil</div>

</td>


<div align="center">Teknik Elektro</div>

</td>


<div align="center">Teknik Indutri</div>

</td>


<div align="center">Seni rupa murni</div>

</td>


<div align="center">Desain Grafis</div>

</td>


<div align="center">sastra jepang</div>

</td>


<div align="center">Sastra arab</div>

</td>


<div align="center">sastra Inggris</div>

</td>

</tr>

</table>

</body>

</html>

14. Membuat Form Input dengan Text box :

<html>

<head>

<title>form input dengan text box</title>

</head>

<body>

<p>rancangan awal buku tamu </p>

<table border="0" cellpadding="0" cellspacing="2">

<tr>

<td width="11%">nama</td>

<td width="3%">:</td>

<td width="86%"><input type="text" value="Santi" name="nama" size="20"></td>

</tr>

<tr>

<td width="11%">alamat</td>


<td width="86%"><input type="text" value="Mejayan" name="alamat" size="20"></td>

</tr>

<tr>

<td width="11%">sekolah</td>


<td width="86%"><input type="text" value="SMAN 01 Mejayan" name="sekolah"

size="20"></td>

</tr>

</table>

</body>

</html>

15. Membuat Fofm input dengan Check Box :

<html>

<head>

<title>form input dengan check box</title>

</head>

<body>

<p>pilih yang pasti segar </p>

<p>daftar menu makanan</p>

<p>

<input type="checkbox" name="c1" checked>Nasi Goreng<br>

<input type="checkbox" name="c2">Ayam Bakar<br>

<input type="checkbox" name="c3">Ayam Goreng<br>

<input type="checkbox" name="c4">Ayam Penyet

</p>

</body>

</html>

16. Membuat Form Input dengan Radio Box :

<html>

<head>

<title>form input dengan radio box</title>

</head>

<body>

<p>pilih salah satu </p>

<p>usia anda</p>

<p>

<input type="radio" value="v1" checked name="r1">< 15 tahun<br>

<input type="radio" value="v2" name="r1">15-19 tahun<br>



<input type="radio" value="v5" name="r1"> > 35 tahun<br>

</p>

</body>

</html>

17. Membuat Formulir Buku Tamu :

<html>

<head><title>buku tamu</title></head>

<body>

<h3><p align="center">buku tamu</p></h3>

<form method="post" action="thanks.html">

<table border="0" cellpadding="2" width="100%">

<tr>

<td width="8%">nama</td>


<td width="88%"><input type="text" name="nama" size="20"></td>

</tr>

<tr>

<td width="8%">asal</td>


<td width="88%"><input type="text" name="asal" size="20"></td>

</tr>

<tr>

<td width="8%">email</td>


<td width="88%"><input type="text" name="email" size="20"></td>

</tr>

<tr>

<td width="8%" valign="top">homepageku</td>

<td width="4%" valign="top">:</td>

<td width="88%"><input type="radio" value="v1" checked=”checked”

name="r1">bagus sekali<br>

<input type="radio" value="v2" name="r1">bagus<br>

<input type="radio" value="v3" name="r1">biasa saja<p> </td>

</tr>

</table>

<p><input type="submit" value="kirim" name="b1">

<input type="reset" value="batal" name="b2"></p>

</form>

</body>

</html>

18. Membuat Frame

<html>

<head>

<title>:::header:::</title>

</head>

<body bgcolor="#CCECCA">

<font face="Georgia" size="4"><i><font size="+2" color="#33842F">Selamat

Datang</font><font size="+2"><b><font

color="#009999">di</font> </b></font></i></font><b><font face="Georgia" size="+4"

color="#25611F">

<strong>www.gembus.com</strong> </font> <font face="Georgia"

size="+4"></font></b>

</body>

</html>

<html>

<head>

<title>::kiri::</title>

</head>

<body bgcolor="#ccecca">

<p align="center"><font face="verdana" size="2"><a href="profil.html"

target="utama">profil</a><br>

<a href="album.html" target="utama">album</a><br>

<a href="buku.html" target="utama">buku tamu</a><br>

<a href="forum.html" target="utama">forum</a> <br>

<a href="link.html" target="utama">link</a></font></p>

</body>

</html>

<html>

<head>

</head>

<body>

</body>

</html>

<html>

<head>

</head>

<body bgcolor="#ffffff" text="#000000">

<p><font face="verdana" size="2">profil :<br>

portal web ini adalah hasil karya anak-anak yang suka gembus</font></p>

</body>

</html>

TUGAS PRAKTIKUM! - diyahhome.files.wordpress.com · internet berasal dari kata interconnection...

Documents

Transcript of TUGAS PRAKTIKUM! - diyahhome.files.wordpress.com · internet berasal dari kata interconnection...