Tentang shareilmu2ilmu.blogspot.com

http://shareilmu2ilmu.blogspot.com/ adalah blog tentang komputer yang di buat untuk Pembelajaran, tugas-tugas,aplikasi komputer,Coding,pemograman visual, sistem manajemen basis data

Showing posts with label HTML. Show all posts
Showing posts with label HTML. Show all posts

Wednesday, 2 April 2014

Cara membuat web sederhana(dasar). HTML.(Source Code).

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.