Saturday, July 5, 2014

Belajar Dasar HTML Untuk Pemula (Part 1)

Belajar Dasar HTML Untuk Pemula (Part 1) - HTML (Hypertext Markup Language) merupakan dasar atau tulang punggung dalam pembuatan sebuah Web. Dalam setiap file HTML akan selalu didahului dengan tag <HTML>. Tag ini akan membuat web browser mencoba untuk membaca file yang ada di dalam tag tersebut untuk ditampilkan dalam web browser. Pada akhir baris jangan lupa Anda harus selalu mengakhiri tag <HTML> dengan </HTTML>. Sehingaa akan kelihatan bahwa pada setiap tag HTML akan selalu :
<HTML> untuk mengakhiri : </HTML>
Bentuk dari tag HTML sebagai adalah berikut :
<ELEMENT ATTRIBUTE = value>
Element               nama tag
Attribute             atribut dari tag
Value                    nilai dari atribut.
Contoh:
<BODY BGCOLOR=”blue”>
Penulisan Tag HTML adalah incasesensitive. Artinya, < HTML> akan sama dengan <html> atau <Html>. Untuk selanjutnya akan dibagi menjadi 2 seksi: head dan body.

<HEAD>
Header akan berfungsi sebagai tanda pengenal pada halaman yang akanAnda buat. Untuk mendefinisikan header dalam tag HTML maka anda harus menambahkan <HEAD> dan </HEAD> tag di bawah tag <HTML> dan akan menjadi seperti berikut :



<HTML>
<HEAD>
</HEAD>
</HTML>
 
 







<BODY>
Pada bagian body merupakan bagian dimana anda dapat menuliskan berbagai text yang ingin Anda tampilkan pada halaman web. Untuk mendefinisikan body harus diketikan tag <BODY> dan ditutup dengan tag </BODY> dibawah tag header, sehingga akan terlihat :



<HTML>
<HEAD>
</HEAD>
<BODY>
</BODY>
</HTML>

 
 






Untuk menamai atau memberikan judul pada halaman web yang akan Anda buat maka digunakan tag <TITTLE> dan </TITTLE>. Judul ini akan terlihat pada sudut kiri atas halaman web. Tag <TITTLE> akan berada di dalam tag <HEAD>. Kini saatnya Anda membuat halaman web Anda yang pertam. Bukalah Notepad dari Start Menu dan ketik kode html di bawah ini, kemudian simpanlah di C:My Documents\hello.htm. ingat! Nama file nya adalah hello.htm, bukanlah hello.htm.txt.



<HTML>
<HEAD>
<TITLE>Selamat datang pada HomePage Saya</TITLE>
</HEAD>
<BODY>
  Hallo semua, Bagaimana kabar Anda sekalian?
</BODY>
</HTML>
 
 




                                                                                                                                           
Kemudian, bukalah program browser anda seperti Internet Explorer atau Mozilla Firefox dan pilih menu: File Open, dan bukalah C:\My Documents\hello.htm.

Heading <h1>…</h1>
Merupakan sekumpulan kata yang menjadi judul atau subjudul dalam suatu dokumen HTML. Heading akan berbeda dengan tag <TITLE> yang tidak akan muncul dalam halaman web. HTML menyediakan enam tingkat heading.



<HTML>
<HEAD>
<TITLE>Heading</TITLE>
</HEAD>
<BODY>
<H1>Heading level1<H1>
<H2>Heading level2<H2>
<H3>Heading level3<H3>
<H4>Heading level4<H4>
<H5>Heading level5<H5>
<H6>Heading level6<H6>
</BODY>
</HTML>


 
 






                                                                                                                                                 


EmoticonEmoticon