Scribd Logo
Upload

Welcome to Scribd!

  • HTML Tutorial

    Uploaded by

    manhalfgod
    562 views13 pages
    Sebuah tutorial / panduan mengenai dasar-dasar dan pengenalan HTML. Di sini Anda dapat menemukan definisi HTML, struktur dasar HTML, elemen-elemen, tag-tag dasar, dan dilengkapi dengan contoh yang mudah diaplikasikan. Lengkap dengan tag-tag seperti font, hr, br, dan marquee - beserta masing-masing properti dan value-nya. Silakan download selengkapnya di: http://www.ziddu.com/download/5196679/HTML_Tutorial.pdf.html

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    PDF or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    Sebuah tutorial / panduan mengenai dasar-dasar dan pengenalan HTML. Di sini Anda dapat menemukan definisi HTML, struktur dasar HTML, elemen-elemen, tag-tag dasar, dan dilengkapi dengan contoh yang mudah diaplikasikan. Lengkap dengan tag-tag seperti font, hr, br, dan marquee - beserta masing-masing properti dan value-nya. Silakan download selengkapnya di: http://www.ziddu.com/download/5196679/HTML_Tutorial.pdf.html

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF or read online from Scribd
    Flag for inappropriate content
    562 views13 pages

    HTML Tutorial

    Uploaded by

    manhalfgod
    Sebuah tutorial / panduan mengenai dasar-dasar dan pengenalan HTML. Di sini Anda dapat menemukan definisi HTML, struktur dasar HTML, elemen-elemen, tag-tag dasar, dan dilengkapi dengan contoh yang mudah diaplikasikan. Lengkap dengan tag-tag seperti font, hr, br, dan marquee - beserta masing-masing properti dan value-nya. Silakan download selengkapnya di: http://www.ziddu.com/download/5196679/HTML_Tutorial.pdf.html

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF or read online from Scribd
    Flag for inappropriate content
    of 13

    Pengenalan

    HTML
    • HTML adalah kependekan dari Hyper Text
    Markup Language.
    • Yang artinya Bahasa atau tata cara penulisan
    yang digunakan dalam membuat dokumen
    web.
    • HTML secara formal diumumkan tahun 1866
    sebagai RFC(Request For Comment) dokumen
    yang dikirim oleh lembaga internet yang berisi
    informasi atau usulan yang berhubungan
    dengan standar internet.
    Dokumen HTML adalah sebuah
    dokumen teks murni yang dapat
    dibuat dengan text editor web
    seperti :
    • Frontpage, • Wordpad,
    • Dreamweaver, • Kwrite,
    • Notepad, • Microsoft Word
    Browser Web adalah program yang
    digunakan untuk menampilkan
    informasi dari suatu halaman web
    yang tersimpan dalam komputer,
    seperti :
    • Internet Explorer • Netscape
    • Mozilla Navigator
    • Opera • dll…..
    Penamaan dokumen html
    • File disimpan secara default atau
    secara otomatis akan diberikan
    sebuah extention atau akhiran
    • Untuk dokumen html disimpan
    dengan menggunakan extention :
    .html atau .htm
    Struktur Dasar Dokumen HTML
    <html>
    <head>
    <title>… teks ... Section Head
    </title>
    </head>
    <body>
    … teks … Section Body
    </body>
    </html>
    Pengertian--Pengertian:
    Pengertian
    • Elemen yang telah diapit oleh tanda < > disebut
    tag.
    • Tag dasar :<html><head><title>dan <body>
    • Simbol batasan awal dan akhir atau tanda < >
    disebut delimiter.
    • Section Head berfungsi untuk menampilkan
    informasi judul pada jendela browser atau
    halaman web.
    • Section Body berfungsi untuk menampilkan
    isi/informasi pada halaman web.
    • Properti adalah perintah tambahan yang dimiliki
    oleh tag
    Tag atau elemen terdiri dari dua
    macam yaitu :
    • Container Tag menandai suatu bagian dari
    dokumen diawal dan diakhir.
    diakhir.
    Contohnya:
    <body>…</body>
    <p>…</p>

    • Stand Alone Tag tidak memerlukan tanda


    awal dan akhir.
    akhir.
    Contohnya:
    <hr>
    <img src>
    Properti-Properti Tag Dasar
    Properti-
    <body>:
    • Alink=“
    Alink=“warna” à warna link(aktif)
    • background=
    background=“ “nama_file/url” à
    berupa image
    • bgcolor=
    bgcolor=““warna” àberupa warna
    • link=
    link=““warna” à warna link(umum)
    • text=
    text=““nama warna” àwarna text
    • vlink=
    vlink=““nama warna” à warna
    link(sudah dikunjungi)
    Tag utama html adalah tag yang digunakan
    untuk memanipulasi dokumen html, yaitu:
    1.Heading
    Tag heading adalah tag yang digunakan untuk membuat
    judul dari isi sebuah dokumen html. Tag heading memiliki
    6 buah bilangan terdiri dari 1, 2, 3, 4, 5, dan 6.
    Masing2 bilangan berfungsi untuk mewakili ukuran
    terbesar(H1) dan terkecil(h6).
    Sintaksnya:
    <hn[properti]>……………..</Hn>
    ket:
    n adalah bilangan yang terdiri dari 1 sampai dengan 6.
    properti adalah kemampuan tambahan yang dimiliki tag
    heading.
    Properti à align adalah pengaturan letak heading
    2. Paragraf
    Sintaks:
    <p[properti]>…………….</p>
    ket:
    propertià align adalah pengaturan letak
    paragraf(center, left, right, dan justify).
    3. Font
    Tag yang digunakan untuk mengatur bentuk dan
    tampilan suatu huruf dalam dokumen.Sintaksnya:
    <font[properti]>…………….</font>
    properti à face adalah bentuk tulisan dan nama
    huruf
    size adalah ukuran huruf
    color adalah warna huruf
    4. Break line
    Tag yang digunakan untuk memotong kalimat didalam
    dokumen html.
    Sintaksnya:
    ……kalimat……<br>……….kalimat………….<br>
    5. Horizontal line
    Tag yang digunakan untuk pemisah/garis antar paragraf
    dalam dokumen html.
    Sintaksnya:
    <hr[properti]>
    ket:
    properti à align adalah letak garis(center, left, right dan
    justify)
    size adalah ukuran ketebalan, defaultnya 2.
    width adalah lebar garis, satuanya dalam pixels atau persen
    color adalah warna garis
    noshade adalah efek bayangan (shading)
    6. Marquee

    Adalah sebuah text berjalan pada dokumen html.


    Sintaksnya:
    <marquee[properti]>………isi/text marquee….</marquee>
    ket:
    properti à behavior adalah cara atau teknik dari marquee
    untuk berjalan(scroll, slide, dan alternate.
    Direction adalah arah teks berjalan(left, right)
    Height adalah tinggi marquee nilainya dlm presentase/pixels
    Width adalah lebar marquee nilainya dlm persetase/pixels
    Continously adalah pengulang teks secara terus menerus,
    nilainya adalah loop sebanyak n kali.
    Bgcolor adalah warna background marquee.
    Style adalah untuk memformat font, paragraf, border,
    numbering dan position.
    Contoh –Contoh Halaman Web:
    Buatlah contoh-
    contoh-contoh di bawah ini :
    • coba1.html coba1.html

    • coba2.html coba2.html

    • latihan1.htm latihan1.htm

    • latihan2.html lampu.htm

    • piramida.html piramida.html

    You might also like