Pages

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

Struktur Dasar HTML

21 November 2011

Struktur Dasar HTML - Pada pagi yang sedikit mendung ini, 4jie blog akan coba share tentang struktur dasar dalam HTML. Struktur HTML (Hyper Text Markup Language) ini merupakan susunan dalam sebuah script HTML yang wajib ada didalamnya.  Struktur HTML ini wajib ada, sebab bila tidak ada struktur dasar HTML, mustahil sebuah script bisa bekerja. 
Berikut ini struktur dasar HTML yang bisa dibaca
dan dipelajari, semoga dapat dipahami dengan mudah !

Struktur Dasar HTML 

<html>
<head>
<title> JUDUL </title>
</head>

<body>
Belajar HTML itu Mudah

</body>
</html>

Keterangan !
<html> Merupakan kode pembuka dalam sebuah HTML
<head> Bagian kepala pada sebuah HTML
<title> JUDUL </title> Bagian judul sebuah untuk HTML
</head> Merupakan Penutup dari sebuah script HTML
</body> Merupakan kode untuk pembuka sebuah isi script yang ada didalam HTML
Belajar HTML itu Mudah Merupakan isi pada sebuah HTML
</body> Merupakan kode untuk penutup sebuah isi script yang ada didalam HTML
</html> Merupakan kode penutup dalam sebuah HTML

Pengertian dan Sejarah HTML

07 November 2011

Hypertext Markup Language (HTML) adalah bahasa yang digunakan untuk menulis halaman web. HTML merupakan pengembangan dari standar pemformatan dokumen teks yaitu Standard Generalized Markup Language (SGML). HTML sebenarnya adalah dokumen ASCII atau teks biasa, yang dirancang untuk tidak tergantung pada suatu sistem operasi tertentu.
HTML dibuat oleh Tim Berners-Lee ketika masih bekerja untuk CERN dan dipopulerkan pertama kali oleh browser Mosaic. Selama awal tahun 1990 HTML mengalami perkembangan yang sangat pesat. Setiap pengembangan HTML pasti akan menambahkan kemampuan dan fasilitas yang lebih baik dari versi sebelumnya. Namun perkembangan resmi dikeluarkan pada bulan November 1995 oleh IETF (Internet Engineering Task Force). HTML 2.0 ini merupakan penyempurnaan dari HTML+ (1993).
HTML 3.0 (1995) memberikan kemampuan lebih daripada versi sebelumnya. Sebuah usaha dari World Wide Web Consortium’s (W3C) HTML Working Group pada tahun 1996 menghasilkan HTML 3.2. HTML versi ini secara resmi diterbitkan pada bulan Januari 1997.
HTML versi terbaru adalah HTML 4.01 yang dikeluarkan secara resmi oleh W3C pada tanggal 24 April 1998. HTML merupakan perbaikan dari HTML 4.0 yang lebih dulu diterbitkan. (18 Desember 1997).
Dasar-Dasar HTML

Mendesain HTML berarti melakukan suatu tindakan pemrograman. Namun HTML bukanlah sebuah bahasa pemrograman. Namun HTML hanyalah berisi perintah-perintah yang telah terstruktur berupa tag-tag penyusun. Menuliskan tag-tag HTML tidaklah sebatas hanya memasukkan perintah-perintah tertentu agar HTML kita dapat di akses oleh browser. Mendesain HTML adalah adalah sebuah seni tersendiri. Homepage yang merupakan implementasi dari HTML adalah refleksi dari orang yang membuatnya. Untuk itu kita perlu mendesainnya dengan baik agar para pengunjung homepage yang kita buat merasa senang dan bermanfaat.
Mendesain HTML dapat dilakukan dengan dua cara:
Menggunakan HTML Editor, seperti Microsoft FrontPage, Adobe Dreamweaver, dan lain-lain. Dapatkan editor HTML lainnya disini.
Dengan cara menuliskan sendiri secara manual satu persatu tag-tag HTML ke dalam dokumen HTML.

