Scribd Logo
Unggah

Selamat datang di Scribd!

  • Materi 3

    Diunggah oleh

    arianaku
    4 tayangan19 halaman
    Pengenalan HTML

    Judul Asli

    4. Materi 3

    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
    Pengenalan HTML

    Hak Cipta:

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

    Materi 3

    Diunggah oleh

    arianaku
    Pengenalan HTML

    Hak Cipta:

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

    Paragrap dan Heading

    Dengan
    Tag HTML
    HTML Tags
    Tag markup HTML biasanya disebut tag HTML

     Tag terdiri dari lambang-lambang khusus seperti:


    <html>
     Tag HTML umumnya selalu berpasangan seperti
    <b> dan </ b>
     Tag pertama dalam pasangan adalah tag awal, tag
    kedua adalah tag akhir
     Tag Mulai dan tag akhir juga disebut tag pembuka
    dan tag penutup
    HTML Extention
    HTML mempunyai format file (extention)
    .htm atau .html

    Dimana kedua format file tersebut adalah


    sama, jadi kita boleh menyimpan file
    dokumen HTML dengan extention ".htm" atau
    ".html".
    Struktur dasar HTML
    <html>
    <head>
    <title>Sedang Belajar</title>
    </head>
    <body>
    aku belajar html nih ..
    </body>
    </html>
    Penjelasan tag HTML:
    1. Tag <html> dan </html> : merupakan tag
    awal dan tak akhir untuk menjalankan
    perintah HTML
    2. Tag <head> dan </head> : merupakan
    informasi dari dokumen HTML. Informasi di
    dalam header meliputi: title, meta, style,
    script dll. Selain Title informasi di dalam
    header ini nantinya tidak akan di tampilkan
    di web browser
    3. Tag <title> dan </title> : berisikan judul web
    4. Tag <body> dan </body> adalah isi dari
    halaman situs. Disini tulisan, gambar, tabel,
    kalian akan ditampilkan di browser
    HTML Paragraphs
    Paragraf HTML didefinisikan dengan tag <p>.
    CONTOH:
    <html>
    <head>
    <title>Membuat Paragraf</title>
    </head>
    <body>

    <p>This is a paragraph.</p>
    <p>This is a paragraph.</p>
    <p>This is a paragraph.</p>

    </body>
    </html>
    baris dalam HTML didefinisikan dengan tag <br> (line break)
    CONTOH:
    <html>
    <head>
    <title>Membuat baris</title>
    </head>
    <body>

    This is a baris 1.<br>


    This is a baris 2.<br>
    This is a baris 3.<br>

    </body>
    </html>
    Dalam membuat paragraf tentu kita
    sewaktu-waktu akan membutuhkan paragraf
    yang rata kiri, rata kanan, rata tengah, dan rata
    kanan kiri. Untuk membuat ini kalian akan
    membutuhkan atribut yang bernama "align".
    Ada 4 nilai align, yaitu left (rata kiri), right (rata
    kanan), centre (rata tengah), dan justify (rata
    kanan kiri)
    CONTOH:
    <html>
    <head>
    <title>Membuat Paragraf</title>
    </head>
    <body>

    <p align="left">This is a paragraph.</p>


    <p align="right">This is a paragraph.</p>
    <p align="center">This is a paragraph.</p>
    <p align="justify">This is a paragraph.</p>

    </body>
    </html>
    HTML Headings
    Headings HTML didefinisikan dengan tag <h1> sampai <h6>
    CONTOH:
    <html>
    <head>
    <title>Membuat Headings</title>
    </head>
    <body>
    <h1>This is heading 1</h1>
    <h2>This is heading 2</h2>
    <h3>This is heading 3</h3>
    <h4>This is heading 4</h4>
    <h5>This is heading 5</h5>
    <h6>This is heading 6</h6>
    </body>
    </html>
    Judul dari paragraf atau Heading
    menggunakan tag yang disebutkan di atas
    yaitu <h1>, <h2>, <h3>, <h4>, <h5>, dan <h6>.
    <h1> adalah judul utama dan paling besar
    sedangkan <h6> adalah yang paling kecil.
    Membuat Baris dan garis

    untuk baris baru adalah <br> (line break),


    dan untuk membuat baris adalah <hr> (Horizontal)
    perlu diketahui bahwa sebagian tag elemen HTML
    tidak memerlukan tag penutup, sebagai contoh
    adalah <br> dan <hr>
    CONTOH:
    <html>
    <head>
    <title>Selamat Datang di Websiteku</title>
    </head>
    <body>
    <hr>
    <h1>Ini adalah halaman HTML pertamaku.</h1>
    <hr>
    <p>Aku sedang membuat paragraf dan ini contohnya.</p>
    <p>Ini contoh paragraf yang lainnya.</p>
    <br>Ini juga paragraf mm...tapi de-
    <br>ngan baris baru.
    <br>Ini baris baru yang lain.
    </body>
    </html>
    HTML Comments
    Komentar dapat dimasukkan ke dalam
    kode HTML untuk membuat lebih mudah
    dibaca dan dimengerti. Komentar diabaikan
    oleh browser dan tidak akan ditampilkan
    CONTOH:

    <!-- This is a comment -->


    HTML Text Formatting tags
    HTML “Computer Output” Tags
    HTML Citations, Quotations, and
    Definition Tag
    CONTOH
    <html>
    <body>

    <p><b>This text is bold</b></p>


    <p><strong>This text is strong</strong></p>
    <p><big>This text is big</big></p>
    <p><i>This text is italic</i></p>
    <p><em>This text is emphasized</em></p>
    <p><code>This is computer output</code></p>
    <p>This is<sub> subscript</sub> and <sup>superscript</sup></p>
    <u>this text is underline</u>

    </body>
    </html>

    Anda mungkin juga menyukai