Scribd Logo
Unggah

Selamat datang di Scribd!

  • Pif447.03 - Dasar HTML

    Diunggah oleh

    Ridwan Syariffuddin
    9 tayangan14 halaman

    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

    Hak Cipta:

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

    Pif447.03 - Dasar HTML

    Diunggah oleh

    Ridwan Syariffuddin

    Hak Cipta:

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

    Dasar HTML

    M Jauharul Fuady
    HTML

    HTML merupakan bahasa yang digunakan untuk


    menampilkan halaman di web.
     HTML singkatan dari Hyper Text Markup Language
     HTML merupakan bahasa markup
     Bahasa markup (Indonesia: markah) adalah bahasa
    yang mengombinasikan teks dan informasi tambahan
    mengenai teks tersebut. Markah dikenal juga dengan
    istilah tags.
     Dokumen HTML berisi tag HTML dan teks
     Dokumen HTML disebut juga web pages
    HTML Tags

    HTML markup tags biasa disebut juga dengan HTML tags


     HTML tags merupakan keywords (tag names)
    dikelilingi kurung seperti <html>
     HTML tags biasanya berupa pasangan seperti
    <b> and </b>
     Tag pertama dalam pasangan disebut juga
    dengan start tag, tag kedua disebut end tag
     Tag akhir ditulis seperti tag awal, dengan tambahan
    garis miring sebelum nama tag
     Tag awal dan akhir disebut juga tag pembuka dan
    tag penutup
    HTML Elements
    <tagname>content</tagname>

     HTML Elements merupakan segala sesuatu yang


    terdapat diantara tag pembuka hingga tag penutup,
    termasuk juga tag-nya.
     Contoh
    <p>Paragraf pembuka</p>
     Tag pembuka : <p>
     Content : Paragraf pembuka
     Tag penutup : </p>

     Pengingat: Jangan lupakan tag penutup!


    HTML Elements

     Sebagian besar HTML Element dapat berisi HTML


    Element lain (nested element)
    <body>
    <p>Paragraf pembuka</p>
    </body>

     Beberapa HTML Element berdiri sendiri (tidak


    mempunyai pasangan), disebut juga sebagai empty
    element.
    <br>
    <hr>
    <img>
    HTML Attribute

     Setiap HTML Element dapat memiliki attribut


     Attribut digunakan sebagai informasi tambahan
    mengenai HTML Element
     Attribut selalu didefinisikan di tag pembuka
     Attribut dituliskan dalam pasangan nama dan nilai
    nama="nilai"
     Satu HTML Element mungkin memiliki lebih dari satu
    attribut
    <img src="logo.jpg" width="104" height="142">
    Web Browser

     Tujuan penggunaan web browser (seperti Chrome,


    Firefox, Safari, Opera, Internet Explorer) adalah
    membaca dokumen HTML dan menampilkannya
    dalam bentuk halaman web.
     Browser ini tidak menampilkan lagi tag-tag HTML yang
    ada pada dokumen tersebut, tetapi
    menginterpretasikan isi dokumen berdasarkan tag-tag
    yang digunakan pada dokumen.
    <!DOCTYPE>

     Deklarasi <!DOCTYPE> memudahkan browser untuk


    menampilkan suatu halaman web dengan benar.
     Terdapat banyak tipe dokumen yang beredar di
    internet, dan suatu browser akan menampilkan 100%
    benar suatu halaman web jika tipe HTML dan versi
    yang digunakan telah diketahui.
     HTML 5 <!DOCTYPE html>

     HTML 4.01 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML


    4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

     xHTML 1.0 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML


    1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-
    transitional.dtd">
    Struktur Dokumen HTML

     Visualisasi isi dokumen HTML yang sebenarnya


    Dokumen HTML

     Setiap dokumen HTML harus diawali dengan tag


    <html> dan diakhiri dengan komplemennya, yakni
    tag </html> tag. Dokumen HTML juga
    menyertakan tiga pasang tag.
     Tag <head> dan </head>: digunakan untuk
    menyatakan informasi mengenai dokumen HTML.
     Tag <title> dan </title>: digunakan untuk
    menambahkan title di title bar browser.
     Tag <body> dan </body>: digunakan untuk melingkupi
    semua teks yang terdapat di halaman HTML
    Heading dan Paragraf

     Heading sudah terdefinisi dari <h1> hingga <h6>

    <h1>Heading Satu</h1>
    <h3>Heading Tiga</h3>
    <h6>Heading Enam</h6>

     Paragraf didefinisikan menggunakan tag <p>


    <p>Paragraf pertama pada halaman ini.</p>
     Untuk mengganti baris penulisan, menggunakan tag
    <br>
    Link dan Gambar

     Link atau tautan ke suatu url didefinisikan dengan


    <a> dan menambahkan atribut href yang mengacu
    ke alamat yang dituju

    <a href="http://www.google.com">Google</a>

     Gambar didefinisikan dengan tag <img> dan


    menambahkan atribut src yang mengacu ke lokasi
    file dari gambar yang akan ditampilkan
    <img src="images/logo.png">
    Text Formatting

     <b> : mencetak tebal


     <i> : mencetak miring
     <small> : teks dicetak kecil
     <strong> : teks penting
     <em> : penekanan terhadap teks
     <sub> : teks subscript
     <sup> : teks superscript
     <code> : teks source code
    Latihan

     Buat satu halaman web yang berisi minimal tiga


    paragraf dengan memanfaatkan minimal 4 macam
    text formatting.
     Topik: Deskripsi Diri.

    Anda mungkin juga menyukai