Scribd Logo
Unggah

Selamat datang di Scribd!

  • Anatomi Dokumen WEB 1

    Diunggah oleh

    Akun Gamee
    8 tayangan14 halaman

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    PPTX, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PPTX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    8 tayangan14 halaman

    Anatomi Dokumen WEB 1

    Diunggah oleh

    Akun Gamee

    Hak Cipta:

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

    Anatomi Dokumen

    WEB
    SM K 3 PE R G U R UA N C IK INI
    Anatomi Dokumen WEB
    • HTTP (Hypertext transfer protocol) merupakan protokol yang
    digunakan untuk mentransfer data antara web server ke web
    browser. Protocol ini mentransfer dokumen-dokumen web yang
    ditulis atau berformat HTML (Hypertext Markup Language).
    • Setiap halaman web memiliki alamat unik, disebut URL atau Uniform
    Resouce Locator yang mengidentifikasi dokumen web server berada.
    • Suatu situs dapat memiliki satu atau beberapa halaman.
    Dokumen HTML 5
    • <! DOCTYPE HTML>
    • <html> <html>
    • <head> <body>
    • <title>Tes HTML5</title> Selamat belajar HTML 5
    • </head>
    • <body>
    • Selamat belajar HTML5
    • </body>
    • </html>

    </body>
    </html>
    Struktur dasar penulisan dokumen HTML
    • Tag HTML biasanya berupa tag-tag yang berpasangan dan ditandai
    dengan symbol lebih besar (<) dan (>). Pasangan dari sebuah tag
    ditandai dengan symbol garis miring (/). Misalnya pasangan dari tag
    <contoh > adalah</contoh>.
    • Dalam penulisan tag HTML tidaklah case sensitive artinya pengguna
    huruf kecil ataupun capital tidaklah menjadi masalah
    Struktur dasar dokumen HTML
    Struktur dasar dokumen HTML
    • Bagian yang diapit oleh tag HEAD merupakan header dari halaman
    HTML dan tidak ditampilkan pada browser. Bagian ini berisi tag-tag
    header seperti <title>… </title> yang berfungsi untuk mengeluarkan
    judul pada tittle bar window web browser.
    • Bagian kedua, yang diapit oleh tag BODY merupakan bagian yang
    akan ditampilkan pada halaman web browser nantinya. Pada bagian
    ini akan menuliskan semua jenis informasi berupa teks dengan
    bermacam format maupun gambar yang ingin sampaikan pada
    pengguna nantinya.
    • Markup HTML biasanya disebut tag HTML.
    A. Tag HTML adalah kata kunci dikelilingi oleh kurung sudut seperti
    <html>
    B. Tag HTML umumnya berpasangan
    C. Tag pertama adalah tag awal, kedua adalah tag akhir
    D. Tag akhir ditulis dengan garis miring
    • Sebuah dokumen HTML5 diawali dengan <!DOCTYPE HTML>.
    • Tanda seperti <html> disebut tag. Sebuah tag seperti itu menyatakan sebuah elemen
    dalam dokumen html.
    • Beberapa tag berpasangan. Sebagai contoh, <head> berpasangan dengan </head>.
    • Namun, tidak semua tag berpasangan. Sebagai contoh, <br> tidak punya pasangan.
    Khusus untuk tag seperti ini, tidak ada keharusan untuk menyertakan tanda / sebelum
    >. Pada XHTML, tanda seperti / memang diharuskan untuk ditulis.
    • Pasangan <html>..</html> menyatakan awal dokumen HTML.
    • Di dalam <html>..</html> terdapat pasangan <head>..</head> dan <body>..</body>.
    • Pasangan <head>..</head> menyatakan bagian judul dokumen HTML. Isinya paling
    tidak berupa pasangan <title>..</title>.
    • Pasangan <body>..</body> menyatakan bagian tubuh dokumen
    Pemformatan teks HTML
    • Cara menuliskan tag
    nama tag ditulis di dalam tanda < dan >. Antara nama tag dan tanda <
    ditulis tanpa spasi. Nama tag boleh kombinasi antara huruf besar dan
    kecil. Contoh : <HTML>, <Html>, <html>.
    • Ada juga beberapa tag yang mengandung atribut didalamnya.
    • Tag judul
    HTML menyediakan 6 buah tak yang digunakan untuk mengatur
    ukuran teks yang dijadikan judul dalam badan dokumen.
    Elemen Heading <h1>… <h6>
    • Tag heading berfungsi untuk memformat heading (judul dan sub-
    judul) dari suatu halam web. Heading ini akan memperbesar ukuran
    huruf untuk setiap jenis heading. Ada 6 buah heading yang dikenal di
    HTML, yaitu dari <h1> sampai <h6>.
    Pemformatan teks HTML
    • Tag <P ALIGN = “CENTER”>
    P adalah nama tag, ALIGN adalah nama atribut. “Center” adalah nilai
    untuk atribut ALIGN. Atribut ini berguna untuk mengatur peletakan teks di
    dalam masih masih baris.
    • Tag <HR>
    Untuk mempercantik halaman, tag HR berfungsi menambah garis
    horizontal
    • Tag <P>
    membuat paragraf
    • Tag <BR>
    untuk membuat baris baru atau berpindah baris
    TERIMAKASIH

    Anda mungkin juga menyukai