Cara Membuat Biodata di HTML yang Sederhana

Beranda / Pendidikan / Cara Membuat Biodata di HTML yang Sederhana
oleh

Masih belum paham mengenai bagaimana cara membuat biodata di HTML? Sebenarnya cara untuk membuat halaman website dengan menggunakan HTML itu tidak sulit.  Yang terpenting, anda paham dengan kode-kode dasarnya.

Apakah anda mendapatkan tugas dari sekolah untuk membuat halaman biodata menggunakan HTML? Jika anda memang mendapatkan tugas dari sekolah dan belum paham bagaimana cara melakukannya, maka anda bisa pelajari lebih lengkap caranya di dalam artikel ini.

Daftar Isi tampilkan

Apa Itu HTML?

Sampai saat ini, masih banyak orang belum paham mengenai apa itu HTML. Cukup banyak orang menganggap bahwa HTML itu adalah sebuah bahasa pemrograman.

Sayangnya, HTML ini sebenarnya tidak masuk sebagai bahasa pemrograman. Hal tersebut karena HTML ini hanya berfungsi sebagai alat komunikasi antara server dengan aplikasi browser.

Jadi HTML ini berperan menampilkan halaman website yang sudah anda buat ke dalam browser. Dan HTML ini sendiri termasuk sebagai alat komunikasi yang paling sederhana.

Beragam Hal yang Harus Anda Siapkan Untuk Membuat Biodata HTML

Sebelum mempelajari bagaimana cara membuat biodata di HTML, pertama-tama anda harus mempersiapkan beberapa hal terlebih dahulu.

Berikut ini merupakan beberapa hal yang wajib harus anda persiapkan jika ingin membuat halaman website yang berisi biodata anda:

  • Foto

Hal pertama yang wajib anda siapkan untuk membuat sebuah halaman website biodata dengan menggunakan HTML itu adalah foto.

Anda bisa menggunakan foto berwarna setengah badan atau penuh. Namun untuk lebih baiknya, gunakan foto setengah badan terbaru dengan menggunakan pakaian formal.

  • Data diri

Selain foto, anda juga harus sudah menyiapkan data diri apa saja yang akan anda tampilkan di halaman website biodata nanti.

Jadi selain nama lengkap, tempat dan tanggal lahir, anda bisa menyiapkan CV ataupun riwayat pendidikan anda.

Sebagai tambahan, anda juga bisa menambahkan link untuk menuju ke website atau blog pribadi yang anda miliki. Selain itu, anda juga bisa menghubungkan halaman website biodata anda dengan berbagai halaman media sosial yang anda miliki.

Langkah-Langkah Membuat Biodata HTML

Cara Membuat Biodata di HTML

Setelah mempersiapkan hal-hal tersebut, maka sekarang anda bisa mulai mempelajari bagaimana cara membuat biodata di HTML. Berikut ini langkah-langkah untuk membuat halaman website biodata tersebut:

  1. Pertama, buka aplikasi Notepad yang ada di dalam PC maupun laptop anda.
  2. Setelah berhasil membuka aplikasi Notepad, pilih menu File yang berada di pojok kiri atas.
  3. Jika sudah, pilih Save As.
  4. Ketikkan nama file dengan html.
  5. Berikutnya, simpan file tersebut.
  6. Selanjutnya, kembali lagi ke halaman Notepad yang sudah anda simpan, ketikkan kode <HTML> di bagian atas.
  7. Berikutnya, tekan tombol Enter dan ketikkan </HTML> di bawah kode sebelumnya.
  8. Setelah itu, letakkan kursor di tengah-tengah kedua kode tersebut, ketikkan kode <Head> dilanjutkan dengan </Head>.
  9. Dan berikutnya ketikkan kode <Body> dan </Body> di antara kode <Head> dan </Head>.

Jika sudah mengetikkan kode-kode tersebut, maka anda hanya perlu copy paste kode biodata HTML secara keseluruhan berikut ini:

  • <html>
  • <head>
  • <title>Halaman Biodata</title>
  • </head>
  • <body style=”background-color:silver”>
  • <table border=”1″ style=”width: 700px;”>
  • <tr><td align=”center” colspan=”3″ bgcolor=”red”><font color=”blue” size=”20px”>
  • <b>BIODATA</b>
  • </font></td></tr>
  • <tr>
  • <td rowspan=”5″ width=”100px”>
  • <img src=”image.jpg” width=”150px” height=”200px” border=”2″>
  • </td>
  • <td bgcolor=”#0000FF”>NAMA </td>
  • <td> Nama Anda</td>
  • </tr>
  • <tr>
  • <td bgcolor=”#0000FF”> USIA </td>
  • <td> Usia Anda </td>
  • </tr>
  • <tr>
  • <td bgcolor=”#0000FF”> ALAMAT </td>
  • <td> Alamat Anda </td>
  • </tr>
  • <tr>
  • <td bgcolor=”#0000FF”> HOBI </td>
  • <td> Hobi Anda</td>
  • </tr>
  • <tr>
  • <td align=”center” colspan=”2″ bgcolor=”white”> <a href=”https://www.alamat website anda.com”>WWW. Alamat Website Anda.COM</a> </td>
  • </tr>
  • </table>
  • </body>
  • </html>

Beragam Fungsi Kode di Biodata HTML

Setelah mengetahui apa saja kode HTML yang harus anda ketikkan di dalam aplikasi Notepad, pastinya banyak dari anda yang masih bingung mengenai apa fungsi dari masing-masing kode tersebut.

Untuk anda yang masih bingung, anda bisa pelajari berbagai macam fungsi kode HTML berikut ini:

  1. Kode HTML

Kode HTML ini berfungsi untuk membuka dan sekaligus menutup format HTML. Tanpa adanya kode ini, maka kode-kode HTML lainnya tidak akan bisa terbaca di browser.

  1. Kode Head

Kode head ini berfungsi sebagai tempat untuk menghubungkan antara file HTML dengan file CSS ataupun Javascript.

Selain itu, kode head ini juga sebagai tempat untuk header dari halaman website yang anda buat menggunakan kode HTML.

  1. Kode Title

Kode title ini adalah tempat untuk menuliskan judul dari halaman website yang anda buat. Nantinya, judul tersebut bisa anda lihat di bagian tab browser.

  1. Kode Body

Kode body adalah kode yang menunjukkan bagian isi dari website yang anda buat. Jadi semua konten yang akan muncul di halaman website nanti adalah yang ada di dalam area kode body tersebut.

  1. Kode Table

Kode table adalah kode yang digunakan untuk menampilkan tabel di dalam konten website. Biasanya kode ini akan diikuti oleh kode lain yaitu tr dan juga td yang menunjukkan baris dan kolom dalam tabel.

Jadi seperti itulah cara membuat biodata di HTML beserta dengan berbagai kode dasarnya. Bagaimana? Apakah menurut anda membuat halaman website yang berisi biodata itu cukup mudah atau justru sulit?