Sabtu, 03 Desember 2011

Apa itu Tag FONT- Belajar HTML


Apa itu Tag <font> - Belajar HTML

Tag <font></font> adalah salah satu tag yang sering digunakan. Penggunaan tag tersebut tanpa tambahan atribut apapun (saya akan jelaskan tentang atribut ini sebentar lagi) hanya akan menampilkan teks yang diapit oleh tag tersebut. Kita akan mulai dengan contoh sedehana yang hanya menampilkan teks:

Selamat dating di homepage saya

Untuk menampilkan teks itu dilayar, Anda cukup menambahkan baris berikut ini diantara tag <body> dan </body>:

<font>Selamat datng di Homepage saya</font>

Silahkan lakukan perubahan tersebut di jendela kode disamping kiri. Keseluruhan kode Anda akan menjadi seperti ini:

<html>
<head>
<title>homepage pribadi saya</title>
</head>
<body>
<font>selamat dating di Homepage saya</font>
</body>
</html>

Silahkan praktekan kode di atas dan bukalah melalui browser untuk melihat hasilnya. Anda akan melihat teks tersebut di tampilkan menggunakan Times New Roman berukuran standar berwarna hitam. Mungkin tidak terlalu menarik untuk tampilan awal. Namun, itu permulaan yang bagus. kita akan membuatnya lebih menarik tapi nanti….sabar ya teman,

Read More >>

Cara Menambahkan Teks pada HTML - Belajar html


Cara Menambahkan Teks pada HTML - Belajar HTML

Pada bagian sebelumnya, saya sudah menjelaskan cara membuat sebuah dokumen HTML dan bagaimana HTML dibangun menggunakan <tag>teks</tag>.Masih ingat struktur ini kan?

<html>
<head>
<title>ini judul</title>
<head>

<body>
disini tempat menuliskan isi utama dokumen  HTML.
</body>
</html>

Pada bagian ini, saya akan menunjukan cara membuat sebuah homepage sederhana dan bagaimana menambahkan teks pada homepage Anda tersebut plus cara menampilkan huruf dengan berbagai variasi.

Homepage adalah halaman utma yang ada di website yang Anda bangun. Kalau Anda perhatikan, semua website yang pernah Anda kunjungi selalu memiliki link yang berjudul Home. Nah, itulah yang disebut homepage.

Hal pertama yang akan kita lakukan adalah mengubah judul halaman yang semula tertulis ini judul, menjadi:

Homepage Pribadi Saya

Untuk melakukan hal tersebut, Anda cukup mengubah tag berikut ini:

<title>ini judul</title>
menjadi
<title>Homepage Pribadi Saya</title>

Read More >>

Latihan Menggunakan HTML dasar - Belajar HTML


Kita akan melihat efek dari tag menarik lainnya yang masih berhubungan dengan cara menampilkan paragraph. Kita akan mengguankan tag baru, yaitu tag <br>. Tag ini adalah tag yang tidak memiliki tag penutup dan berfungsi untuk membuat baris baru. Silahkan edit kode HTML Anda, dan tambahkan <br> setelah kata  akan. kode Anda akan menjadi seperti ini:

< center>teks disini akan <br> ditampilkan ditengha<center>

Silahakn dilihat di browser dan perhatikan bahwa tag <br> akan menambahkan sebuah baris setelah kata akan.
ingat format berikut:

<tag>teks<tag/>

Contoh Sebuah Dokumen HTML

Perhatikan kode di bawah ini:


<html>
<head>
<title>ini judul</title>
</head>

<body>
disini tempat untuk menuliskan isi utama dokumen HTML.
</body>
</html>

Secara umum, struktur penulisan dokumen adalah seperti kode-kode diatas. Anda akan menggunakan semua tag tersebut pada setiap dokumen HTML yang Anda buat. Saya akan menjelaskan lebih lanjut mengenai perintah setiap baris:

<html>

menginformasikan browser bahwa ini adalah sebua dokumen HTML.

<head>

Awal bagian header. Bagian header berisi berbagai pilihan konfigurasi untuk halaman Anda (contohnya judul halaman).

<title>ini judul</title>

Baris ini membuat browser menampilkan judul halaman. judul ini akan muncul dibagian paling atas sebelah kanan browser.

<head>

Akhir dari bagian header.

<body>

disini tempat menuliskan isi uatam dokumen HTML.

</body>

Semua yang berada diantara kedua tag ini adlah isi uatama dari halaman Anda. Disinilah tempat semua teks, gambar, table, dan lain-lain akan Anda tulisakan. Bagian ini merupakan bagian yang paling penting dari halamn HTML Anda.

</html>

Akhir dari halaman HTML Anda.

Read More >>

Memahami HTML - Belajar HTML


