Anda di halaman 1dari 3

<html>

<head>
<title>Home</title>
<link rel='icon' href='gambar/alien.ico'>
</head>
<body>
<center><table width='1000' height='400' border="0" background='gambar/xx.
jpg' cellpadding="0" cellspacing="<tr>
<td colspan="2" color="white" align='center'>
<img src="gambar/1.png" width="1000" height="400">
</td>
</tr>
<tr height="50"><td colspan='2' background='gambar/zz.jpg' align='left' height="
20">
<p><ul><ul><left><BLINK><b><font color="#00CCFF" size="5"><img src='gambar/halo.
gif' border='0' width='40' height='40'>~ Selamat datang di website pertama saya
~ <img src='gambar/halo.gif' border='0' width='40' height='40'></font></BLINK></
b></ul></ul></p></left>
<left>
<ul><a href="home.html" title="ke Rumah"><img src='gambar/HOME.jpg'
BORDER='0' width='80' height='30'></a>
<a href="http://mp3skull.com/" title="MP3"><img src='gambar/MP3.jpg' BORDER='0'
width='80' height='30'></font></a>
<a href="profilku.html" title="Profilku"><img src='gambar/PROFIL.jpg' BORDER='0'
width='90' height='30'></a>
<a href="html_colors.html" title="Kode Warna Pada HTML"><img src='gambar/KODE WA
RNA.jpg' BORDER='0' width='120' height='30'></a>
<a href="http://www.gametop.com/" title="Tempat Game"><img src='gambar/GAME.jpg'
BORDER='0' width='80' height='30'></a>
<a href="http://www.w3schools.com/html/html_intro.asp" title="Tutorial HTML.w3sc
hools.com"><img src='gambar/TUTORIAL.jpg' BORDER='0' width='90' height='30'></a>
<a href="kumpulan%20puisi.html" title="kumpulan Kata-kata Mutiara"><img src='gam
bar/KATA.jpg' BORDER='0' width='100' height='30'></a>
</ul></left>
</td>
</tr>
<tr>
<td width='796' height='700' background='gambar/zz.jpg' valign='top' >
<p><font color="yellow" size="5">~Dasar-dasar Membuat Website Berbasis HTML~</fo
nt>
<p align="lift"><font color="white">Nah, anda pasti sudah banyak melihat tutori
al tutorial HTML yang ada di ilmuwebsite.com. Tapi, masih ada 1 kekurangan, tuto
rial HTML untuk tingkat pemula???
<br />
Nggak ada kan??? nah, maka dari itu, saya, Rian hidayat, akan menjelaskan bagaim
ana website di bangun menggunakan tag-tag HTML, dan ini penulis sediakan untuk p
emula. Tapi sebelum itu,? ada yang perlu diketahui.<br />
<br />
<a name='more'></a><br />
<span id="more-712"></span><br />
<b>tag &lt;&gt;</b><br />
digunakan untuk menuliskan sintak, ada dua jenis, yaitu tag container dan tag bi
asa.<br />
Tag container adalah tag yang berisi text yang akan ditampilkan
setelah tag ditutup. Contoh: &lt;td&gt; text yang ditampilkan
&lt;/td&gt;.<br />
Tag biasa, yahh&#8230;tag aja, contoh &lt;BR&gt; (break). &lt;br&gt; kaga perlu
ditutup oleh tag &lt;/br&gt;, tapi jika sintak yang digunakan tag container, con
toh: &lt;h1&gt;, yah mesti ditutup dengan &lt;/h1&gt;.<br />
Tag yang digunakan untuk mengakhiri sintak punya karakter /(slash) sebelum sinta
knya, contohnya: &lt;td&gt; &lt;/td&gt;<br />