Ada kelebihan dan kekurangan dari dua cara di atas. Cara pertama kelebihannya adalah HTML Editor merupakan sebuah program yang khusus didesain untuk membuat, melakukan editing bahkan mem-publish ke internet. Dengan kemampuannya menggabungkan kemudahan dan kecanggihan teknologi internet ke dalam dokumen HTML maka cara ini sangat disukai oleh para pemula dan desainer yang tidak ingin belajar lebih mendalam mengenai HTML. Sedangkan cara kedua adalah menuliskan secara manual satu persatu tag-tag HTML. Hal ini sangat disarakan sulit dikarenakan akan memakan tenaga dan waktu ekstra untuk melakukannya, ditambah lagi Anda harus melakukan cara-cara konvensional untuk melihat hasilnya pada web browser. Namun pada cara kedua adalah dasar dari segala bentuk HTML yang akan Anda pelajari, karena dengan cara itulah Anda akan lebih paham mengenai cara kerja dan berbagai perintah yang biasa dipakai pada bahasa HTML.

Belajar HTML Menggunakan Notepad

01 November 2011

Belajar HTML Menggunakan Notepad - Setelah memahami dasar-dasar HTML (Baca : Pengenalan HTML) maka lanjut ke langkah selanjutnya yaitu Belajar Membuat HTML menggunakan Notepad. Cara ini sangat efektif dilakukan untuk seorang pemula agar dapat dengan mudah mempelajari HTML.

Tools yang digunakan : 
  • Browser (Mozilla Firefox, Google Chrome, Internet Explorer)
  • Notepad
Pada percobaan kali ini, kita akan menggunakan Mozilla Firefox sebagai browser dalam pembelajaran HTML.

1. Buka Notepad terlebih dahulu
2. Masukkan kode HTML didalam Notepad
3. Jika sudah selesai, simpan file dengan menambahkan format .html diakhir nama file yang akan disimpan (Contoh : belajar.html)

4. Jika sudah, silahkan buka file yang disimpan tadi. Maka akan muncul tampilan browser seperti dibawah ini.

Selamat Mencoba :)

Pengenalan HTML


Apa itu HTML?
HTML adalah bahasa untuk mendeskripsikan halaman web. HTML merupakan salah satu bagian terpenting web yang tidak dapat ditinggalkan. Dengan adanya HTML, maka sebuah blog dapat terlihat lebih rapi dibandingkan blog yang tidak menggunakan HTML.
  • HTML berarti Hyper Text Markup Language
  • HTML bukan bahasa pemrograman, tetapi bahasa markup
  • Bahasa markup terdiri dari tag markup
  • HTML menggunakan tag markup untuk mendeskripsikan halaman web

Tag HTML
Tag markup HTML biasa dipanggil tag HTML
  • Tag HTML adalah kata kunci yang dikelilingi oleh tanda <>
  • Tag HTML biasanya berpasangan seperti dan (kita akan mempelajarinya nanti)
  • Tag pertama (yang ) adalah tag awal, tag kedua (yang ) adalah tag akhir
  • Tag awal dan akhir disebut juga dengan tag pembuka dan tag penutup 

Dokumen HTML = Halaman Web
  • Dokumen HTML mendeskripsikan halaman web
  • Dokumen HTML mengandung tag HTML dan teks biasa
  • Dokumen HTML disebut juga dengan halaman web
Maksud dari browser (seperti Opera dan Firefox) adalah untuk membaca dokumen HTML dan menampilkannya sebagai halaman web. Browsernya tidak menampilkan tag HTML, tetapi menggunakan tagnya untuk mengartikan isi dari halaman:

Heading pertamaku

Paragraf pertamaku

Penjelasan dari contoh di atas:
  • Teks diantara dan mendeskripsikan halaman web
  • Teks diantara dan adalah isi halaman yang akan ditampakkan
  • Teks diantara

    dan

    akan ditampilkan sebagai heading
  • Teks diantara dan
    akan ditampilkan sebagai paragraf
Sekian dulu untuk postingan kali ini. Tunggu lah postingan selanjutnya karena kita akan membahas tentang dasar HTML.
 

Populer