Home » , » Modul HTML 2 (Link)

Modul HTML 2 (Link)

Posted by Komputer & Jaringan on Thursday, January 26, 2017

Link 1
<!DOCTYPE HTML>
<html lang="en">
<head>Youtube
<!-- ini baris komentar,Tidak diproses -->
<title>demo link</title>
</head>
<body>
<a href="link2.html">klik di sini</a>
</body>
</html>

Link 2
<!DOCTYPE HTML>
<html lang="en">
<head> Lihat Video Alan Walker
<!-- ini baris komentar,Tidak diproses -->
<title>demo link 2</title>
</head>
<body>
<a href="https://www.youtube.com/user/DjWalkzz">Klik disini</a>
</body>
</html>
Link 3
<!DOCTYPE HTML>
<html lang="en">
<head> Menuju Link Alan Walker
<!-- ini baris komentar,Tidak diproses -->
<title>demo atribut link</title>
</head>
<body>
<a href="link2.html" target="Alan Walker" title="Youtube">Disini</a>
</body>
</html>
Link 4
<!DOCTYPE HTML>
<html lang="en">
<head>Link Gambar Luffy,Sabo,Ace
<!-- ini baris komentar,Tidak diproses -->
<title>demo link gambar</title>
</head>
<body>
<a href="https://www.google.co.id/search?q=gambar+luffy+ace+sabo&source=lnms&tbm=isch&sa=X&ved=0ahUKEwjykPHv69nRAhWFuY8KHakACeUQ_AUICCgB&biw=1366&bih=705#imgrc=MdFZ6QqJc9AQYM%3A" title="Luffy ace sabo"><img src="google.jpg" border="0"/> </a>
<img class="irc_mi ikY6Iid8ni6M-pQOPx8XEepE" style="margin-top: 0px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5GiwCth1ltU2yeJbR_uMOT0RcxHQfWR-88eNbpZQsI5P3_ECzQ3KVd3I-xy6U_U5mmSTKC11KTlyYg-znECB4kPjwXs2oy8qe1-6p2J8XzNC6iLMTLYKxOkrtSl3fqy6Jda_4Z8DPjivq/s1600/Luffy-Ace-And-Sabo-one-piece-35824134-1394-978.png" onload="google.aft&amp;&amp;google.aft(this)" width="560" height="393" alt="Image result for gambar luffy ace dan sabo">
</body>
</html>
Link 5
<!DOCTYPE HTML>
<html lang="en">
<head>
<!-- ini baris komentar,Tidak diproses -->
<title>demo tabel</title>
</head>
<body>
<table border=1>
<caption>label dari tabel</caption>
<!-- header -->
<tr>
<th>No</th>
<th>Nama</th>
<th>Alamat</th>
</tr>
<!-- baris data pertama -->
<tr>
<td>1</td>
<td>badrul</td>
<td>blitar</td>
</tr>
</table>
</body>
</html>
Link 6
<!DOCTYPE HTML>
<html lang="en">
<head>
<!-- ini baris komentar,Tidak diproses -->
<title>demo tabel</title>
</head>
<body>
<table border=1 alig="center" cellspacing=0 cellpadding=10>
<caption>label dari tabel</caption>
<!-- header -->
<tr>
<!-- mengatur lebar kolom -->
<th width="50">No</th>
<th width="150">Nama</th>
<th width="200">Alamat</th>
<!-- baris data pertama -->
<tr>
<td>1</td>
<td>Badrul</td>
<td>Pontianak</td>
</tr>
<!-- baris data kedua -->
<tr>
<td>2</td>
<td>Hafidz</td>
<td>Pontianak</td>
</tr>
</table>
</body>
</html>
Link 7
<!DOCTYPE HTML>
<html lang="en">
<head>
<!-- ini baris komentar,Tidak diproses -->
<title>template desain form</title>
</head>
<body>
<h3>formulir pendaftaran PT APPLE.co.id</h3>
<form action=""method="post"
<table border=0>
<tr>
<td>NIS</td>
<td><input type="text" /></td>
</tr>
<tr>
<td>jenis kelamin</td>
<td>
<input type="radio" />pria
<input type="radio" />wanita
</td>
</tr>
<tr>
<td>pekerjaan</td>
<td>
<select name="job">
<option>tentara</option>
<option><pegawai negeri sipil</option>
<option><lainya</option>
</select>
</td>
</tr>
<tr>
<td>
<input type="submit" value="ok"/>
<input type="submit" value="cancel"/>
</td>
</tr>
</table>
</form>
</body>
</html>
Link 8
<!DOCTYPE HTML>
<html lang="en">
<head>
<!-- ini baris komentar,Tidak diproses -->
<title>studi kasus super duper </title>
</head>
<body>
<fontaku</h1 "Arul D.">
<h1 align="center" size="25">donwload dataku<h1>
<table border="0" width="400" align="center">

