membuat website sederhana
Situs web (bahasa Inggris: website) adalah suatu halaman web yang saling berhubungan yang umumnya berada pada peladen yang sama berisikan kumpulan informasi yang disediakan secara perorangan, kelompok, atau organisasi.[1] Sebuah situs web biasanya ditempatkan setidaknya pada sebuah server web yang dapat diakses melalui jaringan seperti Internet, ataupun jaringan wilayah lokal (LAN) melalui alamat Internet yang dikenali sebagai URL. Gabungan atas semua situs yang dapat diakses publik di Internet disebut pula sebagai World Wide Web atau lebih dikenal dengan singkatan WWW. Meskipun setidaknya halaman beranda situs Internet umumnya dapat diakses publik secara bebas, pada praktiknya tidak semua situs memberikan kebebasan bagi publik untuk mengaksesnya, beberapa situs web mewajibkan pengunjung untuk melakukan pendaftaran sebagai anggota, atau bahkan meminta pembayaran untuk dapat menjadi aggota untuk dapat mengakses isi yang terdapat dalam situs web tersebut, misalnya situs-situs yang menampilkan pornografi, situs-situs berita, layanan surele-mail), dan lain-lain. Pembatasan-pembatasan ini umumnya dilakukan karena alasan keamanan, menghormati privasi, atau karena tujuan komersial tertentu.langsung saja copykan code dibawah ini
|
<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 WARNA.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.w3schools.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='gambar/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~</font>
<p align="lift"><font color="red">Nah, anda pasti
sudah banyak melihat tutorial tutorial HTML yang ada di ilmuwebsite.com.
Tapi, masih ada 1 kekurangan, tutorial HTML untuk tingkat pemula???
<br />
Nggak ada kan??? nah, maka dari itu, saya, HERBET AZARYA
SITINJAK, akan menjelaskan bagaimana website di bangun menggunakan tag-tag
HTML, dan ini penulis sediakan untuk pemula. Tapi sebelum itu,? ada yang
perlu diketahui.<br />
<br />
<a name='more'></a><br />
<span id="more-712"></span><br
/>
<b>tag <></b><br />
digunakan untuk menuliskan sintak, ada dua jenis, yaitu
tag container dan tag biasa.<br />
Tag container adalah tag yang berisi text yang akan
ditampilkan
setelah tag ditutup. Contoh: <td> text yang
ditampilkan
</td>.<br />
Tag biasa, yahh…tag aja, contoh
<BR> (break). <br> kaga perlu ditutup oleh tag
</br>, tapi jika sintak yang digunakan tag container, contoh:
<h1>, yah mesti ditutup dengan </h1>.<br />
Tag yang digunakan untuk mengakhiri sintak punya karakter
/(slash) sebelum sintaknya, contohnya: <td>
</td><br />
Kita juga dapat mengetik attribut di dalam sebuah tag,
contoh: <body bgcolor=”red”>
</body>. atau <input
type=”text”>.<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 /><html><br
/>
tekan enter, kemudian ketik<br
/><head><br />Dalam container head, kita bisa
mengetikan beberapa sintak, tapi yangpaling penting jangan lupa mengetikan
sintak <title> judul halaman web </title>. Untuk
sintak lain nanti saja.<br />Sekarang ketikkan sintak title tadi, jadi
seperti ini:<br /><head> <title> judul
halaman web </title> </head><br />
Kemudian ketikkan <body>. Tag body merupakan
badan/tubuh/inti dari halaman web, tampilan web yang kita lihat itu berasal
dari <body>.<br />Body tuh tag container, jadi mesti
ditutup. Hasil sampai sekarang:<br />
<html><br /><head><br
/><title> Judul Halaman Web </title><br
/>
</head><br />
<body><br />
</body><br />?<br />
<br />
<br />Selanjutnya bagaimana cara menampilkan tulisan
ke dalam HTML??? Ketikan sembarang text ke dalam tag body, contohnya seperti
ini :<br /><body><br />Contoh text yang ditampilin
di halaman web, By: HERBET AZARYA SITINJAK<br
/></body><br />terus, jika sudah, ketikkan
</html>, script lengkapnya seperti ini :<br
/><html><br /><head><br />
<title> Judul Halaman Web
</title><br />
</head><br /><body><br
/>Contoh text yang ditampilkan di halaman web, By: Rian Hidayat<br
/>
</body><br />
</html><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">~ saya bersusah paya membuat website ini by: herbet
azarya ~</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>
|
sekian dari saya semoga bermanfaat
0 Response to "membuat website sederhana "
Post a Comment