internet praktikum n.
Download
Skip this Video
Download Presentation
INTERNET (Praktikum)

Loading in 2 Seconds...

play fullscreen
1 / 14

INTERNET (Praktikum) - PowerPoint PPT Presentation


  • 120 Views
  • Uploaded on

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.

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about 'INTERNET (Praktikum)' - cicada


Download Now 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”

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
ad