<tr>
<td bgcolor="black" width=200 align="center"><a href="load1.html">film</a></td>
<td bgcolor="Yellow" width=200 align="center"><a href="load2.html">Dokumen</a></td>  
<td bgcolor="Yellow" width=200 align="center"><a href="load3.html">Music</a></td>  
</tr>   
<td colspan="3" bgcolor="pink">
<ol>
<li><a href="#Movie 1" title="Download this file">Fast&Furious 1-10</a></li>
<li><a href="#Movie 2" title="Download this file">Taken 1-3</a></li>
<li><a href="#Movie 3" title="Download this file">Death Note 1-3</a></li>
<li><a href="#Movie 4" title="Download this file">Who Am I</a></li>
<li><a href="#Movie 5" title="Download this file">Vlog Arul D.</a></li>
</ol>
</td>
</tr> 
</table>  
</body>
</HTML>
Link 9
<!DOCTYPE HTML>
<html lang="en">
<head>
<title>Grafik Zn Mode</title>
</head>

<body>
<table align = "center" width = 1200 cellpadding = 15 background="graf.gif">
<tr>
<th align = "center" colspan = 50>
<h1>Grafik Channel Video</h1>
</th>
</tr>

<tr>
<td background="rating.jpg" rowspan=15 width=100></td>
</tr>


<tr><!-- 11 -->
<td bgcolor="blue" rowspan=12 width=0></td>
<td rowspan=11></td>
<td colspan=30></td>
</tr>

<tr><!-- 10 -->
<td colspan=30></td>
</tr>

<tr><!-- 9 -->
<td colspan=13></td>
<td rowspan=9 bgcolor="yellow"></td>
<td colspan=9></td>
<td rowspan=9 bgcolor="yellow"></td>
<td colspan=3></td>

</tr>

<tr><!-- 8 -->
<td></td>
<td></td>
<td rowspan=8 bgcolor="purple"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td rowspan=8 bgcolor="purple"></td>
<td></td>
<td></td>
<td rowspan=8 bgcolor="pink"></td>
<td></td>
<td rowspan=8 bgcolor="purple"></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>

<tr><!-- 7 -->
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td rowspan=7 bgcolor="purple"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td rowspan=7 bgcolor="purple"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td rowspan=7 bgcolor="grey"></td>
<td></td>
<td></td>
<td></td>
</tr>

<tr><!-- 6 -->
<td></td>
<td></td>
<td></td>
<td></td>
<td rowspan=6 bgcolor="pink"></td>
<td colspan=12></td>
<td rowspan=6 bgcolor="yellow"></td>
<td></td>
<td></td>
<td></td>
</tr>

<tr><!-- 5 -->
<td></td>
<td rowspan=5 bgcolor="grey"></td>
<td colspan=12></td>
<td rowspan=5 bgcolor="pink"></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>

<tr><!-- 4 -->
<td></td>
<td rowspan=4 bgcolor="yellow"></td>
<td></td>
<td rowspan=4 bgcolor="grey"></td>
<td colspan=12></td>
</tr>

<tr><!-- 3 -->
<td></td>
<td></td>
<td rowspan=3 bgcolor="yellow"></td>
<td></td>
<td></td>
<td rowspan=3 bgcolor="grey"></td>
<td></td>
<td rowspan=3 bgcolor="grey"></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>

<tr><!-- 2 -->
<td rowspan=2 bgcolor= "pink"></td>
<td colspan=13></td>
</tr>