Bahasa HTML sesungguhnya akan sangat mudah dipelajari setelah Anda memahami dasarnya. HTML dibuat dari tag, sebuah tag adalah sepotong tag yang dikurung oleh <>, kira-kira bentuknya seperti ini:

( <tag> )

Mungkin Anda berpikir mengapa perlu tag? Gampangnya, tag diperlukan oleh browser untuk membedakan mana perintah HTML dan mana yang teks biasa. Kita akan lihat contohnya nanti.

Perlu Anda ketahui ada 2 macam tag, yaitu tag pembuka dan tag penutup. Bedanya sangat mudah dilihat, yaitu ada tandanya / sebelum tag penutup.

      (</tag>)

Secara berpasangan, kedua tag itu akan tampak seperti ini (ingat kata-kata tag nantinya akan digantikan dengan berbagai perintah HTML:

(<tag></tag>)

Saat ini, Anda yang pernah belajar pemrograman,jangan bayangkan HTML adalah bahasa rumit dan penuh dengan percabangan.TIDAK,singkatnya HTML adalah bahasa yang digunakan oleh browser untuk menampilkan halaman web. Efek tag akan diterapkan pada semua tulisan yang berbeda antara 2 tag (pembuka dan penutup). Berikut penjelasannya dengan contoh nyata. Saya akan memberikan contoh yang baik yaitu tag( <center> )yang digunakan untuk menampilkan teks ditengah.

(<ceter>)teks disini akan ditampilkan ditengah(</center>)
hamper semua tag memiliki tag penutup, tetapi ada beberapa pengecualian.
Sekarang, silahkan coba contoh kode diatas dengan menggunakan notepade, dan perhatikan bahwa tag HTML tidak ikut ditampilkan di browser

Read More >>

Pengertian HTML- Software yang Diperlukan


Pengertian HTML- Software yang Diperlukan

Sebenarnya Anda hampir tidak memerlukan software apapun untuk menuliskan kode HTML, dan banyak desiner web menyatakan bahwa website terbaik menggunakan notepad!

Beberapa keuntungan dari menggunakan editpr HTML adalah kemampuannya untuk menampilkan kode warna dari kode HTML Anda. Hal tersebut akan mempermudah dalam membaca kode Anda,membersihkan kode saat sudah selesai, dan Anda bias menggunakan kode-kode khusus pada software tersebut untuk menyisipkan kode-kode yang berulang.

Sebenarnya tidak terlalu menjadi masalah, apapun sofware editor yang nantinya Anda gunakan, karena dalam pembahasan ini saya akan mengajarkan kepada Anda “bahasanya” bukan cara menggunakan editornya.

Untuk memperdalam pemahaman Anda, saya menganjurkan agar Anda melakukan praktik yang saya berikan dalam pembahasan ini dengan menggunakan notepade.
Read More >>

Pengenalan HTML - Pengertian HTML


Pengertian HTML. HTML adalah bahasa yang melopori hadirnya web dan internet. Bahasa ini merupakan bahasa pemrograman yang digunakan oleh sebagian besar situs web yang Anda kunjungi. HTML saat ini dikenal hamper oleh semua komputer yang ada di dunia dan merupakan cara paling universal  untuk membuat sebuah dokumen. Mungkin HTML tidak memiliki variasi format  dan bahkan tidak tidak menjamin bahwa halamn web yang anda buat akan tampak sama persis disetiap browser, tetapi perlu diingat bahwa tanpa HTML, tidak aka nada internet.

Anda tentu saja dapat menggunakan sebuah editor HTML WYSIWYG (What you see is what you get), untuk membuat situs web. Namun, cara tersebut (di samong berbagai kelebihannya) memiliki 3 kekurangan:

1. software editor umunya menggunakan kode-kode tambahan yang membuat halaman hasil buatannya lebih lambat dilihat.
2. software  tidak selalu bisa membuat kode yang benar-benar kompatibel dengan seluruh browser.
3. beberapa software tersebut akan mengubah kode HTML yang Anda masukan secara manual (pintarnya software tersebut).

Karena alasan tersebut, Anda akan bias membuat halaman-halaman web yang lebih baik dengan menuliskan HTML secara manual. Namun demikian, saya akui saya juga tidak sangat sering melakukan hal tersebut, karena menuliskan HTML secara manual memerlukan waktu yang lebih lama dibandingkan menggunkan editor WYSIWYG, tetapi saya tekankan juga memahami HTML sangat diperlukan sebagai pengetahuan dasar, Anda akan bias membuat halman web yang lebih baik.

Jadi, apa yang harus Anda lakukan? Saran saya, gabungkan kelebihan metode tersebut. Desain awal menggunakna editor HTML, dan edit kembali secara manual untuk memperolaeh hasil terbaik.

Read More >>