Pengenalan HTML
April 8, 2010 at 1:42 pm | Posted in HTML | Leave a commentHTML atau kepanjangannya “HyperText Markup Language” adalah bahasa dari WWW(Word Wide Web) yang digunakan untuk menyusun dan membentuk dokumen agar dapat ditampilkan pada browser.Ketika anda mengakses suatu website,sebenarnya anda telah mengakses dokumen seseorang yang ditulis dengan format HTML.Sebenarnya format HTML merupakan format yang lebih sederhana dibandingkan dengan format bahasa pemrograman lain..cara kerja HTML adalah dengan pembacaan kode dari baris ke baris,dan HTML tidak memiliki fungsi looping seperti bahasa pemrograman lain.
HTML memiliki beberapa keunggulan sehingga orang cenderung menyukainya.contohnya HTML dapat dipergunakan HyperLink Text atau dengan kata lain menghubungkan antara teks dengan dokumen lain,sehingga penggunanya dapat melompat dari satu dokumen ke dokumen yang lain.
Pembuatan dokumen HTML dapat menggunakan berbagai macam Text Editor,dan yang paling sederhana menggunakan notepad.Setiap penyusunan dokumen HTML,wajib menggunakan tag <HTML> dan ditutup dengan </HTML>.pada HTML,dibagi menjadi 2 bagian besar yaitu
1.HEAD(Bagian Kepala) ditandai dengan penulisan tag <HEAD> ditutup dengan </HEAD>
Pada bagian Head/Kepala salah satu fungsinya adalah untuk mengubah Tittle Bar pada browser hanya dengan tag <Title> ditutup dengan </Title>
2.BODY(Bagian Badan) ditandai dengan penulisan tag <BODY> ditutup dengan </BODY>
Pada bagian Body/Badan ini,anda dapat membangun sebuah Web yang anda inginkan
Penyimpanan dokumen HTML melalui notepad dapat dilakukan seperti penyimpanan file notepad yang lain,yang perlu diganti hanya ekstensinya menjadi .Htm atau .Html bukan .txt.
contoh penulisan HTML
<HTML>
<HEAD>
<Title>Ini adalah Bagian Title</Title>
</HEAD>
<BODY>
Ini Adalah Bagian Body
</BODY>
</HTML>
Hasil :
-Tien Penk-
Bagi anda yang ingin menDownload file beserta contoh dokumen HTML dan gambar di atas
Download Disini atau
http://www.ziddu.com/download/9381216/PengenalanHTML.rar.html
Bagian Body(HTML)
April 8, 2010 at 1:32 pm | Posted in HTML | Leave a commentBagian Body adalah isi dari dokumen HTML yang didalamnya telah disusun kode kode sehingga akan menampilkan website yang anda hendaki.
Penulisan : <BODY>”isi semua kode di body”</BODY>
Didalam Body dapat disispkan beberapa tag lagi dengan fungsi yang berbeda
1.Bgcolor
Penulisan : <BODY Bgcolor=”6 digit formula warna”>”isi semua kode di body”</BODY>
Fungsi : Mengganti warna background pada bagian body HTML
Note :
formula warna menggunakan sistem RGB yaitu Red Green Blue,penulisannya adalah 6 digit.2 digit pertama mewakili merah,2 digit berikutnya mewakili hijau dan 2 digit terakir mewakili biru.
Huruf dan angka yang boleh digunakan = 0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F
contoh formula : “FF0000″=Merah,”00FF00″=Hijau,”0000FF”=Biru
contoh :
<HTML>
<HEAD>
<Title>Bagian Body</Title>
</HEAD>
<BODY Bgcolor=”FF0000″>
Ini Adalah Bagian Body
</BODY>
</HTML>
Hasil :
2.Background
Penulisan : <BODY Background=”nama file gambar”>”isi semua kode di body”</BODY>
Fungsi : Mengganti gambar background pada body HTML
Note :
Nama file gambar yang dicantumkan bergantung pada letak dokumen HTML.apabila dokumen dan gambar berada pada 1 folder/direktori yang sama,maka penulisannya hanya dengan nama file gambar contoh:<BODY Background=”contoh.jpg”>.Apabila file gambar berada di dalam folder yang berbeda dengan dokumen HTML,,maka penulisannya harus dengan direktori lengkap.contoh : <BODY Background=”D:\HTML\gambar\contoh.jpg”>
Contoh :
<HTML>
<HEAD>
<Title>Bagian Body</Title>
</HEAD>
<BODY Background=”contoh.jpg”>
Ini Adalah Bagian Body
</BODY>
</HTML>
Hasil :
3.Text
Penulisan : <BODY Text=”6 digit formula warna” >”isi semua kode di body”</BODY>
Fungsi : Mengatur warna dari text yang termasuk dalam bagian body HTML
Note :
formula warna menggunakan sistem RGB yaitu Red Green Blue,penulisannya adalah 6 digit.2 digit pertama mewakili merah,2 digit berikutnya mewakili hijau dan 2 digit terakir mewakili biru.
Huruf dan angka yang boleh digunakan = 0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F
contoh formula : “FF0000″=Merah,”00FF00″=Hijau,”0000FF”=Biru
Contoh :
<HTML>
<HEAD>
<Title>Bagian Body</Title>
</HEAD>
<BODY text=”00FF00″>
Ini Adalah Bagian Body
</BODY>
</HTML>
Hasil :
4.Top dan Left Margin
Penulisan : <BODY TopMargin=”margin atas” LeftMargin=”margin kiri”>”isi semua kode di body”</BODY>
Fungsi : Mengatur jarak Margin dari tepi atas/tepi kiri jendela body dengan text yang telah dibuat
Note :
Margin Kiri dan Margin atas diisi dengan angka dan berbanding lurus denang nilainya.semakin besar margin,maka semakin besar pula jarak antara tepi atas/kiri.
Contoh :
<HTML>
<HEAD>
<Title>Bagian Body</Title>
</HEAD>
<BODY Topmargin=”0″ leftmargin=”0″>
Ini Adalah Bagian Body
</BODY>
</HTML>
Hasil :
-Tien Penk-
Bagi anda yang ingin menDownload file beserta contoh dokumen HTML dan gambar di atas
Download Disini atau
http://www.ziddu.com/download/9381313/BagianBody.rar.html
Blog at WordPress.com. | Theme: Pool by Borja Fernandez.
Entries and comments feeds.
