Scribd Logo
Unggah

Selamat datang di Scribd!

  • Materi Dasar Web & HTML

    Diunggah oleh

    Erna Yulianti
    11 tayangan4 halaman
    prognet

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    prognet

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    11 tayangan4 halaman

    Materi Dasar Web & HTML

    Diunggah oleh

    Erna Yulianti
    prognet

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 4

    Konsep Dasar Web

    World Wide Web (WWW) atau yang lebih umum disebut dengan Web adalah media penyajian
    informasi dalam bentuk dokumen yang mempunyai referensi dan Link disediakan melalui jalur
    internet sehingga bisa diakses di seluruh dunia selama terkoneksi dengan jaringan internet.
    Kumpulan dari halaman web yang saling berhubungan dengan hal-hal lainnya yang terkait,
    seperti dokumen dan gambar, yang disimpan dalam suatu server web disebut dengan website.
    Server web (Web server) adalah komputer yang melayani permintaan halaman-halaman Web dan
    mengirimkannya ke komputer client.
    Web diidentifikasi oleh pengenal global yang disebut Uniform Resource Identifier (URI).
    Uniform Resource Identifier (URI) adalah sebuah string karakter yang digunakan untuk
    mengidentifikasi nama atau sumber di Internet dengan menggunakan protokol tertentu. URI
    diakses dengan format skema://alamat.resource atau skema:alamat.resource. Misalnya, URI
    http://yahoo.com menunjukkan alamat resource yahoo.com yang dipanggil lewat skema HTTP.

    Penyajian informasi melalui web dapat dinikmati pemakai komputer melalui browser yang
    terhubung keinternet melalui HTTP.
    HTTP (HyperText Transfer Protokol) adalah sebuah protokol yang menjembatani antara
    client dan server. HTTP berkomunikasi melalui TCP/IP (protokol yang
    mengatur komunikasi data dalam proses tukar-menukar data dari satu komputer ke komputer lain di
    dalam jaringan internet yang akan memastikan pengiriman data sampai ke alamat yang dituju).
    Klien HTTP terhubung ke server HTTP menggunakan TCP. Setelah membuat sambungan,
    klien dapat mengirim pesan permintaan HTTP ke server. HTTP digunakan untuk
    mengirimkan permintaan dari klien web (browser) ke web server, dikembali kan ke konten
    web (halaman web) dari server ke klien.

    Secara Umum halaman web dibangun dengan sebuah bahasa pemrograman bernama HTML.
    Arsitektur Web
    URL (uniform Resources Locator) adalah sarana yang digunakan untuk menentukan lokasi
    informasi pada suatu webserver. Format umum suatu URL adalah: protokol
    transfer://nama_host/path/nama_file. Contoh: http//uin-alauddin.ac.id/kuliah/web.html
    DNS (Domain Name Server)
    DNS adalah format penamaan standar untuk mempermudah pengeloaan server komputer di
    internet.
    Top level domain
    Nama Domin Jenis Organisasi
    com
    edu
    gov
    int
    mil
    net
    org
    id
    Organisasi Komersil
    Lembaga pendidikan
    Lembaga pemerintah
    Organisasi international
    Organisasi Militer
    Provider Internet
    Organisasi umum
    Domain untuk negara Indonesia

    Konsep HTML
    HTML (HyperText Markup Language) adalah bahasa yang digunakan untuk membuat sebuah
    halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet.

    Struktur Dokumen HTML
    Secara sederhana HTML terdiri dari dua bagian yaitu Header dan Body.
    Struktur HTML diapit oleh tag awal <HTML> dan tag Akhir </HTML>
    Memiliki tag pembuka dan tag penutup
    Contoh : <head>harus di tutup</head>
    Penulisan atribut harus menggunakan quote ()
    Contoh : <img src=image1.jpg width=10 height=15 alt=image />
    Standar Penulisannya adalah :
    <HTML>
    <HEAD>
    Deskripsi dokumen
    </HEAD>
    <BODY>
    Isi Dokumen
    </BODY>
    </HTML>

    Contoh:
    <HTML>
    <HEAD>
    <TITLE>Selamat Datang Di Homepage Saya</TITLE>
    </HEAD>
    <BODY>
    Halo, Apa kabar? Homepage ini merupakan karya saya yang pertama.
    </BODY>
    </HTML>
    Keterangan :
    - Penulisan tag diantara<head> dan </head>, tidak akan ditampilkan di layar, fungsi tag
    <head> ini hanya menjelaskan kepada browser tentang isi dokumen html serta
    menghubungkan dengan link/style eksternal.
    - Tag <TITLE> digunakan untuk memberi judul HTML yang dapat dilihat pada pojok kiri atas
    (title bar) browser.
    - Penulisan tag diantara<body> dan </body>, seluruhnya akan di tampilkan di layar (browser)
    Untuk melihat hasilnya, silahkan jalankan browser.
    Markup/Tanda
    Secara garis besar, terdapat 4 jenis elemen dari HTML:
    1. structural. Tanda yang menentukan level atau tingkatan dari sebuah teks (contoh,
    <h1>Golf</h1> akan memerintahkan browser untuk menampilkan "Golf" sebagai teks tebal
    besar yang menunjukkan sebagai Heading 1,
    2. presentational. Tanda yang menentukan tampilan dari sebuah teks tidak peduli dengan level
    dari teks tersebut (contoh, <b>boldface</b> akan menampilkan bold. Tanda presentational
    saat ini sudah mulai digantikan oleh CSS dan tidak direkomendasikan untuk mengatur
    tampilan teks,
    3. hypertext. Tanda yang menunjukkan pranala kebagian dari dokumen tersebut atau pranala ke
    dokumen lain (contoh, <a href="http://www.wikipedia.org/">Wikipedia</a> akan
    menampilkan Wikipedia sebagai sebuah hyperlink ke URL tertentu),
    4. Elemenwidget. Membuat objek-objek lain seperti tombol (<button>), list (<li>), dan garis
    horizontal (<hr>).

    Anda mungkin juga menyukai