Internet praktikum
This presentation is the property of its rightful owner.
Sponsored Links
1 / 14

INTERNET (Praktikum) PowerPoint PPT Presentation


  • 75 Views
  • Uploaded on
  • Presentation posted in: General

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.

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.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -

Presentation Transcript


Internet praktikum

INTERNET (Praktikum)

Pertemuanke 2

Ahmadi

SistemInformasi

STMIK “BINA NUSANTARA JAYA”


Review minggu lalu

Review Minggu Lalu

  • Latihan!!


Format karakter blockquote

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 blockquote1

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

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 text1

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

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 paragraf1

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

  • 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 list1

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 list2

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

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

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

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


  • Login