Anda di halaman 1dari 5

html>

<head>

<title>Home</title>

<link rel='icon' href='gambar/1.png'>

</head>

<body>

<center><table width='1000' height='400' border="0" background'=1.png' cellpadding="0"


cellspacing="<tr>

<td colspan="2" color="black" align='center'>

<img src="1.png" width="1000" height="400">

</td>

</tr>

<tr height="50"><td colspan='2' background='o.png' align='left' height="20">

<p><ul><ul><left><BLINK><b><font color="#00CCFF" size="5"> > ~ Drainage Fried Onion ~


></font></BLINK></b></ul></ul></p></left>

<tr>

<td width='796' height='700' background='gambar/1.png' valign='top'>

<p><font color="blue" size="5">~Inovasi Siswa Smansaga~</font>

<p align="lift"><font color="black">mungkin sebagian dari kalian bingung cara memisahkan


bawang goreng dengan minyaknya.

<br />oleh karena itu, kami hadir sebagai jawaban atas masalah kalian.

.<br />

<br />

<a name='more'></a><br />

<span id="more-712"></span><br />

<b>tag &lt;&gt;</b><br />

Drainage fried onion merupakan alat yang dapat memisahkan bawang goreng dengan
minyaknya.<br />
Tag container adalah tag yang berisi text yang akan ditampilkan

setelah tag ditutup. Contoh: &lt;td&gt; text yang ditampilkan

&lt;/<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, contoh: &lt;h1&gt;,
yah mesti ditutup dengan &lt;/h1&gt;.<br />

Tag yang digunakan untuk mengakhiri sintak punya karakter /(slash) sebelum sintaknya,
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 bisa
mengetikan beberapa sintak, tapi yangpaling penting jangan lupa mengetikan sintak
&lt;title&gt; judul halaman web &lt;/title&gt;. Untuk sintak lain nanti saja.<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&gt;<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


sembarang text ke dalam tag body, contohnya seperti ini :<br />&lt;body&gt;<br
/>Contoh text yang ditampilin di halaman web, By: Rian Hidayat<br
/>&lt;/body&gt;<br />terus, jika sudah, ketikkan &lt;/html&gt;, script lengkapnya
seperti ini :<br />&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, kalian 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 text document(*.txt)
menjadi all files, ketika menulis nama, di akhir di berikan extensi .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


Facebook"><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></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">

s<td colspan='2'background='gambar/zz.jpg'><center><b><marquee><font face="Cooper


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 atas"


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 login"


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="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1"
ALIGN="CENTER"></EMBED></html>

Anda mungkin juga menyukai