Kita juga dapat mengetik attribut di dalam sebuah tag, contoh: &lt;body bgcolor=
&#8221;red&#8221;&gt; &lt;/body&gt;. atau &lt;input type=&#8221;text&#8221;&gt;.
<br />
<b>LANGKAH 1</b><br />
<ul>
<li>MEMBUKA NOTEPAD.</li>
</ul>
<b>LANGKAH 2</b> <br />
<ul>
<li>MENGETIKKAN SINTAK/SYNTAX.</li>
</ul>
Berikut ini adalah syntax dasar yang membentuk suatu HTML.<br />
pertama, ketikkan<br />&lt;html&gt;<br />
tekan enter, kemudian ketik<br />&lt;head&gt;<br />Dalam container head, kita bi
sa mengetikan beberapa sintak, tapi yangpaling penting jangan lupa mengetikan si
ntak &lt;title&gt; judul halaman web &lt;/title&gt;. Untuk sintak lain nanti saj
a.<br />Sekarang ketikkan sintak title tadi, jadi seperti ini:<br />&lt;head&gt;
&lt;title&gt; judul halaman web &lt;/title&gt; &lt;/head&gt;<br />
Kemudian ketikkan &lt;body&gt;. Tag body merupakan badan/tubuh/inti dari halaman
web, tampilan web yang kita lihat itu berasal dari &lt;body&gt;.<br />Body tuh
tag container, jadi mesti ditutup. Hasil sampai sekarang:<br />
&lt;html&gt;<br />&lt;head&gt;<br />&lt;title&gt; Judul Halaman Web &lt;/title&g
t;<br />
&lt;/head&gt;<br />
&lt;body&gt;<br />
&lt;/body&gt;<br />?<br />
&nbsp; <br />
<br />Selanjutnya bagaimana cara menampilkan tulisan ke dalam HTML??? Ketikan se
mbarang text ke dalam tag body, contohnya seperti ini :<br />&lt;body&gt;<br />C
ontoh text yang ditampilin di halaman web, By: Rian Hidayat<br />&lt;/body&gt;<b
r />terus, jika sudah, ketikkan &lt;/html&gt;, script lengkapnya seperti ini :<b
r />&lt;html&gt;<br />&lt;head&gt;<br />
&lt;title&gt; Judul Halaman Web &lt;/title&gt;<br />
&lt;/head&gt;<br />&lt;body&gt;<br />Contoh text yang ditampilkan di halaman web
, By: Rian Hidayat<br />
&lt;/body&gt;<br />
&lt;/html&gt;<br />
kalo udah, sekarang save dengan nama dasarHTML.<br />
kalo udah disave, buka data yang tadi di save.<br />?<br />Pada bagian ini, kali
an mungkin akan bingun,g karena html yang tadi disave dan cape cape diketikkan,
ternyata gagal. Malah yang terbuka adalah file di notepad/wordpad. tau kenapa???
<br />Karena ketika men-save, file tersebut di save dalem bentuk TXT, bukan HTML
. Nah cara men-save dalem bentuk HTML yaitu: ketika mensave, ada satu tempat di
bawah tempat kita menulis nama file,? yakni Save As Type. Silahkan ubah dari tex
t document(*.txt) menjadi all files, ketika menulis nama, di akhir di berikan ex
tensi .html, contoh: dasarHTML.html.
<div style='clear: both;'></div>
</textarea>
<font="left" form method="post" action="file:///C:/Users/COMPAQ/Documents/HTML.1
/new%204.html">
<input type="hidden" name="friendID" value="123456">
<textarea name="f_comments" cols="40" rows="5"">
Enter your comments here...
</textarea><br>
<input type="submit" value="coments" />
<input type="reset" value="Reset" />
</form>
</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 Facebo
ok"> <img src="gambar/facebook.ico" border="0" width="90" height="70"/></a></td>
<td><p><a href="http://www.youtube.com/" target="_blank" title="Masuk ke youtube
"> <img src="gambar/youtube.ico" 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></l
i>
<li><a href='Membuat%20login.html' title='membuat halaman login'><font color='#0
000FF' face='Times New Roman'>Cara membuat halaman login</a></font></li>
</ul></font></table></td>
</tr>
<tr height="50">
s<td colspan='2'background='gambar/zz.jpg'><center><b><marquee><font face="Coope
r Std Black" color="#00CCFF" size="7">~ Meskipun banyak kendala dalam pembuatan
desain web, tapi tetap berusaha untuk mencapai hasil yang terbaik ~</font></b></
marquee></center></td></tr>
</table><div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:
160px;">
<img border="0" src="gambar/twitter.ico" title="follow my twitter" alt="animasi
bergerak gif" /></a><small><center></div>
<div style="position: fixed; bottom: 0px; right: 0px;width:100px;height:100px;">
<a href='#top'>
<img border="0" src="gambar/top.png" width='50' height='50' title="Kembali ke at
as" alt="animasi bergerak gif" /></a><small><center>
</div>
<div style="position: fixed; TOP: 0px; right: 10px;width:130px;height:160px;"><a
href='login.html'>
<img border="0" src="gambar/c.png" width='40' height='40' title="Kembali ke logi
n" alt="animasi bergerak gif" /></a><small><center></div>
<body background='gambar/yy.jpg'></body>
<EMBED SRC="MP3/I%20Won%27t%20See%20You%20Tonight%28Part1%29.swf" AUTOSTART="TRU
E" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED></html>