Sejarah Web Browser. Web Browser pertama menggunakan perintah teks biasa dan hanya bisa menampilkan dokumen teks.

Ukuran: px

Mulai penontonan dengan halaman:

Download "Sejarah Web Browser. Web Browser pertama menggunakan perintah teks biasa dan hanya bisa menampilkan dokumen teks."

Siska Atmadja
6 tahun lalu
Tontonan:

1 Sejarah Web Browser Web Browser pertama menggunakan perintah teks biasa dan hanya bisa menampilkan dokumen teks. Pada tahun 1993, Marc Andreessen, seorang mahasiswa Universitas Illinois, menciptakan web browser berbasis grafik yang diberi nama Mosaic. Mosaic mampu menampilkan dokumen grafis dan menggunakan user interface (tampilan) grafis. Penggunaan interface grafis ini mempermudah penggunaan web browser dan penampilan file HTML menjadi lebih baik, yang pada akhirnya memberikan kontribusi untuk semakin cepatnya perkembangan Internet. Selanjutnya Marc Andreessen menjadi salah satu pendiri Netscape, perusahaan pembuat web browser Netscape Navigator. Beberapa web browser lain diantaranya : Internet Explorer, Mozilla Firefox, Opera & Safari

2 Fasilitas Utama Web Browser Di setiap browser terdapat dua fasilitas utama yang membantu kita saat menjelajah www, yaitu: 1. History List adalah daftar halaman yang telah dikunjungi atau ditampilkan selama suatu web browser itu aktif. History List ini akan dibersihkan kembali bila kita keluar dari program web browser. Pemanfaatan History List ini dengan tombol atau perintah Back dan Forward. 2. Bookmark List berisi judul suatu halaman web dan URL halaman tersebut. Tidak seperti History List, yang hanya digunakan session yang sama saat web browser aktif, History List disimpan di komputer kita dan dapat digunakan di lain waktu, sehingga sering disebut hotlists atau fav

3 Sejarah HTML HTML dibuat oleh Tim Berners-Lee ketika masih bekerja untuk CERN dan dipopulerkan pertama kali oleh browser Mosaic. 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 HTML 4.0 diterbitkan tanggal 18 Desember 1997 HTML 4.01 dikeluarkan secara resmi oleh W3C pada tanggal 24 April 1998.

4 Persyaratan HTML HTML hanya bisa dijalankan menggunakan editor dan browser. Contoh: Editor - Notepad - Dreamwaver - Amaya - Notepad ++ Browser - Mozilla -Chrome - Opera -dll Penamaan file HTML harus diikuti ekstensi html ataupun htm. Contoh : namafile.html atau namafile.htm

5 Tag Dasar HTML Saat web browser menampilkan sebuah halaman web, web browser membaca halaman web tersebut dari sebuah file teks dan kemudian mencari kode-kode special (dalam hal ini adalah tag HTML) yang ditandai dengan karakter "<" dan ">". Tag HTML pada umumnya dibuat berpasangan, ada tag pembuka dan ada tag penutup. Format umum tag HTML adalah <nama_tag> Teks yang akan ditampilkan </nama_tag>

6 Struktur Penulisan dasar HTML Dokumen HTML terbagi dalam dua bagian besar yaitu bagian head dan bagian body. Bagian head berfungsi untuk memberikan informasi-informasi penting tentang dokumen HTML tersebut dan informasi tersebut tidak ditampilkan di layar monitor. Sementara itu, bagian body adalah berisi semua instruksi untuk mengatur seluruh tampilan halaman web di web browser dan informasi lain yang tidak termasuk dalam bagian head.

7 <html> <head> Contoh sederhana penulisan HTML <title>halaman sederhana...</title>  </head> <body>  <h3> Halaman web sederhana... </h3> </body> </html>

8 Tag Head Tag yang penulisannya berada dibagian Head yaitu: - Tag Title Tag Title berfungsi untuk mendefinisikan Judul Halaman Website Contoh Penulisan: <title>judul Halaman</title> - Tag Link Tag Link berfungsi untuk menunjukkan relasi antar dokumen - Tag Meta Tag Meta berfungsi untuk mendefinisikan informasi di luar html

