=> Pastikan sudah install notepad++ atau text editor lainnya
=> Pastikan sudah install xampp versi terbaru
Jika sudah install keduanya buka xampp dan tekan star pada Apache dan MySql, sekarang yang pasti kita gunakan adalah Apache, jika sudah ada tanda warna hijau maka sudah aktif seperti gambar dibawah:
Kemudian selanjutnya buka notepad++ kemudian copy kan saja coding dibawah ini:
<html>
<head>
<title> web profile </title>
<body background="backgr.png">
<br>
<br>
<h1 align="center"> <p style="color:rgb(100, 0, 0);";"> Bioadata Saya</p> </h1>
<center><img src="saya.png"style="width:150px;height:150px;"></center>
<br>
<center>
<table>
<tr>
<td style="border:2px solid DodgerBlue;"> <p style="color:hightseagreen;">Nama :</p></td>
<td style="border:2px solid DodgerBlue;"> Andri Yusuf</td>
</tr>
<tr>
<td style="border:2px solid DodgerBlue;">Npm :</td>
<td style="border:2px solid DodgerBlue;"> 150210244</td>
</tr>
<tr>
<td style="border:2px solid DodgerBlue;">Tempat/Tanggal Lahir :</td>
<td style="border:2px solid DodgerBlue;"> Tembilahan, 16 Juli 1996 </td>
</tr>
<tr>
<td style="border:2px solid DodgerBlue;">Alamat :</td>
<td style="border:2px solid DodgerBlue;"> Tanjung Uma, Batam </td>
</tr>
<tr>
<td style="border:2px solid DodgerBlue;">Hobi :</td>
<td style="border:2px solid DodgerBlue;"> Olahraga, Belajar Agama </td>
</tr>
<tr>
<td style="border:2px solid DodgerBlue;">Status :</td>
<td style="border:2px solid DodgerBlue;"> Mahasiswa </td>
</tr>
<tr>
</center>
</body>
</head>
</html>
Paste kan coding diatas ke notepad++ seperti gambar di bawah :
Setelah dicopy save notepad ++ nya di tempat kalian install xampp. Biasanya di local disk (C:) => xampp => htdocs => Kemudian buat folder baru di dalam htdocs, dimana folder tersebut nanti yang akan kita gunakan untuk memanggil localhost/namafolderyangkitabuat.
Jika sudah di save lansung saja buka browser dan ketikkan "localhost/namafolder" saya membuat nama foldernya "tugas" maka yang saya ketikkan di browser adalah "localhost/tugas" kemudian enter maka hasilnya seperti gambar dibawah :
Itulah cara membuat biodata diri yang lebih terlihat menarik, sebenarnya ini masih sederhana dan mudah untuk di ikutin terutama bagi pemula.
Jika ada yang ingin bertanya cara mengedit coding untuk merubah nama,foto,background dll silahkan saja tanyakan di komentar.
Terimakasih semoga bermafaat....
Hallo teman-teman, terima kasih sudah membaca tulisan saya, semoga apa yang saya tulis di blog ini bisa bermanfaat. 
Hello, perkenalkan saya Andri Yusuf, Saya adalah bagian yang mengelola website ini. website ini saya buat sejak masih kuliah di bagian teknik informatika. Bagi saya menulis diblog adalah salah satu cara untuk menyimpan sekaligus berbagi ilmu yang pernah didapat. Terima Kasih telah berkunjung di Blog saya, mohon maaf jika ada kekurangan dalam penyampaian isi blog ini dan senang jika bisa berteman dengan anda. Sampai Jumpa!
Tidak ada komentar:
Posting Komentar