Tutorial 3: BackGround-ku bergambar

wwuihh, dilihat dari judulnya kyaknya heboh banget ya. nggak bosen2 nich ketemu gwa lgi di Afrizalbotong.wordpress.com(sekalian promosi..hhee). ok, langsung aja ke pokok permasalahannya. kali ini kita berbicara tentang memberi gambar pada background web HTML anda. ternyata selain memberi warna bisa juga diberi gambar. langsung aja kita ‘pelototin’ source kode-nya. let’s check this out!.

      <html>
      <head>
      <title>:::background:::</title>
      </head>
      <body background="anak_indonesia1.jpg">
      sekarang warna latar belakang dengan gambar
      </body>
      </html>

ok, pada kode diatas terdapat atribut background pada tag <body>, atribut itulah yang menyatakan gambar yang akan dijadikan background. nilai tersebut bisa anda ganti dengan nama file gambar yang akan anda jadikan background. dan ingat!, letakkan file gambar dan file html pada satu folder.

Tutorial 2:Warna pada Background

hai bro! jumpa lagi nich dengan gwa Afrizalbotong. ok, kali ini saya akan menunjukkan source kode memberi warna pada background browser melalui script HTML. Kita nggak perlu cat, kuas, ember, dsb(lebay mode:on) untuk mewarnai background browser kita, kita hanya butuh kode HTML. ok!, daripada banyak ‘bacot’ mendingan langsung aja kita menuju script-nya. let’s check this out!.

          <html>
          <head>
          <title>:::background:::</title>
          </head>
          <body bgcolor=#808080>
          sekarang warna latar belakang menjadi abu-abu tua
          </body>
          </html>

ok! ketik ulang kode di atas pada notepad setelah itu simpan dengan format HTML setelah itu jalankan dengan menggunakan browser(mozilla, internet explorer, dll) lalu liat hasilnya.

pada tag <body> terdapat tambahan atribut bgcolor, atribut itulah yang merubah warna background pada browser anda, anda juga bisa mengganti nilai dari atribut tersebut dengan red, green, blue, dll. atau juga dengan bilangan heksa.

ok, semangat terus dan jangan pernah berhenti untuk mencoba.

Tutorial 1:membuat “hello world” dengan HTML

halo…pagi, siang, sore dan malem bro. kemaren kalian sudah baca artikel di blog gwe ni mengenai pengantar HTML, nah! kali ini kita langsung aja menginjak(awas kena duri..hhikz..hikz) ke contoh program pertama. pada program pertama ini kita akan menampilkan kalimat (dalam contoh kali ini kita bua kalimat “Hello World”) pada browser kita tentunya dengan menggunakan script HTML. ok langsung aja kita liat source kode-nya dibawah ini. let’s check this out!.

        <html>
        <head>
        <title>Struktur Dokumen HTML</title>
        </head>
        <body>
        Hello World!
        </body>
        </html>

Ok! ketik ulang kode diatas pada Notepad setelah itu simpan dengan extension *.html, misalnya kode tersebut akan saya simpan di directory D dengan nama hello.html. Lalu coba jalankan file tersebut dengan menggunakan browser anda.

kenapa kalian saya suruh mengetik ulang padahal mahasiswa sekarang terkenal dengan copy-paste nya, itu semua agar kalian terbiasa mengetik kode-kode HTML dan juga sedikit-sedikit kalian agar memahami.

Pengantar HTML

HyperText Markup Language (HTML) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah Penjelajah web Internet dan formating hypertext sederhana yang ditulis kedalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan kedalam format ASCII normal sehingga menjadi home page dengan perintah-perintah HTML. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C).

HTML berupa kode-kode tag yang menginstruksikan penjelajah web untuk menghasilkan tampilan sesuai dengan yang diinginkan. Sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan penjelajah web seperti Mozilla Firefox atau Microsoft Internet Explorer. HTML juga dapat dikenali oleh aplikasi pembuka surel ataupun dari PDA dan perangkat lunak lain yang memiliki kemampuan browser. Dengan menggunakan perintah-perintah HTML memungkinkan pengguna untuk melakukan tugas-tugas berikut:

  • Menentukan ukuran dan alur tulisan.
  • Mengintegerasikan gambar dengan tulisan.
  • Membuat Pranala.
  • Mengintegerasikan berkas suara dan rekaman gambar hidup.
  • Membuat form interaktif.

HTML dokumen tersebut mirip dengan dokumen tulisan biasa, hanya dalam dokumen ini sebuah tulisan bisa memuat instruksi yang ditandai dengan kode atau lebih dikenal dengan TAG tertentu. Sebagai contoh jika ingin membuat tulisan ditampilkan menjadi tebal seperti: TAMPIL TEBAL, maka penulisannya dilakukan dengan cara: <b>TAMPIL TEBAL</b>. Tanda <b> digunakan untuk mengaktifkan instruksi cetak tebal, diikuti oleh tulisan yang ingin ditebalkan, dan diakhiri dengan tanda </b> untuk menonaktifkan cetak tebal tersebut. HTML lebih menekankan pada penggambaran komponen-komponen struktur dan formating di dalam halaman web daripada menentukan penampilannya.Sedangkan penjelajah web digunakan untuk menginterpretasikan susunan halaman ke gaya built-in penjelajah web dengan menggunakan jenis tulisan, tab, warna, garis, dan perataan text yang dikehendaki ke komputer yang menampilkan halaman web. Salah satu hal Penting tentang eksistensi HTML adalah tersedianya Lingua franca (bahasa Komunikasi) antar komputer dengan kemampuan berbeda. Pengguna Macintosh tidak dapat melihat tampilan yang sama sebagaimana tampilan yang terlihat dalam pc berbasis Windows. Pengguna Microsoft Windows pun tidak akan dapat melihat tampilan yang sama sebagaimana tampilan yang terlihat pada pengguna yang menggunakan Produk-produk Sun Microsystems. namun demikian pengguna-pengguna tersebut dapat melihat semua halaman web yang telah diformat dan berisi Grafika dan Pranala.