butuh info lain cari aja disini

Showing posts with label Belajar HTML. Show all posts
Showing posts with label Belajar HTML. Show all posts

19 February, 2009

Belajar HTML : Judul Halaman

Sekarang belajar HTM kita akan berlanjut ke tahap selanjutnya yaitu membuat judul halaman. Kita kembali ke dokumen notepad yang telah dibuat. Sekarang rubah kode HTML anda menjadi seperti ini :

<html>
<head>
<title>web pertamaku</title>
</head>
<body bgcolor="yellow" text="red">
ini adalah web pertama saya
</body>
</html>

Lalu kembali ke browser anda dan lihat perubahannya. Dibagian atas browser anda sekarang terlihat judul halaman weg anda. Mudah bukan...
Sekarang kita telah menambahkan tag baru yaitu tag <head> dan tag <title>. Tag <head> merupakan bagian kepala dari sebuah dokumen HTML. Kita bisa mengisikan beberapa elemen diantara tag ini, misalnya judul halaman, meta tag (kita akan membahas meta tag di bagian lain) dan kode CSS (saya juga akan mencoba membahas mengenai CSS dibagian lain). Apa yang ada diantara tag <head> dan </head> tidak akan muncul di tampilan web yang anda buat, namun kita perlu menambahkan tag ini ke dalam dokumen HTML sebagai cara memberi informasi mengenai web kita.


Read More...... MoreNiche
Posted by tjahyonoegroho at 1:31 PM 0 comments
Bookmark and Share
Labels:

17 February, 2009

Belajar HTML : Tags, Attributes, dan Elements

Meskipun HTML sendiri sebenarnya terdiri dari dari teks teks sederhana, namun untuk membuat file HTML yang valid kita harus menambahkan kode-kode tertentu. Di bagian kedua dari tahapan belajar HTML ini kita akan mempelajari bagian-bagian dalam sebuah file HTML.

Tags.
Dalam stuktur dasar HTML terdapat sebuah tag. Tag adalah kode yang digunakan untuk memark-up atau memoles teks dalam file HTML. Tag terdiri dari dua bagian, bagian pembuka dan penutup. Kita bisa mengisikan teks diantara tag-tag tersebut.
Sekarang kembali ke file notepad yang telah anda buat tadi lalu tambahkan kode seperti ini di dokumen anda

<html>
<body>
Ini adalah web pertama saya
</body>
</html>


simpan kembali dokumen anda lalu kembali ke browser anda dan refresh lah. Apa yang anda lihat? tidak ada perubahan?, memang tidak ada perubahan, namun kita telah menambahkan elemen dasar dari sebuah dokumen HTML.
<html> dan <body> adalah tag pembuka sedangkan </body> dan </html> adalah tag penutup. Bisa kita lihat perbedaan tag pembuka dan penutup adalah terdapat tanda "/" di tag penutup. Setiap tag harus memiliki penutup.
Dalam sebuah dokumen HTML kita harus mencantumkan tag tag sebagai berikut:

<html>
<body>

 </body>
</html>

Isi dari dokumen anda harus diletakkan diantara tag <body> dan </body> sedangkan tag <html> adalah tag pembuka dari dokumen HTML anda dan tag </html> adalah tag penutup dokumen HTML anda.
Penulisan tag bisa dalam huruf besar atau kecil, artinya penulisan <BODY> atau <body> hasilnya akan sama saja, namun perlu diperhatikan penulisan tag yang salah meskipun hanya satu karakter saja akan berpengaruh terhadap dokumen HTML anda, atau bahkan bisa membuat dokumen HTML anda tidak bisa ditampilkan didalam browser.

Attributes
Dalam setiap tag kita bisa menambahkan atrribute. Attribute adalah kode yang kita gunakan untuk mempengaruhi tampilan atau format setiap elemen di dalam tag. Sekarang ubah dokumen HTML anda menjadi:

<html>
<body bgcolor="yellow" text="red">
ini adalah web pertama saya
</body>
</html>

Bisa anda bisa lihat hasilnya, terjadi perubahan di tampilan web anda. Penulisan Attribute diletakkan setelah nama tag. Anda bisa menambahkan bermacam macam attribut pada tag. Nanti akan kita pelajari lebih lanjut.

Element
Element adalah segala sesuatu yang terdapat didalam tag (diantara tag pembuka dan penutup). Atau dengan kata lain apa yang ada diantara tag <body> dan </body> merupakan elemen dari body. Element ini yang menjadi inti dari sebuah web. Apa yang ada didalam tampilan sebuah web berasal dari element element yang terdapat di dokumen HTML.









Read More...... MoreNiche
Posted by tjahyonoegroho at 10:13 AM 3 comments
Bookmark and Share
Labels:

Belajar HTML : Pendahuluan

Saat ini hampir semua website dibuat dengan menggunakan bahasa HTML. Apa itu HTML? HTML adalah singkatan dari Hypertext Mark-up Language. HTML adalah sebuah bahasa program yang digunakan untuk menulis format dokumen yang bisa digunakan dalam web. Hanya dalam HTML kita akan memoles teks dengan kode tertentu (tag)agar bisa dibaca dan ditampilkan oleh browser anda. Sebenarnya HTML sama saja dengan program teks editor lainnya,oleh karena itu kita bisa menggunakan program teks editor biasa seperti notepad atau MS Words di Windows. Agar lebih cepat belajar HTML sebaiknya dikuti dengan praktek langsung.
Sebenarnya saya juga masih dalam tahap belajar HTML juga, tapi agar cepet mudeng makanya saya tulis aja rangkuman sekalian buat ajang praktek HTML bagi saya. Jika ada kekurangan dalam tulisan ini saya mohon jika ada yang menambahkan silahkan tulis aja komentar agar kita bisa sama sama belajar HTML. Langsung aja deh mari kita belajar HTML bersama.
Pertama buka program teks editor anda, gunakan saja Notepad. Jika belum tahu klik Start>Programs>Accessories>Notepad.
Kemudian tulislah

Ini adalah web pertama saya

Sekarang simpan file ini, sebaiknya anda membuat folder baru yang akan kita gunakan terus sampai nanti, beri nama folder baru anda belajar HTML. Simpan/save file anda tadi ke folder belajar HTML dengan nama "websitepertamaku.html". Ingat!!! anda harus menambahkan ekstensi ".html" dibelakang nama file, karena jika tidak notepad otomatis akan menyimpan file anda dalam format ".txt". OK sekarang buka browser anda, Mozzila Firefox atau IE, klik File>Open File cari file yang telah anda simpan tadi klik Open ....maka anda bisa lihat tulisan yang telah anda buat tadi.
Mudah bukan?? ya sebenarnya membuat website kira kira semudah itu, namun agar file HTML kita sesuai dengan standar sehingga bisa dibaca oleh browser maka kita perlu menambahkan kode kode tertentu. Selanjutnya kita melangkah ke tahap dua dalam Belajar HTML : Tags, Attributes, dan Elements.

Read More...... MoreNiche
Posted by tjahyonoegroho at 9:18 AM 3 comments
Bookmark and Share
Labels:
Subscribe to: Posts (Atom)
Grab this Widget ~ Blogger Accessories