4 Januari 2012

Video Pengenalan HTML untuk Pemula

Hyper Text Mark up Language disingkat HTML berfungsi untuk menampilkan informasi yang akan kita tampilkan ke dalam website atau halaman web kita. Bila ingin menggunakan HTML, maka komputer harus mendukung beberapa hal :
  • Komputer harus mempunyai text editor, text editor yang umum di gunakan untuk membuat HTML adalah notepad atau wordpad.
  • Komputer sudah terinstall web browser, seperti misalnya internet explorer atau mozila firefox.
  • Syarat lain adalah Anda harus mempunyai tempat penyimpanan yang cukup.

Cara menggunakan HTML.
Terlebih dahulu kita harus membuka text editor atau notepad. Untuk pembuatan kodenya kita harus membuka perintah dengan cara buka kurung.
  1. Kode HTML harus di mulai dari buka kurung,lalu ketikkan tulisan HTML ke dalamnya lalu tutup kurung. Kemudian untuk mengakhiri perintah, masukkan kembali buka kurung lalu tanda garis miring dan masukkan tulisan HTML lalu tutup kurung dan enter.
  2. Kemudian buka kurung dan ketikkan tulisan head setelah itu tutup kurung, dan untuk mengakhiri perintah buka kurung lalu tanda garis miring dan ketikkan tulisan head kemudian tutup kurung kembali.
  3. Untuk menampilkan judul halaman home, kita harus mengetikkan kode HTMLnya caranya :
Buka kurung lalu ketikkan tulisan title lalu tutup kurung, kemudian ketikkan judul di halaman home,lalu buka kurung kembali lalu masukkan tanda garis miring dan ketikkan tulisan title dan tutup kurung. Setelah itu jangan lupa untuk menyimpannya.

Setelah itu kita akan menambahkan konten caranya :
  1. Masukkan tanda buka kurung seperti sebelumnya lalu ketikkan tulisan boddy lalu tutup kurung. Kemudian tutup perintah ini dengan buka kurung lalu masukkan tanda garis miring dan ketikkan tulisan boddy lalu tutup kurung kembali. Setelah itu kita ketikkan konten website yang kita inginkan, setelah itu kita simpan.
  2. Lalu kita dapat melihatnya di browser kemudian di refresh. Dan sekarang kita dapat melihat konten yang telah kita buat.
  3. Untuk mengubah posisinya menjadi rata tengah kita dapat membuka kembali notepad kode HTMLnya, Dengan buka kurung lalu ketik tulisan center lalu tutup kurung,kemudian akhiri dengan buka kurung lalu garis miring dan ketik tulisan center dan tutup kurung kembali. Setelah itu kita simpan dan lihat pada browser anda dan refresh,Kemudian kita akan lihat tampilan konten yang kita baru kita buat dan konten berubah posisi menjadi rata tengah.


Untuk mengatur format huruf anda dapat mengetikkan kode HTML yaitu buka kurung h1 kemudian tutup kurung kemudian kita tutup kembali untuk perintah ini caranya buka kurung lalu garis miring dan ketik h1 lalu tutup kurung kembali, setelah itu kita simpan. Selanjutnya kita lihat pada browser maka akan terlihat perubahan ukuran pada jenis huruf,untuk perataannya kita akan menambahkan setelah tulisan h1 yaitu align sama dengan tanda kutip dua lalu ketik center dan tanda kutip dua lalu tutup kurung kembali.Lalu di refresh maka akan terlihat di browser perataan huruf sudah berubah. Adapun ukuran dari h1 sampai h6,kalau h6 ukurannya semakin kecil.

Untuk membuat garis horizontal kita dapat mengetikkannya di kode HTML yaitu buka kurung lalu ketik hr kemudian tutup kurung kembali, dan simpan,lalu kita lihat pada browser dan refresh maka akan muncul garis horizontal di bawah judul yang telah di buat. Kemudian kita akan membuat orderlist dan unorderlist atau bullets and numbering caranya yaitu,buka kurung ketik UL lalu tutup kurung. Sedangkan untuk memberikan tanda bulletsnya adalah buka kurung lalu ketik LI kemudian tutup kurung text yang akan di buat bulletsnya, Kemudian kita tutup perintahnya dengan buka kurung lalu garis miring dan ketik LI lalu tutup kurung.

Pada orderlist yaitu membuat nombor, yaitu buka kurung lalu ketik OL, kemudian tutup tutup kurung. Pada bagian textnya kita masukkan buka kurung lalu kita ketik LI lalu tutup kurung dan kita ketikkan text yang akan dibuat nomor. Kemudian kita tutup dengan buka tutup lalu garis miring dan kita ketik tulisan OL tutup kurung setelah itu langsung kita simpan.Dan kita lihat pada browser maka akan tampil bullets dan numberingnya. Dan jika kita ingin membuat text dengan perataan tertentu pada tampilan di notepad kita harus buka kurung lalu kita ketik pre dan tutup kurung,dan simpan kembali lalu lihat pada browser dan refresh maka kita akan melihat perataan text seperti yang di notepad sebelumnya.


Special thanks to: videobelajar.com

Artikel Terkait :