9 Tag META Tag Meta Auhtor Tag ini berfungsi untuk menjelaskan perancang halaman web. Contoh : <meta name="author" content="nama perancang "> Tag Meta Description Tag meta ini berfungsi saat kita menggunakan search engine yang akan mengindex website secara otomatis. Program di search engine ini akan mencari deskripsi di website kita dan akan mencarinya di tag meta ini. Contoh : <meta name="description" content="deskripsi website "> Tag Meta Keyword Tag ini berfungsi untuk search engine yang bertipe auto robot yang secara otomatis akan mencari kata-kata di tag ini dan meletakkan di database mereka. Bila seseorang mencari dengan kata-kata yang terdapat dalam tag meta ini maka website kita akan termasuk dalam salah satu hasil pencarian. Contoh : <meta name="keywords" content="personal">

10 Contoh penggunaan Tag Meta <html> <head> <title>halaman Tag</title> <meta name="author" content="nama Perancang"> <meta name="description" content="deskripsi Website"> <meta name="keywords" content="personal"> </head> <body> contoh Meta Tags </body> </html>

Tag Heading Tag Heading digunakan untuk mengatur ukuran header dalam sebuah teks/halaman Heading didefinisikan dengan <h1> hingga <h6> <h1> mendefinisikan heading terbesar dan <h6> mendefinisikan

11 Tag Heading Tag Heading digunakan untuk mengatur ukuran header dalam sebuah teks/halaman Heading didefinisikan dengan <h1> hingga <h6> <h1> mendefinisikan heading terbesar dan <h6> mendefinisikan heading terkecil. Contoh : <html> <body> <h1>this is heading 1</h1> <h2>this is heading 2</h2> <h3>this is heading 3</h3> <h4>this is heading 4</h4> <h5>this is heading 5</h5> <h6>this is heading 6</h6> </body> </html>

12 Tag Comments Tag Comments digunakan untuk memberikan komentar dalam sebuah halaman web. Komentar dapat disisipkan dalam kode HTML untuk membuat lebih mudah dibaca dan dipahami. Baris komentar tidak akan ditampilkan dalam Web Browser. Penulisan Komentar adalah :  Contoh : <html> <body>  <h1>this is heading 1</h1> <h2>this is heading 2</h2> <h3>this is heading 3</h3> <h4>this is heading 4</h4> <h5>this is heading 5</h5> <h6>this is heading 6</h6> </body> </html>

13 Format Dokumen HTML Beberapa tag yang sering digunakan untuk melakukan format pada dokumen HTML diantaranya: Tag <p> = Memulai Paragraf Baru Tag <br /> = Membuat Baris Baru Tag <hn> = Mengatur ukuran teks untuk dijadikan header Tag <hr /> = Membuat garis horizontal Tag <pre> = Membuat tampilan browser sama dengan tampilan di editor. Tag <center> = Posisi tulisan ke tengah.

14 Format Teks HTML Beberapa tag yang sering digunakan untuk melakukan format pada teks dalam halaman HTML diantaranya: Tag <strong> = Menunjukkan teks cetak tebal Tag <samp> = Menunjukkan sample teks Tag <marquee>= Text Berjalan Tag <blink> = Text Berkedip Tag <b> = Memberi efek cetak tebal pada teks Tag <u> = Memberi garis bawah pada teks Tag <i> = Membuat teks dicetak miring Tag <strike> = Menampilkan garis di tengah huruf Tag <big> = Menampilkan huruf lebih besar Tag <small> = Menampilkan huruf lebih kecil Tag <q> = Quote text Tag <blockquote> = quote text ke tengah Tag <font> = Mengatur jenis, ukuran, dan tipe text

dokumen-dokumen yang mirip

PENGANTAR INTERNET & DESAIN WEB

Program Studi Manajemen Informatika Fakultas Bisnis Dan Teknologi Informasi Universitas Teknologi Yogyakarta PENGANTAR INTERNET & DESAIN WEB Ganjil 2012-2013, S.Kom HTML Dasar Definisi HTML Kemampuan HTML