Membuat biodata sederhana dengan HTML

-
Assalamualaikum warahmatullahi wabarakatuh...
Pada kesempatan yang berbahagia ini, saya selaku penulis akan dengan senang hati berbagi tips dan materi mengenai cara membuat biodata sederhana menggunakan HTML code. Pertama-tama saya akan berbagi materi-materi dasar mengenai HTML yang Insya Allah akan bermanfaat bagi pembaca sekalian. Berikut materinya:

APA ITU HTML?
HTML atau Hyper Text Markup Language merupakan sebuah bahasa markah untuk membuat halaman web. Padanan HTML dalam bahasa indonesia adalah Bahasa Markah Hiper Teks (BMHT).

MEMBUAT FILE HTML
File HTML dapat dibuat dengan teks editor seperti notepad. Lebih bagus lagi menggunakan teks editor yang memiliki fitur syntax highlighter seperti Notepad++, Sublime Text, Gedit, Kate, dan lain-lain. File HTML disimpan dengan ekstensi html atau htm.

ELEMEN-ELEMEN PENTING PADA HTML
HTML di disusun dengan tag-tag (penanda). Perhatikanlah, letak penulisan informasi yang ingin dimuat di website. Berada di atantara tag <body> dan </body>. tag ini merupakan tubuh dokumen. Setiap informasi yang ditulis di dalam penada ini, akan tampil di halaman web. 
Tag <title> berfungsi untuk membuat judul website. Sementara itu tag <head> berfungsi untuk membuat kepala dokumen. Tag <title> harus diletakkan di dalam tag <head>. Perhatikanlah hasilnya, teks yang ada di tag <title> akan ditampilkan sebagai judul website.
Kita akan berkenalan dengan tag <h1> dan tag <p>. tag <h1> berfungsi untuk membuat judul artikel. H1 adalah ukuran judul terbesar di HTML. Sementara itu, tag <p> berfungsi untuk membuat paragraf. 

Berikut adalah aplikasi dari elemen HTML untuk membuat biodata sederhana:
  1. Membuat title untuk judul tab website dengan cara:<html> <head>
    <title>Biodata diri sederhana</title>
    </head>
  2. mengisi elemen <body> dengan paragraph <p> lalu tambahkan gambar dengan cara mengetikkan <img src=namafile.ekstensi>  seperti gambar di bawah ini


Gambar 1.1 Aplikasi elemen HTML pada coding HTML
Lalu, apabila ingin tulisan rata tengah, gunakan elemen <center></center> sesudah <body>.
apabila ingin menebalkan tulisan menggunakan <b> dan </b>
jangan lupa juga selalu menggunakan <br> untuk memberi break pada setiap kalimat yang kita tulis.

Dari file code tersebut disimpan dalam bentuk format ekstensi .html untuk menampilkan code dalam bentuk page website seperti gambar di bawah ini:
.
Gambar1.2 hasil akhir

Bagaimana.. Menarik bukan....???? berikan komentar dibawah agar blog ini tetap hidup, nantikan tips selanjutnya. Wassalamualaikum warahmatullahi wabarakatuh....

Komentar

Posting Komentar

Postingan populer dari blog ini

Membuat Tabel Biodata mudah dengan HTML

-
Gambar
Assalamualaikum warahmatullahi wabarakatuh Kali ini berjumpa lagi dengan saya pada kesempatan yang berbahagia ini, penulis akan berbagi tips mengenai cara mudah membuat tabel biodata secara singkat dan jelas dengan Coding text HTML yang biasa kita gunakan dalam membuat web. Sebelumnya saya ingin memaparkan beberapa materi terkait dengan tips kali ini, semoga bisa bermanfaat bagi pembaca sekalian, simak berikut: Salah satu cara atau format menampilkan informasi dalam web adalah dengan tabel. Tabel terdiri dari 4 unsur utama: Baris Kolom Sel Garis Tag untuk Membuat Tabel di HTML Ada beberapa tag yang harus diingat untuk membuat tabel di HTML: Tag <table> untuk membungkus tabelnya Tag <thead> untuk membungkus bagian kepala tabel Tag <tbody> untuk membungkus bagian body dari tabel Tag <tr> (tabel row) untuk membuat baris Tag <td> (table data) untuk membuat sel Tag <th> (table head) untuk membuat judul pada header Tag yang pa...
Baca selengkapnya

Materi PHP: Menghitung Bunga Tabungan

-
Gambar
Assalamualaikum warahmatullahi wabarakatuh readers bargun sekalian :3 kali ini admin akan memberikan cara mengenai materi pemrograman web yaitu: Menghitung Bunga Tabungan. Beberapa hal-hal yang harus dipersiapkan yaitu: PC atau laptop yang terinstal xamplite dan visual studio serta niat yang benar agar ilmu ini bermanfaat :3 Berikut adalah case yang saya berikan: Ada seorang nasabah bank yang menabung di bank X dengan saldo awal Rp. 1.000.000,-. Bank X menerapkan kebijakan bunga 3% perbulan dari saldo awal tabungan. Hitunglah jumlah saldo  akhir nasabah  tersebut  setelah  11 bulan. Berikut adalah code yang dapat menyelesaikan case tersebut: <html> <head> <title> Tugas 1 bab 5 </title> </head> <body> <?php $saldoAwal=1000000; $bunga=0.03; $bulan=11; $saldoAkhir=$saldoAwal+($saldoAwal*$bunga*$bulan); echo "Saldo akhir setelah ".$bulan." bula...
Baca selengkapnya

Materi PHP: Cara menghitung saldo Part 2

-
Gambar
Assalamualaikum Warahmatullahi Wabarakatuh sobat bargun sekalian :3 Kali ini admin akan memberikan ilmu yang insya Allah bermanfaat bagi teman-teman pembaca sekalian. Materi ini termasuk kedalam pemrograman Web. Berikut adalah beberapa hal-hal yang harus dipersiapkan yaitu: Laptop atau Personal Computer (PC), Xampplite, serta niat yang kuat agar ilmu ini bias tertular dan bermanfaat nantinya... Saya berikan kasus sebagai berikut: Seorang nasabah bank, mula-mula memiliki saldo awal Rp. 1.000.000,- di suatu bank X. Bank tersebut memiliki kebijakan memberikan bunga 3%  jika besar saldo kurang dari Rp. 1.100.000,- dan 4% bila saldo lebih besar atau sama dengan Rp. 1.100.000,- . Perhitungan bunga dihitung dari besar saldo terakhir. Selain itu di setiap bulannya nasabah dikenai biaya administrasi  Rp. 9.000,-. Buatlah script PHP untuk menentukan saldo akhir setelah N bulan. Keterangan Buatlah form untuk mengisikan saldo awalnya dan N (jangka waktu tabungan).  Beriku...
Baca selengkapnya