Cara membuat tabel biodata diri dengan HTML. Sebagai mahasiswa IT, pasti kita mendapatkan mata kuliah tentang dasar-dasar pemrograman web (web programming). Salah satunya kita akan mendapatkan pengertian mengenai dasar HTML. Mungkin saya atau anda bosan dengan beberapa data diri yang hanya dapat terlihat secara offline maupun online melalui media sosial (social media). Kali ini kita akan mencoba mempraktekkan bagaimana membuat sintak atau koding sebuah file HTML dengan cara membuat tabel biodata diri dengan HTML yang akan dimunculkan pada browser-browser yang anda miliki dengan mengklik data tersebut yang telah disimpan oleh notepad or notepad ++ ataupun adobe dreamweaver, dan lain sebagainya sebagai file HTML.
Tabel Data Diri Eka Adnyana
Baiklah, kalau begitu, kita mulai saja, kalau basa-basi mlulu, nanti tutorial ini jadi basi. hehe 😀
1) Langkah pertama, buka dulu program Notepad++ / Adobe dreamweaver. Jika belum punya, silakan download terlebih dahulu.
2) Kalau sudah, dibuka programnya dan ketikkan kode dibawah ini.
<!DOCTYPE html>
<html>
<head>
<title>BIODATA DIRI</title>
</head>
<body>
<h1 align="center">BIODATA DIRI</h1>
<table width="745" border="1" cellspacing="0" cellpadding="5" align="center">
<tr align="center" bgcolor="#66CC33">
<td width="174">DATA DIRI</td>
<td width="353">KETERANGAN</td>
<td width="232">FOTO</td>
</tr>
<tr>
<td>Nama</td>
<td>Eka Adnyana</td>
<td rowspan="10" align="center"><img src="URL-GAMBAR-ANDA.jpg" width="210" height="313"></td>
</tr>
<tr>
<td>Jurusan</td>
<td>Teknik Informatika (TI)</td>
</tr>
<tr>
<td>Konsentrasi</td>
<td>Manajemen Teknik Informatika (MTI)</td>
</tr>
<tr>
<td>Jenjang</td>
<td>Strata-1 (S1)</td>
</tr>
<tr>
<td>Jenis Kelamin</td>
<td>Laki-laki</td>
</tr>
<tr>
<td>Tempat/Tanggal Lahir</td>
<td>Denpasar, 24 Maret 1994</td>
</tr>
<tr>
<td>Perguruan Tinggi</td>
<td>STMIK STIKOM INDONESIA</td>
</tr>
<tr>
<td>Alamat</td>
<td>Jl. Pasekan, Br. Batuaji, Batubulan Kangin, Sukawati, Gianyar - Bali</td>
</tr>
<tr>
<td>Pekerjaan</td>
<td>Web designer/web developer</td>
</tr>
<tr>
<td>Hobi</td>
<td>Ngoding</td>
</tr>
</table>
</body>
</html>3) Jika sudah, segera di Save As…, dengan format penyimpanan Hyper Text Markup Language / .html. Jika sudah di save, buka filenya di Web Browser seperti Explorer, Firefox, Google Chrome, atau Safari dimana tadi anda simpan.
4) Terima kasih telah berkunjung ke website ini.
Video Tutorial Biodata Diri HTML
Download Kode HTML Biodata Diri
Bagi anda yang ingin mengunduh source code biodata diri HTML diatas, silahkan kunjungi link dibawah ini.