Ok,kita akan membahas beberapa dasar pembuatan web yang akan dapat digunakan untuk memperindah dan mempercantik web.
Kita akan membuat tulisan,warna,tabel,link,gambar,list menu dan lainnya.
dan inilah langkah-langkahnya:
>Buka Notepad atau text editor lainnya.
>diharuskan sudah memiliki aplikasi localhost(Xampp,Wampserver,dll).
>localhost yg saya gunakan yaitu xampp,buka xampp,jalankan Apache dan mySQL.
>Tulisakan koding/kode berikut pada notepad/text editor anda.
<html>
<body>
<table border="4" cellpadding="0" cellspacing="2">
<tr><td colspan="3" bgcolor="red"><h1> <center>Selamat Datang Website 12.12.0009</center><h1></td></tr>
<tr><td bgcolor="yellow" ><center><p>Haiii apa kabar<br>nama saya dionisius riyan edlianto
<br>saya sedang dalam studi pada STMIK AMIKOM PURWOKERTO<br>dan Nim saya 12.12.0009</p><center><table border="2" cellpadding="0" cellspacing="2" bgcolor="red">
<tr><td>Nama</td><td>Nim</td><td>Kelas<center></td></tr>
<tr><td>Dionisius Ryan E</td><td>12.12.0009</td><td>SI 12 A</td></tr></table></center>
</td>
<td bgcolor="gray"><center><p><font color="#fff">Klik gambar</font> untuk menuju Halaman Lain<a href="http://localhost/webmula/"
target="_blank"><img src="32.jpg" alt="Klik gambar untuk melihat Profil Lengkap Saya"
height="260" width="320"><a/></p><p>Klik gambar untuk menuju Halaman Lain<a href="http://localhost/webmula/"
target="_blank"><img src="31.jpg" alt="Klik gambar untuk melihat Profil Lengkap Saya"
height="260" width="320"><a/></p></center></td><td bgcolor="green">Keterangan Lengkap Tentang Saya :
<ol>
<li>Dionisius Riyan Edliatno
<li>12.12.0009
<li>SI12A
<li>Jenjang Studi
<ul>
<li>SD Broederan
<li>SMP negeri 6 purwokerto
<li>SMA negeri 5 purwokerto
<li>STMIK AMIKOM purwokerto
</ul>
</ol><p>Untuk melihat profil saya lebih lanjut <a href="http://localhost/webmula/"
target=”_blank”>Klik disini </a> dan akan terbuka pada tab baru</p>
<p>Atau Anda dapat melihatnya disini <a href="http://localhost/dionweb/"
target=”_blank”>Klik disini </a> dan akan terbuka pada tab baru</p>
</td></tr>
<tr><td colspan="3"bgcolor="purple"><h1><center>Website Profil Pembuat<center></h1></td></tr>
</table>
</body>
</html>
>Setelah selesai,simpan file pada folder htdocs pada xampp,biasanya terdapat di C:\xampp\htdocs.
>jalankan menggunakan web browser(mozzila,Chrome,inet Explore dll) dengan cara mengetikan : http://localhost/(nama folder). cth: http://localhost/praktek/praktek.html
>Tampilan web yang dibuat.
Kita akan membuat tulisan,warna,tabel,link,gambar,list menu dan lainnya.
dan inilah langkah-langkahnya:
>Buka Notepad atau text editor lainnya.
>diharuskan sudah memiliki aplikasi localhost(Xampp,Wampserver,dll).
>localhost yg saya gunakan yaitu xampp,buka xampp,jalankan Apache dan mySQL.
>Tulisakan koding/kode berikut pada notepad/text editor anda.
<html>
<body>
<table border="4" cellpadding="0" cellspacing="2">
<tr><td colspan="3" bgcolor="red"><h1> <center>Selamat Datang Website 12.12.0009</center><h1></td></tr>
<tr><td bgcolor="yellow" ><center><p>Haiii apa kabar<br>nama saya dionisius riyan edlianto
<br>saya sedang dalam studi pada STMIK AMIKOM PURWOKERTO<br>dan Nim saya 12.12.0009</p><center><table border="2" cellpadding="0" cellspacing="2" bgcolor="red">
<tr><td>Nama</td><td>Nim</td><td>Kelas<center></td></tr>
<tr><td>Dionisius Ryan E</td><td>12.12.0009</td><td>SI 12 A</td></tr></table></center>
</td>
<td bgcolor="gray"><center><p><font color="#fff">Klik gambar</font> untuk menuju Halaman Lain<a href="http://localhost/webmula/"
target="_blank"><img src="32.jpg" alt="Klik gambar untuk melihat Profil Lengkap Saya"
height="260" width="320"><a/></p><p>Klik gambar untuk menuju Halaman Lain<a href="http://localhost/webmula/"
target="_blank"><img src="31.jpg" alt="Klik gambar untuk melihat Profil Lengkap Saya"
height="260" width="320"><a/></p></center></td><td bgcolor="green">Keterangan Lengkap Tentang Saya :
<ol>
<li>Dionisius Riyan Edliatno
<li>12.12.0009
<li>SI12A
<li>Jenjang Studi
<ul>
<li>SD Broederan
<li>SMP negeri 6 purwokerto
<li>SMA negeri 5 purwokerto
<li>STMIK AMIKOM purwokerto
</ul>
</ol><p>Untuk melihat profil saya lebih lanjut <a href="http://localhost/webmula/"
target=”_blank”>Klik disini </a> dan akan terbuka pada tab baru</p>
<p>Atau Anda dapat melihatnya disini <a href="http://localhost/dionweb/"
target=”_blank”>Klik disini </a> dan akan terbuka pada tab baru</p>
</td></tr>
<tr><td colspan="3"bgcolor="purple"><h1><center>Website Profil Pembuat<center></h1></td></tr>
</table>
</body>
</html>
>Setelah selesai,simpan file pada folder htdocs pada xampp,biasanya terdapat di C:\xampp\htdocs.
>jalankan menggunakan web browser(mozzila,Chrome,inet Explore dll) dengan cara mengetikan : http://localhost/(nama folder). cth: http://localhost/praktek/praktek.html
>Tampilan web yang dibuat.