Scribd Logo
Unggah

Selamat datang di Scribd!

  • Bab Ii

    Diunggah oleh

    Muhammad Riski Anugrah
    11 tayangan6 halaman

    Judul Asli

    BAB II

    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
    11 tayangan6 halaman

    Bab Ii

    Diunggah oleh

    Muhammad Riski Anugrah

    Hak Cipta:

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

    BAB II

    TAG DASAR HTML


    CAPAIAN PEMBELAJARAN (Learning Out Come)
    1. Capaian Pembelajaran Umum : Mahasiswa mampu memahami Tag-tag Dasar HTML
    2. Capaian Pembelajaran Khusus : Mahasiswa mampu memahami dan mempraktekkan
    tentang Tag-tag Dasar HTML

    2.1. HTML
    <html> .. </html> Mendefinisikan bahwa teks yang berada diantara kedua tag
    tersebut adalah file HTML.

    2.2. HEAD
    <head> .. </head> Sebagai informasi page header. Di dalam tag ini kita bisa
    meletakkan tag-tag TITLE, BASE, ISINDEX, LINK,
    SCRIPT, STYLE dan META.

    2.3. TITLE
    <title> .. </title> Sebagai titel atau judul halaman/form. Kalimat yang terletak
    di dalam tag ini akan muncul pada bagian paling atas
    browser Anda (pada title bar).

    2.4. BODY
    <body> .. </body> Mendefinisikan teks beserta formatnya yang hendak
    ditampilkan sebagai isi halaman web. Di dalam tag ini bisa
    diletakkan berbagai page attribute seperti bgcolor,
    background, text, link, vlink, alink, leftmargin dan
    topmargin.
    2.5. PARAGRAF
    <P> Digunakan untuk pindah alinea atau membuat paragraf
    baru. Tag ini bisa diberi akhiran </P> tapi juga bisa tidak
    diberi. Dalam tag ini juga bisa digunakan untuk mengatur
    perataan kiri, tengah, kanan dan kiri-kanan, yaitu dengan
    attribut ALIGN. Attribut align mempunyai nilai: LEFT,
    RIGHT, CENTER dan JUSTIFY.
    Tag <P> digunakan untuk membuat 2ias2raph. Contoh :
    <HTML>
    <HEAD>
    <TITLE>Contoh Paragraf</TITLE>
    </HEAD>
    <BODY>
    Pesona Tanaman Hias<P>
    Keindahan tanaman hias<BR>
    membawa suatu pesona tersendiri<BR>
    Warna-warni bunga<BR>
    aneka rupa corak daun<BR>
    membuat orang dengan senang hati mengoleksinya
    </BODY>
    </HTML>

    Di dalam tag <P> 2ias disertakan atribut ALIGN yang berguna untuk
    mengatur peletakan teks di dalam masing-masing baris. Salah satu nilai yang dapat
    diberikan pada ALIGN adalah CENTER, yang menempatkan teks berada di tengah-
    tengah layar pada baris yang bersangkutan. Selain CENTER, nilai lain yang dapat
    diisikan pada ALIGN yaitu :
    1. LEFT, mengatur teks rata kiri terhadap halaman
    2. RIGHT, mengatur teks rata kanan terhadap halaman
    3. JUSTIFY, mengatur teks rata kiri dan rata kanan. Efeknya terlihat untuk teks yang
    sangat panjang.

    2.6. LINE BREAK <BR>


    Fungsi tag <BR> adalah untuk membuat baris baru atau berpindah baris.
    Contoh :

    <HTML>
    <HEAD>
    <TITLE>Tag BR</TITLE>
    </HEAD>
    <BODY>
    Selamat Belajar HTML<BR>
    Semoga Sukses !
    </BODY>
    </HTML>

    2.7. HEADING
    Teks dalam dokumen umunya mempunyai judul topik pada dokumen HTML judul ini
    disebut heading. HTML menyediakan 6 buah tag yang digunakan untuk mengatur ukuran
    teks yang dijadikan sebagai judul dalam badan dokumen. Tag-tag judul ini berupa :
    1. <H1> … </H1>
    2. <H2> … </H2>
    3. <H3> … </H3>
    4. <H4> … </H4>
    5. <H5> … </H5>
    6. <H6> … </H6>

    Contoh :
    <HTML>
    <HEAD>
    <TITLE>Tag H1-H6</TITLE>
    </HEAD>
    <BODY>
    <H1>Tag H1</H1>
    <H2>Tag H2</H2>
    <H3>Tag H3</H3>
    <H4>Tag H4</H4>
    <H5>Tag H5</H5>
    <H6>Tag H6</H6>
    </BODY>
    </HTML>
    Seperti halnya pada tag <P>, tag judul atau heading ini juga memiliki atribut
    ALIGN. Nilai yang dapat diberikan pada ALIGN adalah :
    1. LEFT (default), mengatur teks rata kiri terhadap halaman
    2. RIGHT, mengatur teks rata kanan terhadap halaman
    3. CENTER, menempatkan judul di tengah-tengah layar pada baris yang
    bersangkutan
    4. JUSTIFY, mengatur teks rata kiri dan rata kanan.

    Contoh :
    <HTML>
    <HEAD>
    <TITLE>Atribut ALIGN</TITLE>
    </HEAD>
    <BODY>
    <H1>Pesona Tanaman Hias</H1>
    <H1 ALIGN = “LEFT”>Pesona Tanaman Hias</H1>
    <H1 ALIGN = “RIGHT”>Pesona Tanaman Hias</H1>
    <H1 ALIGN = “CENTER”>Pesona Tanaman Hias</H1>
    </BODY>
    </HTML>

    2.8. PENGGARIS MENDATAR

    <HR> Digunakan untuk membuat garis horisontal. Tag ini mempunyai atribut SIZE,
    WIDTH, ALIGN dan NOSHADE.
    1. SIZE digunakan untuk menentukan panjang garis dalam satuan pixel.
    2. WIDTH digunakan untuk menentukan ketebalan garis.
    3. NOSHADE akan menyatakan bahwa garis tersebut ditampilkan tanpa
    bayang-bayang 3-D.

    Contoh :

    <html>
    <head>
    <title>::: Membuat Garis Horisontal :::</title>
    </head>
    <body bgcolor=#ffffcc>
    <font size=1 Face=tahoma color=blue>Selamat Datang</font>
    <hr size=1 width=150 align=left>
    <h1><center>www.smkpgri3-mlg.sch.id</h1>
    <hr size=5 align=center noshade>
    </body>
    </html>

    2.9. KOMENTAR
    Komentar adalah bagian dari kode HTML yang diabaikan oleh
    browser.Kegunaan komentar dalam kode HTML adalah sebagai keterangan. Sebuah
    komentar diawali dengan <!—dan diakrhiri dengan .

    Contoh :
    <!— File komentar.htm
    Dibuat pada tanggal 4 Agustus 2002 
    <HTML>
    <HEAD>
    <TITLE>Komentar</TITLE>
    </HEAD>
    <BODY>
    <!—Ini juga komentar 
    Selamat Belajar HTML
    </BODY>
    </HTML>
    2.10. SOAL-SOAL LATIHAN
    Buatlah dokumen html dengan mana file latihan2.html
    Kemudian simpan di folder kamu masing-masing yang ada di local disk D: dengan format
    nama folder Nama-Kelas
    Judul web : SELAMAT DATANG DI WEBSITE SAYA
    Isi web : Hello world, ini adalah pelajaran pertama web saya

    Anda mungkin juga menyukai