INTERNET (Praktikum)

INTERNET (Praktikum) Pertemuanke 2 Ahmadi SistemInformasi STMIK “BINA NUSANTARA JAYA”

Review Minggu Lalu • Latihan!!

Format Karakter : Blockquote • Tag “<blockquote>” digunakan untuk menuliskan suatu kutipan teks. • Browser biasanya menampilkan kutipan teks dengan mengidentifikasikan teks tersebut atau dengan mengabaikan spasi dalam teks seperti tag paragraph • Kutipan teks dinyatakan dengan indentasi yang menjorok ke dalam dan berbeda dalam satu paragraf.

Format Karakter : Blockquote Coba <blockquote>!! • File blockquote.html . . . <h3>Teknologi Universal Serial Bus (USB)</h3> <blockquote> Pada awal tahun 1977 tepatnya komputer dengan prosesor Pentium, beberapakomputer sudah mempunyai piranti baru untuk memudahkan pengguna komputer dalam menangani masalah kabel yang bayak.<br> </blockquote> <h5>Disadur dari buku “Pengantar Sistem Komputer” hal:134</h5> . . .

Format Karakter : Preformatted Text • Pada tag paragraf, penekanan tombol ENTER, Tab, Spasi tidak memberikan pengaruh pada web page yang dibuat • Jika akan menambahkan spasi dan enter pada teks dalam web page dengan menggunakan tag “<pre>” • Sehingga teks yang berada di dalam tag pre akan mengikuti sesuai dengan pengetikan yang dilakukan

Format Karakter : Preformatted Text Coba pre !! • File pre.html . . . <pre> Teks ini menggunakan spasi dan ENTER untuk berpindah ke baris ini. </pre> <p> Tag pre juga sangat cocok untuk menampilkan barisbaris kode program seperti dibawah ini </p> <pre> <b>for i = 1 to 10 print i next i </b> </pre> . . .

Format Paragraf Ada dua jenis divider dan center • Divider menggunakan tag “<div>” yang berfungsi untuk membagi-bagi dokumen HTML dalam suatu hierarki yag terstruktur • Tag <div> akan diformat menurut nilai dari atribut align yang ditentukan didalamnya. • Penggunaan <div align=“center”>…</div> dapat diganti dengan tag <center>…</center>

Format Paragraf Cobaini..!! • File paragraf.html . . . <div align="left">Teks rata kiridalam tag DIV</div> <div align="right">Teks rata kanandalam tag DIV</div> <div align="center">Teks rata tengahdalam tag DIV</div> <br> <center> teksinimenggunakanperintah center sebagaipengganti align center pada div </center> . . .

Tag LIST • Tag list menggunakan “<li>” • Berfungsi untuk menampilkan informasi dalam bentuk daftar (list) • Ada 2 jenis daftar (list) yang dikenal, yaitu daftar dalam format bullet/undordered list “<ul>” dan dalam bentuk nomor atau ordered list “<ol>” • Tipe utk ul : 1 – a – A – i – I dengan default 1 • Tipe utk ol : disc – square – circle dengan default disc

Tag LIST Coba ini..!! • File list.html <html> <head><title>Coba LIST</title></head> <body> <h2>Menu Makan Hari Ini</h2> <ol> <li>Soto Ayam</li> <li>Tahu/tempe goreng</li> <li>Buah Semangka</li> </ol> </body> </html>

Tag LIST Coba ini..!! • File list.html <html> <head><title>Coba LIST</title></head> <body> <h2>Menu Makan Hari Ini</h2> <ul type=“square”> <li>Soto Ayam</li> <li>Tahu/tempe goreng</li> <li>Buah Semangka</li> </ul> </body> </html>

Definition List • terdiri dari tag <dl> … </dl>. • Tag <dt> digunakan untuk menentukan definition term serta tag <dd> menentukan definition itu sendiri. • File definition.html <html> <head> <title>Definition List</title> </head> <body> <p><b>List of Internet Resource</b></p> <dl> <dt>HTML <dd>HyperText Markup Langguage is not Language Programming</dd> </dt>

Lanjutan… <dt>HTTP <dd>HyperText Transfer Protocol is TCP/IP Protocol</dd> </dt> <dt>Internet <dd>A network of network</dd> </dt> <dt>TCP/IP <dd>Internet protocol</dd> </dt> </dl> </body> </html>

Tambahan untuk Format Text • <B> ... </B> : bold text • <I> ... </I> : italic text • <U> ... </U> : underline Text • <BIG> ... </BIG> : untuk ukuran yang lebih besar dari normal • <SMALL> ... </SMALL> : Untuk ukuran yang lebih kecil dari normal • <STRIKE> ... </STRIKE> : Untuk memberi garis di tengah text • <SUP> ... </SUP> : Superscript text • <SUB> ... </SUB> : Subscript text • <CENTER> ... </CENTER> : Center document • <EM> ... </EM> : Untuk teks

INTERNET (Praktikum)