Kamis, 26 Maret 2015

Membuat biografi sederhana menggunakan bahasa pemrograman HTML

Halo semuanya, saatnya kita kembali ke blog. Pada kesempatan kali ini kita akan mencoba membuat biografi sederhana dengan menggunakan HTML. Biografi sendiri adalah sebuah tulisan tenatang kehidupan yang dibuat oleh seseorang. Untuk membuat biografi sederhana kali ini, akan dibantu menggunakan editor notepad++ dalam menyusun rangkaian HTML yang akan digunakan. Berikut ini adalah tahapan-tahapannya :

1.Langkah pertama mari kita buka software notepadd++


2.Langkah kedua setelah notepad++ terbuka lalu kita pilih bahasa yang akan digunakan adalah HTML, agar memudahkan dalam melakukan proses pembuatan biografinya.



3.Langkah ketiga adalah langkah dimana kita mulai menyusun bagian-bagian html yang akan digunakan. Dalam langkah ini kita akan membuat bagian atau elemen sederhana dalam html yaitu dengan mengetikan bagian-bagian berikut:



Dari pengkodean di atas kita dapat melihat bagian-bagian dasar dari HTML, dimana terdapat beberapa fungsi seperti :
<html> menunjukan bahasa yang kita susun adalah bahasa html, 
<head> menunjukan bagian kepala dari html itu sendiri, dimana kita dapat memasukan judul yang kita buat ataupun berbagai macam hal lainnya
<body> menunujukan bagian penulisan dari html itu sendiri.

4. Langkah keempat adalah bagian dimana kita akan menyusun biografi. Pada bagian ini semua  hal yang akan kita susun dalam biografi akan kita susun pada bagian <body> dalam html .


5. Langkah kelima atau yang terakhir adalah melakukan penyimpanan terhadap file yang telah kita buat.

Untuk dapat melihat hasil dari program yang telah kita buat, kita dapat membuka file biografi yang telah kita simpan, dengan cara membukanya di browser. 


Biografi telah selesai kita buat. Untuk selanjutnya saya akan menjelaskan secara singkat potongan-potongan program yang digunakan pada pembuatan biografi di atas :


<h1> : Digunakan untuk mengatur besaran tulisan yang digunakan 
<hr> : Digunakan untu memberikan garis horisontal 
<p> : Digunakan untuk membuat paragraf baru
<align="center"> : Digunakan untuk membuat tulisan menjadi rata tengah
<align="justify">: Digunakan untuk membuat tulisan menjadi rata kedua sisi
<img src= ***> : Digunakan untuk memasukan gambar
width="204" height="306" digunakan untuk mengatur ketinggian dan lebar yang diinginkan
<table width="90%" border="1"> : Digunakan untuk membuat tabel dengan lebar 90% dari lebar layar dengan garis samping setelab 1 garis
<tr> : Digunakan untuk membuat garis pada tabel
<td> : Digunakan untuk membuat kolom pada tabel


Tidak ada komentar:

Posting Komentar