ARI JULIANTO Network www.arijulianto.com

Oleh | HTML | | Dibaca 3.191 kali | 0 komentar

HTMLSebelum kita mengenal apa itu HTML ada baiknya kita mengetahui dulu apa itu HTTP. HTTP (HyperText Transer Protokol) merupakan protokol yang digunakan untuk mentransfer data atau dokumen antara web server ke web browser (Firefox, Internet Explorer, Opera, dll). Dan protokol ini sewaktu melakukan transfer, dokumen atau data webnya ditulis atau dengan menggunakan format HTML.

HTML sendiri singkatan dari "HyperText Markup Language" yakni sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet. Disebut dengan markup language karena HTML berfungsi untuk memperindah file tulisan (text) biasa untuk dapat dilihat pada web browser-web browser yang ada. Yang bisa anda lakukan dengan HTML yaitu:

  • Mengontrol tampilan web page dan contentnya.
  • Mempublikasikan document secara online sehingga bisa di akses dari seluruh penjuru dunia.
  • Membuat online form yang bisa di gunakan untuk menangani pendaftaran, transaksi secara online, dll.
  • Menambahkan objek-objek seperti image, audio, video dan juga java applet atau flash kedalam document HTML.

Dibangun dari apa sesungguhnya website itu?

Yupz, yang paling berhubungan dengan desain web adalah HTML (HyperText Markup Language). HTML adalah sebuah bahasa markup yang digunakan untuk membuat halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet.

HTML berupa kode-kode tag yang menginstruksikan browser untuk menghasilkan tampilan sesuai dengan yang diinginkan. Sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan browser web seperti Mozilla Firefox atau Internet Explorer. HTML juga dapat dikenali oleh aplikasi pembuka e-mail ataupun dari PDA dan program lain yang memiliki kemampuan browser. Dengan kode-kode tag yang dibangun itu bisa menghasilkan interface yang beragam dan luar biasa. Bagaimana tidak, perintah-perintah atau kode-kode yang ditulis dengan siste full teks itu pada akhirnya mampu menghasilkan objek-objek yang beraga, termasuk audio video (multimedia).

Saya kalo ingat komponen yang membangun sebuah web suka jadi ingat sebuah program zaman kegelapan, Turbo Pascal, alo sekarang sih banyak yg lebih baik kayak C++, dll. Ya HTML tidak jauh berbeda dengan program tersebut.

Webpage

Halaman Web memiliki banyak kegunaan. Berikut adalah beberapa fakta penting tentang mengapa halaman web sangat berguna.

  • Sebuah cara murah dan mudah untuk menyebarkan informasi kepada khalayak luas.
  • Media lain untuk memasarkan bisnis Anda.
  • Biarkan dunia tahu tentang Anda dengan situs pribadi!
  • Membentuk reputasi agi pemiliknya.
  • Bisa menjadi aset virtual
  • dan masih banyak lagi

Dimana kita bisa menulis HTML?

HTML bisa kita buat di banyak text editor seperti :
* Notepad > paling sederhana
* EditPlus
* Microsoft FrontPage
* Dreamweaver > dipermudah dengan tampilan visual.
* dan banyak lagi.

File HTML harus disimpan dalam extension .htm atau .html kemudian file yang telah disimpan itu harus di eksekusi (dibuka) mengunakan web browser

Markup/Tanda

Penulisan html tidak bisa terlepas dari markup/tanda yang dinamakan tag HTML, karena inti dari penulisan html adalah memberi tanda terhadap suatu teks sesuai aturan sehingga diperoleh objek terntentu di halaman yang diinginkan.

Syarat penulisan tag HTML :

  • dimulai dengan tanda "<namaTag>" dan diakhiri dengan tanda "</namaTag>" (kebanyakan) Tag pertama disebut start tag atau tag pembuka dan tag terakhir disebut end tag atau tag penutup.
  • Teks yang ingin di beri tanda di letakkan diantara start tag dan end tag, contoh <font>hallo</font>.
  • Element HTML tidak bersifat case sensitive (huruf besar dan huruf kecil tidak ngaruh), misalnya utuk menulis tag html, bisa <HTML>, <Html>, <html>, <hTmL>, <HTml> atau yg lainnya, bebas pokoknya.

Struktur Dokumen HTML

Sebuah dokumen HTML terbagi kedalam tiga bagian utama, yakni HTML, HEAD, serta BODY. 

<html>

<head>

...

</head>

<body>

...

</body>

</html>
  • HTML

    Sebuah dokumen HTML haruslah diawali dengan tag <HTML> dan di tutup dengan </HTML>, Tag ini adalah sarana untuk memberikan informasi kepada browser bahwa apa-apa yang di tulis di dalamnya merupakan sebuah dokumen HTML.

  • HEAD

    Bagian header dari sebuah dokumen HTML diawali oleh tag <HEAD> dan di tutup oleh tag </HEAD>, dan di dalam header di isi dengan tag title yakni judul dari dokumen, tag title ini di tulis dengan tag pembuka <TITLE> dan di tutup oleh tag </TITLE>, contoh : title dari web saya ini adalah ARI JULIANTO Network jadi untuk tittle nya di tulis seperti ini <TITLE> ARI JULIANTO Network</TITLE>. Dalam pengisian title ini seyogya nya jangan asal-asalan, karena title merupakan hal pertama yang di lihat oleh search engine seperti Google.

    Di dalam Header pun di isi pula dengan tag META, tag META ditulis dengan tag, tag META ini biasanya memuat informasi mengenai dokumen HTML. dengan tag META kita bisa menentukan keyword, content,refresh, dan lainnya sebagainya. Khusus tentang tag META keyword akan di bahas lebih lanjut pada tutorial selanjutnya.

  • BODY

    Semua dokumen HTML yang di simpan di dalam BODY semisal teks, image, link, dan lain sebagainya akan di tampilakan dan bisa di lihat di dalam browser.