pertama silahkan sobat tekan tombol windows dan R dengan bersamaan maka akan muncul run dan ketikkan disitu notepad dan tekan enter
maka akan keluar tampilan notepad sobat
silahkan ketikkan kode html dibawah ini:
<html>
<head>
<title>Profilku</title>
<link rel='icon' href='gambar/alien.ico'>
</head>
<body>
<center>
<table width='1000' height='400' border="0" background='dota.jpg' cellpadding="0" cellspacing="20" >
<tr>
<td colspan="2" color="white" align='center'>
<img src="webdesign.jpg" width="1000" height="400">
</td>
</tr>
<tr height="50">
<td colspan='2' background='sao.jpg' align='left' height="20">
<style>
h1 {
color: #008000;
font-size: 40px;
margin: 1px auto;
text-align:center;
text-transform:uppercase;
}
.neon {
color: #0000FF;
text-shadow: 0 0 5px #19abff, 0 0 10px #19abff, 0 0 20px #19abff, 0 0 45px #19abff, 0 0 40px #19abff;
}
</style>
<script language="JavaScript1.2">
function ClearError() {return true;}
window.onerror = ClearError;
</script>
<script>
window.onload = function() {
var h1 = document.getElementsByTagName("h1")[0],
text = h1.innerText || h1.textContent,
split = [], i, lit = 0, timer = null;
for(i = 0; i < text.length; ++i) {
split.push("<span>" + text[i] + "</span>");
}
h1.innerHTML = split.join("");
split = h1.childNodes;
var flicker = function() {
lit += 0.01;
if(lit >= 1) {
clearInterval(timer);
}
for(i = 0; i < split.length; ++i) {
if(Math.random() < lit) {
split[i].className = "neon";
} else {
split[i].className = "";
}
}
}
setInterval(flicker, 100);
}
</script>
<br><br>
<h1>WELCOME TO MY GALERRY WEBSITE </h1>
<ul><a href="home.html" title="ke Rumah"><img src='rumah.png' BORDER='0' width='80' height='30'></a> <a href="http://mp3skull.com/" title="MP3"><img src='mp3.jpg' BORDER='0' width='80' height='30'></font></a>
<a href="profilku.html" title="Profilku"><img src='profil.png' BORDER='0' width='90' height='30'></a>
<a href="http://www.hienzo.com/" title="Tempat Game"><img src='hienzo.png' BORDER='0' width='80' height='30'></a>
</ul></left>
</td></tr>
<tr>
<td width='796' height='700' background='dota2.jpg' valign='top' >
<p><table align="center" border="0" bgcolor="" cellpadding="0" cellspacing="8" >
<td>
<p><b><center><font face="Bauhaus 93" size="7" color='#0000FF'>Galery</font></center></b></p><b>
<table color="blue" align="center" border="9px">
<tr><p align="center"><font color="#00FFFF" size='6'>Album Kegiatan Saya maret / april 2017</font>
<td><img src="file:///D:/HTMLKU/html galery/agung1.jpg" border="4" width="400" height="500" /></td>
<td><img src="file:///D:/HTMLKU/html galery/agung2.jpg" border="4" width="400" height="500" /></td>
<tr><td><img src="file:///D:/HTMLKU/html galery/agung3.jpg" border="3" width="400" height="500" /></td>
<td><img src="file:///D:/HTMLKU/html galery/agung4.jpg" border="4" width="400" height="500" /></td>
<tr><td><img src="file:///D:/HTMLKU/html galery/agung5.jpg" border="3" width="400" height="500" /></td>
<td><img src="file:///D:/HTMLKU/html galery/agung6.jpg" border="4" width="400" height="500" /></td></p></tr>
</table>
</td>
<td width='200' height='700' bgcolor='' valign='top'>
<table align="left" width='200' border='0' bgcolor='' bordercolor='green'><tr align='center'>
<td><p><a href="http://www.facebook.com/" target="_blank" title="Masuk ke Facebook"> <img src="facebook.png" border="0" width="90" height="70"/></a></td>
<td><p><a href="http://www.youtube.com/" target="_blank" title="Masuk ke youtube"> <img src="youtube.jpg" border="0" width="90" height="70"/></a><td>
</p></tr></table>
<table align='left' width='200' border='0' bgcolor='' bordercolor='green'>
<center>
<td width="200" valign="top"><font color="#FFFF00" face="Cooper Std Black">
<b>TUTORIAL HTML</b><ul>
<li><a href="buat%20ayat%20bergerak.html" title='membuat tulisan bergerak'><font color='#0000FF' face='Times New Roman'>Cara membuat tulisan bergerak</a></font></li>
<li><a href='Menbuat%20from%20komentar.html' title='membuat from komentar'><font color='#0000FF' face='Times New Roman'>Cara membuat from komentar</a></font></li>
<li><a href='Membuat%20login.html' title='membuat halaman login'><font color='#0000FF' face='Times New Roman'>Cara membuat halaman login</a></font></li>
</ul></font></table></td></tr>
<tr height="50">
<td colspan='2' background='gambar/zz.jpg'><center><b><marquee><font face="Cooper Std Black" color="#00CCFF" size="7">~ BERHENTILAH BERMAIN - MAIN INI SUDAH SAATNYA UNTUK SERIUS... ~</font></b></marquee></center></td>
</tr></table>
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;">
<img border="0" src="welcome.gif" width='50' height='50' title="Kembali ke atas" alt="animasi bergerak gif" /></a><small><center></div>
<body background='as.png'>
<body>
</head>
</body>
<EMBED SRC="MP3/I%20Won%27t%20See%20You%20Tonight%28Part1%29.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>
</html>
setelah di di copas simpan dengan nama contoh: myhtml.html dan save as type diubah menjadi all files
usahakan foto harus dalam 1 folder agar dapat terbaca oleh coding ( code program )
lalu klik myhtml tadi dan lihat hasilnya selamat mencoba ^_^
Komentar
Posting Komentar