Scribd Logo
Unggah

Selamat datang di Scribd!

  • 1 - Struktur Dasar HTML

    Diunggah oleh

    AnggiPratamaNugraha
    24 tayangan3 halaman

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    DOC, 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 DOC, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    24 tayangan3 halaman

    1 - Struktur Dasar HTML

    Diunggah oleh

    AnggiPratamaNugraha

    Hak Cipta:

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

    1.

    STRUKTUR DASAR DOKUMEN HTML


    HTML merupakan singkatan dari Hyper Text Markup Language. Script HTML berupa teks yang
    menggandung tag-tag yang berisi perintah spesifik untuk dieksekusi web browser.

    Script
    <html> <!-- Ini Komentar, tidak akan diproses -->
    <head>
    <title>Ini Judul Halaman</title>
    </head>
    <body>
    Ini Teks Halaman
    </body>
    </html>
    Tampilan

    Contoh 1 - Penulisan dasar script HTML

    Dari struktur dasar HTML di atas dapat dijelaskan sebagai berikut:


    A. Tag
    Adalah teks khusus (markup) berupa dua karakter "<" dan ">", sebagai contoh <body>adalah tag
    dengan nama head. Tag ditulis secara berpasangan, yang terdiri atas tag pembuka dan tag
    penutup(ditambahkan karakter "/" setelah karakter "<"), sebagai contoh
    <body> <!-- ini tag pembuka -->

    </body> <!-- ini tag pembuka, disetiap tag harus ada tag penutup -->

    B. Element
    Element terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup. Tag-tag yang ditulis secara
    berpasangan pada suatu element HTML, tidak boleh saling tumpang tindih dengan pasangan tag-tag
    lainnya. Contoh penulisan tag-tag yang benar
    <ol>
    <li>
    ...
    </li>
    </ol>

    C. Element HTML
    Menyatakan pada browser bahwa dokumen Web yang digunakan adalah HTML.
    <html> <!-- tag identifikasi kode html -->
    ...
    </html>

    D. Element HEAD
    Merupakan kepala dari dokumen HTML. Tag <head> terletak didalam tag <html>.
    <html>
    <head> <!-- diletakkan setelah tag <html> -->

    </head> <!-- didalam <head> biasanya terdapat <title>, link css &
    link javascript -->

    </html>

    E. Element TITLE
    Merupakan judul dari dokumen HTML yang ditampilkan pada judul jendela browser. Tag <title>
    tag <head>.
    <html>
    <head>
    <title>Ini Judul Halaman</title> <!--judul halaman ditulis
    disini-->
    </head>

    </html>

    F. Element BODY
    Element ini untuk menampilkan isi dokumen HTML. Tag <body> dibawah tag <head> . Element
    body mempunyai attribut-attribut yang menspesifikasikan khususnya latarbelakang dokumen yang
    ditampilkan pada browser. Contoh merubah background halaman menjadi warna kuning.

    Script
    <html>
    <head>
    <title>Ini Judul Halaman</title>
    </head>

    <body bgcolor="yellow">
    Ini Teks Halaman
    </body>
    </html>

    Tampilan hasil web

    Contoh 2 - Elemen body


    G. Attribut
    Attribut mendefinisikan property dari suatu element HTML, yang terdiri atas nama dan nilai. Nilai attribut harus
    berada dalam tanda petik dua(“ ”). Sebagai contoh, untuk merubah warna teks menjadi merah penulisannya adalah
    ...
    <font color="red">Merah</font> <!--tag font memiliki atribut
    color -->
    ...
    keterangan : didalam pembuka tag font terdapat atribut color untuk merubah warna teks didlam tag
    <font>.

    H. Kode Warna
    Beberapa kode HEX yang bisa dipakai dalam mengisi atribut warna html.

    Contoh penggunaan kode Hex


    Script
    <body>
    <font color="#660000">Teks Dark Maroon</font>
    <body>

    Tampilan

    Contoh 3 - Warna teks HEX

    Anda mungkin juga menyukai