Scribd Logo
Unggah

Selamat datang di Scribd!

  • Bahasa Pemrograman Part 1

    Diunggah oleh

    binamarga madiun
    5 tayangan10 halaman
    materi bahasa pemrograman

    Judul Asli

    Bahasa Pemrograman Part 1(1)

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    PPT, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    materi bahasa pemrograman

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PPT, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    5 tayangan10 halaman

    Bahasa Pemrograman Part 1

    Diunggah oleh

    binamarga madiun
    materi bahasa pemrograman

    Hak Cipta:

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

    1

    Pemrogaman WEB
    Candra Budi Susila, S.Kom., M.Kom.

    Pemrogra
    man Web 1
    2 Pengenalan HTML

    HTML
    • Hypertext Markup Language merupakan standard bahasa yang digunakan
    untuk menampilkan dokumen web
    • Untuk membuat dokumen web yang bisa ditampilkan di browser, perlu
    menuliskan kode HTML baik secara langsung misal pada editor Notepad,
    maupun secara tidak langsung misal melalui software Frontpage

    Pemrogra
    man Web 1
    3 Pengenalan HTML

    TAG

    • Kode khusus yang merupakan komponen


    fundamental pada dokumen web dan akan dikenali
    oleh browser
    • Nama tag ditulis di dalam tanda < > dan untuk tag
    penutup tambahkan tanda </ >
    • Boleh ditulis dengan huruf besar maupun kecil
    • Digunakan sepasang, contoh : <H1> dan </H1>

    Pemrogra
    man Web 1
    4 Pengenalan HTML

    ATRIBUT dan VALUE


    • Beberapa tag mengandung atribut di dalamnya, contoh : <p
    align=“center”>
    • Pada contoh di atas, p adalah nama tag, sedangkan align adalah
    nama atribut
    • Atribut pada umumnya melibatkan value, seperti pada contoh,
    “center” adalah value untuk atribut align

    Pemrogra
    man Web 1
    5 Pengenalan HTML

    STRUKTUR DASAR DOKUMEN HTML


    • Tag utama adalah <HTML>, <HEAD>, <BODY>
    • Tag HTML berfungsi untuk menyatakan bahwa dokumen
    tersebut adalah dokumen HTML
    • Tag HEAD berfungsi untuk memberikan informasi
    tentang dokumen HTML tersebut
    • Tag BODY berfungsi untuk menyimpan informasi atau
    data yang akan ditampilkan dalam dokumen HTML

    Pemrogra
    man Web 1
    6 Pengenalan HTML

    STRUKTUR DASAR DOKUMEN HTML


    • Struktur Dokumen akan terlihat :
    <html>
    <head>
    bagian head
    </head>
    <body>
    bagian body
    </body>
    </html>

    Pemrogra
    man Web 1
    7 Pengenalan HTML

    TITLE
    • Untuk membuat judul pada suatu dokumen web,
    digunakan tag <title>..</title>
    • TITLE bukanlah bagian dari teks dokumen dan
    hanya berada pada bagian HEAD
    • TITLE biasanya ditampilkan oleh browser pada title
    bar dari jendela browser dan biasanya berfungsi
    sebagai label dari jendela browser tersebut

    Pemrogra
    man Web 1
    8 Pengenalan HTML

    HEADING
    • HTML menyediakan 6 buah tag yang digunakan
    untuk mengatur ukuran teks yang dijadikan sebagai
    judul dalam badan dokumen
    • Tag-tag judul ini berupa :
    <h1> ... </h1> sampai dengan <h6> ... </h6>
    • Dapat ditambahkan atribut misal align dengan value
    : left, right, justify

    Pemrogra
    man Web 1
    9 Pengenalan HTML

    PARAGRAF, LINE BREAK dan KOMENTAR


    • Tag <p> digunakan untuk membuat paragraf, dan
    dapat ditambahkan atribut misal align
    Contoh :
    <p align=“center”> ...isi paragraf... </p>
    • Untuk membuat baris baru atau berpindah baris
    digunakan tag <br>
    • Untuk memberikan komentar yang nantinya akan
    diabaikan oleh browser, digunakan tanda <!– dan
    diakhiri dengan -->

    Pemrogra
    man Web 1
    10 Pengenalan HTML

    GARIS HORISONTAL
    • Untuk membuat garis horisontal pada dokumen
    web digunakan tag <hr>
    • Atribut pada tag <hr>
    size : Menentukan ketebalan garis
    width : Menentukan lebar garis
    align : Menetukan peletakan teks dalam baris
    noshade : Mengatur agar garis tidak disertai bayangan

    Pemrogra
    man Web 1

    Anda mungkin juga menyukai