1 / 14

INTERNET (Praktikum)

INTERNET (Praktikum). Pertemuan ke 2 Ahmadi Sistem Informasi STMIK “BINA NUSANTARA JAYA”. Review Minggu Lalu. Latihan!!. Format Karakter : Blockquote. Tag “ <blockquote> ” digunakan untuk menuliskan suatu kutipan teks.

cicada
Download Presentation

INTERNET (Praktikum)

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


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

  2. Review Minggu Lalu • Latihan!!

  3. 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.

  4. 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> . . .

  5. 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

  6. 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> . . .

  7. 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>

  8. 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> . . .

  9. 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

  10. 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>

  11. 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>

  12. 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>

  13. 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>

  14. 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

More Related