tugas praktikum! - diyahhome.files.wordpress.com · internet berasal dari kata interconnection...
Post on 02-Dec-2020
8 Views
Preview:
TRANSCRIPT
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>
<td width="75" height="22">
<div align="center">Teknik Elektro</div>
</td>
<td width="80" height="22">
<div align="center">Teknik Indutri</div>
</td>
<td width="98" height="22">
<div align="center">Seni rupa murni</div>
</td>
<td width="92" height="22">
<div align="center">Desain Grafis</div>
</td>
<td width="83" height="22">
<div align="center">sastra jepang</div>
</td>
<td width="99" height="22">
<div align="center">Sastra arab</div>
</td>
<td width="102" height="22">
<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="3%">:</td>
<td width="86%"><input type="text" value="Mejayan" name="alamat" size="20"></td>
</tr>
<tr>
<td width="11%">sekolah</td>
<td width="3%">:</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="v3" name="r1">19-25 tahun<br>
<input type="radio" value="v4" name="r1">25-35 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="4%">:</td>
<td width="88%"><input type="text" name="nama" size="20"></td>
</tr>
<tr>
<td width="8%">asal</td>
<td width="4%">:</td>
<td width="88%"><input type="text" name="asal" size="20"></td>
</tr>
<tr>
<td width="8%">email</td>
<td width="4%">:</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>
top related