<tr><!-- 1 -->
<td></td>
<td></td>
<td bgcolor="pink"></td>
<td colspan=12></td>
</tr>

<tr>
<td bgcolor="blue" colspan = 31></td>
</tr>

<tr>
<td bgcolor="green" colspan = 31 background="racer.jpg"></td>
</tr>

</table>
<h2>
<table align= "center" width=500 cellpadding=15>
<tr>
<th><h3>keterangan:</h3></th>
<th></th>
<th></th>
</tr>

<tr>
<td width=75 bgcolor="pink"></td>
<td>: Subscribe</td>
<td></td>
</tr>

<tr>
<td></td>
<td></td>
<td></td>
</tr>

<tr>
<td bgcolor="grey"></td>
<td>: View</td>
<td></td>
</tr>

<tr>
<td></td>
<td></td>
<td></td>
</tr>

<tr>
<td bgcolor="purple"></td>
<td>: Like</td>
<td></td>
</tr>

<tr>
<td></td>
<td></td>
<td></td>
</tr>

<tr>
<td bgcolor="Yellow"></td>
<td>: Hasil</td>
<td></td>
</tr>
</h2>
</table>
</body>
</html>
Link 10
<!DOCTYPE HTML>
<head>
<title> PERBANDINGAN LAPTOP </title>
</head>
<body>
<font face="Arial">
<table width="1000" border="9" cellspacing=1 frame="hsides" rules="groups" align="center" background="skin.gif">
<h1 align="center"><b>PERBANDINGAN LAPTOP<b></h1>
<colgroup align="center">
<colgroup align="center">
<colgroup align="center">
<colgroup align="center">
<colgroup align="center">
<colgroup align="center">
<tr bgcolor="Blue">
<th width="35">No.
<th width="250">Spesifikasi Laptop
<th width="75">Poin
<th width="200">Danial
<th width="200">Badrul
<th width="200">Eka
<th width="200">Adella</tr>

<tbody>
<tr><td align="center">1
<td>Processor CORE i3
<td align="center">10
<td align="center">no
<td align="center">yes
<td align="center">yes
<td align="center">no
</tr>
<tr><td align="center">2
<td>Dual CORE
<td align="center">9
<td align="center">yes
<td align="center">yes
<td align="center">yes
<td align="center">yes
</tr>

<tr>
<td align="center">3
<td>Jenis Sistem 32 bit
<td align="center">6
<td align="center">yes
<td align="center">yes
<td align="center">yes
<td align="center">yes
</tr>
<tr><td align="center">4
<td>Jenis Sistem 64 bit
<td align="center">8
<td align="center">no
<td align="center">yes
<td align="center">yes
<td align="center">yes
</tr>
<tr><td align="center">5
<td>Memori 4GB
<td align="center">10
<td align="center">no
<td align="center">yes
<td align="center">no
<td align="center">no
</tr>
<tbody>
<tr><td align="center">6
<td>Windows 7
<td align="center">-5
<td align="center">yes
<td align="center">no
<td align="center">yes
<td align="center">yes
</tr>
<tr><td align="center">7
<td>Kecepatan 2,4 Ghz
<td align="center">-3
<td align="center">yes
<td align="center">no
<td align="center">yes
<td align="center">no
</tr>
<tr><td align="center">8
<td>Lancar
<td align="center">-5
<td align="center">no
<td align="center">yes
<td align="center">yes
<td align="center">yes
</tr>
<tr><td align="center">9
<td>Lemot
<td align="center">-9
<td align="center">yes
<td align="center">no
<td align="center">no
<td align="center">no
</tr>
<tr><td align="center">10
<td>Laptop Baru
<td align="center">-1
<td align="center">yes
<td align="center">yes
<td align="center">yes
<td align="center">yes
</tr>
<tbody>
<tr>
<td colspan=3 align="center">
<b>Jumlah Poin</b></td>
<td align="center" bgcolor="green">100</td>
<td align="center" bgcolor="green">130</td>
<td align="center" bgcolor="green">150</td>
<td align="center" bgcolor="green">145</td>
</tr>
</table>
</font>
</body>
</html>









Thanks for reading & sharing Komputer & Jaringan

Previous
« Prev Post
Next
Next Post »
Labels: ,

0 comments:

Post a Comment