Maaf, kami mendeteksi ekstensi Adblocker di browser Anda sedang aktif!
Atau Anda tidak mengaktifkan Javascript. Harap nonaktifkan ekstensi Adblocker Anda![ Refresh ]

Merancang WEB Berbasis HTML

membuat biodata diri menggunakan html sederhana

HTML (Hypertext Markup Language) merupakan sebuah bahasa markup yang digunakan untuk membuat halaman web. Secara umum, HTML digunakan untuk keperluan-keperluan berikut.

  1. Mengontrol tampilan dari halaman web dan isinya (content).
  2. Menambahkan objek-objek, seperti gambar, audio, video, dan Java Applet dalam dokumen HTML.
  3. Memublikasikan dokumen secara online, sehingga dapat diakses dari seluruh dunia. 4. Membuat formulir online yang dapat digunakan untuk pendaftaran dan transaksi secara online. Perintah-perintah dalam HTML biasa disebut dengan tag. Kebanyakan tag HTML berpasangan, yakni tag pembuka dan penutup. Misalnya, . adalah tag untuk huruf tebal (bold). sedangkan adalah tag untuk huruf miring (italic). Penulisan tag HTML tidak bersifat case sensitive, artinya penggunaan huruf kecil ataupun kapital tidaklah menjadi masalah.

Cara Membuat Biodata Diri Dengan HTML Sederhana dan Keren menggunakan Notepad – HTML adalah singkatan dari Hypertext Markup Language yaitu bahasa markup yang digunakan untuk membangun struktur dasar halaman website agar dapat ditampilkan pada web browser chrome, mozilla dll.

Belajar HTML dasar itu mudah. Kita bisa mulai dari script HTML sederhana seperti membuat CV atau biodata diri menggunakan teks editor Notepad++ atau Sublime Text. Bahkan dengan Notepad bawaan Windows dan web browser, kita sudah bisa membuat biodata HTML keren.

Untuk contoh kode html di bawah ini

<html>
<head>
<title>Membuat Biodata Sederhana</title>
</head>
<center><body>
<table border="1" style="width: 700px;">
<tr><td align="center" colspan="3" bgcolor="red"><font color="yellow" size="20px">
<b>BIODATA</b>
</font></td></tr>
<tr>
<td rowspan="3" width="100px">
<img src="C:\Users\TARUNA PUSAT\Downloads\ok (2).jpg" width="150px" height="200px" border="2">
</td>
<td bgcolor="yellow">NAMA </td>
<td> AGUS SUSANTO </td>
</tr>
<tr>
<td bgcolor="yellow"> Tempat Tanggal Lahir </td>
<td> Jepara, 18 Agustus 2006 </td>
</tr>
<tr>
<td align="center" colspan="2" bgcolor="white"> <a href="https://smkdatuksingaraja.sch.id/"><b>SMK ISLAM DATUK SINGARAJA </b></a> </td>
</tr>
</table>
</body></center>
</html>

Penjelasan Kode Biodata HTML

Mudah saja membuat biodata HTML sederhana, terlebih tanpa CSS. Tanpa kemampuan koding, kita sudah bisa membuat CV HTML yang keren memanfaatkan copy paste.
 
Namun script yang sudah jadi tersebut tentu sulit dipahami. Oleh karena itu, berikut ini beberapa penjelasan tentang kode HTML di atas:
 

1. Tag HTML

 
Tag <html> berfungsi untuk mendefinisikan bahwa file dokumen tersebut merupakan html.
 

2. Tag Head

 
Tag <head> merupakan kepala dari dokumen html tempat meletakkan atau mendefinisikan file CSS atau JavaScript.
 

3. Tag Title

 
Tag <title> atau judul berisi tulisan yang akan ditampilkan pada tab web browser.
 

4. Tag Body

 
Kode <body> merupakan isi dari dokumen html yang akan ditampilkan di web browser pengunjung.
 

5. Tag Table

 
Tag <table> digunakan untuk membuat tabel pada html di mana di dalamnya terdapat tag khusus seperti tr untuk baris baru, td untuk kolom baru. Di contoh script HTML sederhana di atas, kamu bisa belajar cara menggabungkan kolom dan baris tabel HTML menggunakan atribut colspan dan rowspan.
 

6. Kode Img src

 
Tag <img src=”#”/> digunakan untuk menyisipkan gambar ke dalam dokumen html.
 

7. Kode A href

 
Tag <a href=”#”>anchor text</a> merupakan kode untuk membuat link di dalam file html.
 

8. Tag Font

 
Tag <font> digunakan untuk mengatur font atau huruf di dalam html dengan atribut face untuk ubah jenis huruf, size untuk ubah ukuran huruf, dan color untuk ubah warna huruf default.
 

9. Tag Marquee

 
Kode <marquee/> digunakan untuk membuat animasi sederhana di html dengan berbagai efek seperti arah, kecepatan, dan kelakuan (behavior).
 

10. Color

 
Kode bgcolor=”#00FF00″ difunakan untuk menambah warna di dalam tabel, kalian bisa menambahkan di dalamnya dengan kode warna contoh kode warna bisa digantikan dengan, yellow, red, blue, green dan yang lainnya.
 

Penutup

 
Dengan Notepad standar dari Windows, kamu bisa membuat biodata html keren dan unik. Setelah belajar membuat biodata diri dengan html asli, selanjutnya adalah menggabungkan html dan css agar lebih menarik.

You May Also Like

You cannot copy content of this page