Scribd Logo
Unggah

Selamat datang di Scribd!

  • 1.1 Pengenalan HTML

    Diunggah oleh

    Muhamad Ridwan
    6 tayangan6 halaman

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    DOCX, 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 DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    6 tayangan6 halaman

    1.1 Pengenalan HTML

    Diunggah oleh

    Muhamad Ridwan

    Hak Cipta:

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

    Elemen – ElemenTeks

    2.1 Paragraf
    Elemen<P>...</P>menandaisekumpulantekssebagaisuatuparagraf.
    Tag<P>menandaiawalparagrafdan</P>menandaiakhirparagraf.
    Tagakhirparagraftidakharusdigunakan. Berikutadalahcontohkode HTML yang
    menampilkantigabuahparagraf.
    <!--Dokumen HTML 2 -->
    <HTML>
    <HEAD>
    <TITLE>Paragraph</TITLE>
    </HEAD>
    <BODY>
    <P>Iniadalahawaldarisuatu paragraph lho.
    <P>Kalo ini adalah paragraph kedua.</P>
    <P>Nah ini nih paragraf terakhir.</P>
    </BODY>
    </HTML>

    Tampilankode HTML di atassebagaiberikut :

    Catatan :Untukmemulaisuatuparagraftanpadidahuluibariskosong,
    kitadapatlangsungmenuliskanparagraftanpamenggunakantag</P>.

    2.2 PerataanDalamParagraf
    Untukmelakukanpengaturanposisiteksdalamsuatuparagraf, kitamemerlukanatributALIGN.
    Atributinimempunyai 3 buahnilai, yaituleft (untuk rata kiri), right (untuk rata kanan),
    dancenter (untuk rata tengah). Contoh :
    <!--Dokumen HTML 3 -->
    <HTML>
    <HEAD>
    <TITLE>Paragraph dengan atribut ALIGN</TITLE>
    </HEAD>
    <BODY>
    <P ALIGN="left">
    Teks dengan ALIGN="left" akan diratakan pada margin kiri.
    </P>
    Teks dengan ALIGN="center" akan diratakan di tengah.
    </P>
    <P ALIGN="right">
    Teks dengan ALIGN= "right" akan diratakan pada margin kanan.
    </P>
    </BODY>
    </HTML>

    2.3 Preformatted Text


    Padatagparagraf, penekanantombol “Enter”, “Tab”, dan “Spasi”,
    tidakmemberikanpengaruhpadahalaman web. Untukmelakukanhalini,
    kitadapatmenggunakantag<PRE>untukpreformatted text. Preformatted
    textmemerintahkanbrowser untukmenampilkantekstepatsamaseperti yang
    diketikkandalamdokumen HTML, termasukpenekanantombol “Spasi”, “Enter”, atau yang
    lainnya. Contoh :
    <!--Dokumen HTML 4 -->
    <HTML>
    <HEAD>
    <TITLE>PREFORMATTED TEXT</TITLE>
    </HEAD>
    <BODY>
    <PRE>
    Teksinimempergunakan s p a s idan juga tombol ENTER untukberpindahkebarisini.

    Tabeldibawahinimempergunakanelemen BOLD
    danbeberapabuahspasiuntukmenebalkanbarisjudul.
    <B>
    Asisten Status
    ------------------------
    </B>
    Frans Single
    Budi Single juga
    Riyo Double, lho ?
    Candra duda, hehe...
    </PRE>
    </BODY>
    </HTML>

    Tampilankode HTML di atas sebagaiberikut :


    2.4 Blockquote
    Tag<BLOCKQUOTE>digunakanuntukmenuliskankutipanteks. Browser biasanyamenam-
    pilkankutipanteksdenganmengindentasitekstersebutataumembuatnyatercetak miring.
    <BLOCKQUOTE> juga menimbulkan suatu baris kosong seperti menggunakan tag<P>.
    Contoh :
    <!--Dokumen HTML 5 -->
    <HTML>
    <HEAD>
    <TITLE>BLOCKQUOTE</TITLE>
    </HEAD>
    <BODY>
    <H3>LaguITB :Kampusku</H3>
    <BLOCKQUOTE>
    Kampusku rumahku, Kampusku negeriku.
    Kampusku kebebasanku, Kampusku wahana kami.
    Di sana kami dibina, menjadi manusia dewasa.
    Namun kini apa yang terjadi, ditindas semena-mena.
    Berjuta rakyat menanti tanganku.
    Mereka lapar dan bau keringat.
    Kusampaikan salam-salam perjuangan.
    Kami semua cinta-cinta Indonesia ...
    </BLOCKQUOTE>
    <H5>Diambil dari lagu ITB</H5>
    </BODY>
    </HTML>

    Tampilan kode HTML di atas sebagai berikut :


    2.5 KarakterSpesial
    Karakterspesialadalahkarakter yang dalampenggunaannyadalam HTML
    harusmenggunakankode-kodetertentu.
    Tanda<dan>merupakancontohdarikarakterkhusus yang
    digunakanuntukmenandaisuatutag HTML. Untukmenampilkankarakter-
    karakterinidalamsuatuhalaman web, diperlukankodekhusus yang disebutentity. Ada 2
    macamentity, yaitu :character entitydannumeric entity.

     Character Entity
    Character
    entitymenggunakansuatunamatertentusebagaigantikarakterspesialdandiawalidengant
    anda “dan” (&) sertadiakhiridengantandatitikkoma (;). Contoh :
    &lt; mewakilikarakter “<”
    &gt; mewakilikarakter “>”
    &copy; mewakilikarakter “©”

     Numeric Entity
    Numeric entity
    menggunakansuatukodeangkauntukmewakilisuatukarakterspesialdandiawalidenganta
    nda “&#” sertadiakhiridengantandatitikkoma (;). Contoh :
    &#185 mewakilikarakter1
    &#178 mewakilikarakter2
    &#179 mewakilikarakter3
    Berikutadalahcontohpemakaian entity dalamdokumenHTML :
    <!--Dokumen HTML 6 -->
    <HTML>
    <HEAD>
    <TITLE>KarakterSpesial</TITLE>
    </HEAD>
    <BODY>
    <PRE>
    &#187; Tag <B>&lt;B&gt;</B> digunakan untuk membuat tebal suatu teks.
    &#187; Gunakan karakter spesial:
    &#185; <B>&amp;copy;</B> untuk membuat tanda &copy;
    &#178; <B>&amp;reg;</B> untuk membuat tanda &reg;
    &#179; <B>&amp;trade;</B>untukmembuattanda&trade;
    </PRE>
    </BODY>
    </HTML>

    Tampilankode HTML di atassebagaiberikut :


    A. Soal
    1. Buatlah kode html untuk tampilan berikut !

    TampilanParagraf

    Penggunaan<blockquote>dan<q>

    Anda mungkin juga menyukai