Wednesday, October 3, 2018

Pengantar HTML

World Wide Web (WWW)

  • Internet merupakan jaringan global yang menghubungkan suatu network dengan network lainnya di seluruh dunia.
  • TCP/IP menjadi protokol penghubung antara jaringan-jaringan yang beragam di seluruh dunia untuk dapat berkomunikasi.
  • World Wide Web (WWW) merupakan bagian dari internet yang paling cepat berkembang dan paling populer.
  • WWW bekerja berdasarkan pada tiga mekanisme berikut :
    • Protokol, standard aturan yang digunakan untuk berkomunikasi pada computer networking, Hypertext Transfer Protocol (HTTP) adalah protokol untuk WWW.
    • Address, WWW memiliki aturan penamaan alamat web yaitu: URL (Uniform Resource Locator) yang digunakan sebagai standard alamat internet.
    • HTML, digunakan untuk membuat dokument yang bisa di akses melalui web.
    • Contoh : http://www.detik.com/index.html

HyperText Markup Language (HTML)
  • HTML => Standard bahasa yang digunakan untuk menampilkan dokumen web.
    • mengontrol tampilan dari web page dan kontennya.
    • mempublikasi dokumen secara online sehingga bisa di akses.
    • membuat online form yang bisa digunakan untuk menangani pendaftaran, transaksi secara online.
    • Menambah objek-objek seperti image, audio, video dan juga java applet dalam dokument HTML.

Browser dan Editor
  • Browser : Browser merupakan software yang di install di mesan client yang berfungsi untuk menterjemahkan tag-tag HTML menjadi halaman web. Browser yang sering digunakan biasanya Internet Explorer, Netscape Navigator, Opera, Mozilla dan masih banyak yang lainnya.
  • Editor : Program yang digunakan untuk membuat dokument HTML, ada banyak HTML editor yang bisa anda gunakan diantaranya :
    • Notepad, Microsoft FrontPage, Macromedia Dreamweaver, dan lain-lain.

Tag-tag HTML
  • Kalau pada bahasa pemograman kita mengenal code, maka pada HTML kita mengenal yang namanya Tag.
  • Contoh tag html adalah <html>, <head>, <title>, <body>, dan lain-lain.
  • Tag html tidak bersifat case sensitive, maksudnya <body> sama dengan <BODY>
  • Bentuk umum penulisan tag html adalah : <ELEMENT ATTRIBUTE = VALUE>, dimana :
    • Element - nama tag
    • Attribute - atribut dari tag
    • Value - nilai dari atribut
    • Contoh : <Body Bgcolor = "cyan">

Struktur dokumen HTML
  • Dokumen HTML bisa dibagi menjadi tiga bagian utama: html, head, dan body.
<html>
     <head>

     </head>

     <body>

     </body>
</html>

Maksud Tag diatas :
  • Setiap dokument HTML harus di awali dan ditutup dengan tag HTML = <html> ........... </html>
  • Tag <html> memberi tahu browser bahwa yang didalam kedua tag tersebut adalah dokumen HTML.
  • Bagian header dari dokumen HTML di apit oleh tag <head></head>.
  • Dialam bagian ini biasanya dimuat tag <title> yang menampilkan judul dari halaman web.
    • Contoh : 
                     <head>
                     <title> Welcome to Ensiklopedia Kecil </title>
                     </head>
  • Tag <body> digunakan untuk menampilkan text, image link, dan semua yang akan ditampilkan pada web page.
    • Contoh :

                     <html>
                     <head>
                     <title> Welcome to Ensiklopedia Kecil </title>
                     </head>
                     <body bgcolor = "cyan">
                     <p> Ini hasil HTML pertama kalian, Congratulation </p>
                     </body>
                     </html>

Sumber : Dosen STMIK Dharmapala Riau