TUTORIAL MEMBUAT WEBSITE SEDERHANA MENGGUNAKAN HTML

Mungkin banyak orang yang tau website tapi tidak semua orang bisa membuat sebuah website,nahhh kali ini saya bakal ngajarin teman-teman gimana sihhh cara membuat website sederhana dengan koding yang simpel dan mudah untuk teman-teman yang mungkin baru masuk didunia program.

nahhhh kali ini saya akan membuat sebuah website tentang data diri saya,menggunakan beberapa variabel seperti gambar,tabel dan link sosial media berikut tampilan websitenya:






Langkah untuk membuat website diatas:
1. Bukalah noteped atau visual code terlebih dahulu,lalu masukan kode dibawah yang saya ketik temen-temen bisa copy atau diketik nahhh di setiap kode tersebut sudah saya jelasin fungsi nya masing-masing agar teman-teman lebih paham
<!DOCTYPE html>
<html> <!--pembuka-->
<head> <!--pembuka kepala-->
<title>syamsiah</title>
</head>
<body style="background-color:silver"> <!--untuk warna backround-->
<table border="1" style="width: 700px;"> <!--untuk tabel-->
<tr><td align="center" colspan="3" bgcolor="red"><font color="blue" size="20px">
<b>selamat datang di website biodata saya</b>
</font></td></tr>
<tr>
<td rowspan="8" width="100px">
<img src="y.jpg" alt="Syamsiah.com" width="104" height="142">
 
</td>

Setelah teman-teman mengcopy koding diatas save lah Ter lebih dahulu noteped tersebut contohnya belajar membuat koding. Html nahh setiap kali an menyimpan suatu file yg dinoteped jgn lupa harus pakai titik html
Lalu kali an tinggal klik kalau file open with Google Chrome atau google mobile agar kali an bisa me lihat tampilan website yg kali an buat tadi.



berikut hasil koding diatas

2. Koding dibwah ada lah untuk pewarnaan beserta nama kalian agar lebih bagus di lihat website yang kali an buat. 
<td bgcolor="#0000FF">NAMA  </td>
<td bgcolor="#3c371">SYAMSIAH </td>
</tr>
<tr>
<td bgcolor="#008000">NIM </td>
<td bgcolor="#f5fffa"> 19014014 </td>
</tr>
<tr>
<td bgcolor="#696969"> KELAS </td>
<td bgcolor="#000080"> INFORMATIKA </td>
</tr>
<tr>
<td bgcolor="#0000FF">GOLONGAN DARAH </td>
<td bgcolor="#ffa500"> O </td>
</tr>
<tr>
<td bgcolor="#808080">MESIN KECERDASAN </td>
<td bgcolor="#3c371">THINGKING </td>
</tr>
<tr>
<td bgcolor="#ffd700">link instagram </td>
<td align="center" colspan="1"> <a href="https://www.instagram.com/syam_photography18/">https://www.instagram.com/syam_photography18/</a> </td>
</tr>
<tr>
<td bgcolor="#adff2f">link facebook </td>
<td align="center" colspan="1">



berikut hasil dari koding diatas

3.dan koding yang dibwh untuk memasukan social media kalian agar org yang melihat website lebih mudah untuk mencari social media kita
<a href="https://web.facebook.com/syam.cengkal/">https://web.facebook.com/syam.cengkal/</a> </td>
</tr>
<tr>
<td bgcolor="#add8e6">link universitas </td>
<td align="center" colspan="1"> <a href="https://stimsukmamedan.ac.id/">www.stimsukmamedan.com</a> </td>
</tr>
<td align="center" colspan="5"> terimakasih</a> </td>




berikut hasil dari koding diatas


</table>
</body>
</html>


                                                                       SELESAI


Teman-teman bisa hubungi saya atau follow instagram saya @tsyamralova untuk belajar lebih dalam tentang dunia program.



TERIMAKASIH

Komentar

Posting Komentar

Postingan populer dari blog ini

TUTORIAL MEMBUAT CRUD DATA MAHASISWA MENGGUNAKAN PHP DAN MYSQLI

Gambar
Disini saya akan menjelaskan sedikit apa itu CRUD,nahhh CRUD adalah singkatan dari create,read,update,delete. ini merupakan istilah dari proses penginputan data kedatabase (insert),menampilkan data dari database (read), mengedit atau mengubah data di database (update),dan menghapus data dari database (delete). jika teman-teman  baru permula teman-teman boleh dowload terlebih dahulu Xamppnya nahhh langsung saja kita masuk ke materi,disini kita akan banyak bermain dengan database,oleh sebab itu kita perlu menghubungkan projeck php kita dengan cara membuat file koneksi.  buka xampp kalian lalu start atau jalankan  lalu search ketik localhost lalu dipojok kanan ada tulisan phpmyadmin lalu klik.  lalu buat database baru dengan nama "akademik lalu kita buat sebuah tabel dengan nama "mahasiswa". membuat database baru  kemudian isi kolum nya dibuat id,nama,nim, dan alamat membuat crud dengan php dan mysqli - menampilkan data membuat table mahasiswa crud mysqli kita buat...
Baca selengkapnya