Anda di halaman 1dari 22

Di Susun Oleh

Agus Muhardi, A.Md

Jurusan Komputerisasi Akuntansi dan Manajeman Informatika

Tangerang

Internet 1- D3 –KA/MI Create By : Agus Muhardi, A.Md 1


KATA PENGANTAR

Internet! Kata ini sepertinya sudah tidak asing lagi bagi para pemakai komputer,
khususnya yang orang-orang yang senang bahasa pemograman. Sejak bahasa ini
muncul, seakan-akan menjadi kiblat bagi para progremmer untuk mempelajari dan
menguasainya. Siapapun yang tidak mengetahui Internet adalah orang yang
ketinggalan katanya.

Modul ini di susun untuk memberikan panduan pengunaan perangkat lunak


Internet, sehingga pembaca dapat mencobanya langsung. Pejelasan tiap modul di
sajikan dalam bentuk step by step, sehingga lebih mudah dipelajari. Dan modul
Internet ini disusun untuk melengkapi kebutuhan belajar mahasiswa di Bina
Sarana Informatika, khususnya bagi mereka yang ingin menekuni bidang
pemograman berbasis windows.

Penulis menyadari keterbatasan penyusunan modul ini masih jauh dari sempurnah.
Oleh karena itu saran dan kritik dari para pembaca sangat di hargai.
Saran, kritik atau pun pertanyaan dapat di kirim melalui email ke:
Agus_muhardi@bsi.ac.id atau nusa_dharma2003@yahoo.com atau
nusa_dharma@yahoo.com, kunjungi www.geocities.com/alga_musa

Akhir kata semoga pembaca mendapat menfaat dari buku ini.Terima Kasih.

Tangerang, 17 Maret 2005

Agus Muhardi,A.md
Penulis

Internet 1- D3 –KA/MI Create By : Agus Muhardi, A.Md 2


BAB I

PENGENALAN INTERNET

I.1. Pengertian Internet

Internet adalah sebuah jaringan komputer yang terdiri dari berbagai macam ukuran dan jenis
jaringan komputer di seluruh dunia mulai dari sebuah personal komputer (PC), jaringan-
jaringan lokal bersekala kecil, jaringan-jaringan kelas menengah, hingga jaringan-jaringan
utama yang menjadi tulang punggung internet.
Jaringa-jaringan komputer ini saling berhubungan dan berkomunikasi satu sama lain lewat
suatu aturan umum yang disebut protokol, Internet protokol (IP) dan Tranmission Control
Protokol (TCP), sehingga setiap pemakai yang bergabung dengan internet dapat saling
mengakses semua layanan yang disediakan oleh jaringan lainnya, dalam bentuk pertukaran
data lateral,citra maupun suara. Hal ini dapat dilakukan secara langsung seketika itu juga dan
dalam dua arah.

I.2. Sejarah Internet

Asal mula internet dimulai tahun 1970-1n dengan dibentuknya suatu jaringan komputer oleh
Departemen Pertahanan Amerika Serikat (Pentagon) untuk membangun sebuah sistem
jaringan komputer yang menghubungan semua tempat strategis di seluruh Amerika, jaringan
tersebut dinamakan ARPANet (Advanced Research Project Agency). ARPANet semula
dirancang untuk menemukan jaringan komputer yang handal yang perkembangannya
mengunakan protokol standar TCP/IP.

I.3. Jaringan Komputer

Jaringan komputer adalah gabungan dari berbagai perlengkapan komunikasi dan komputer
yang dihubungkan satu sama lain lewat suatu medium komunikasi sedemikian, sehingga
semua pemakai jaringan dapat saling berkomunikasi secara elektronik. Jaringan komputer
tersebut dapat berupa LAN dan WAN. Local Area Network (LAN) adalah jaringan
komputer dimana komputer-komputer dihubungkan secara langsung dengan tipe kabel
tertentu. Jika LAN – Lan ini dihubungkan kedalam sebuah jaringan komputer yang lebih
besar, dapat di sebut sebagai Wide Area Network (WAN). Kebanyakan WAN dihubungkan
melalui jalur komunikasi khusus, seperti telepon atau sambungan satelit. Gambaran
jaringan komputer seperti internet adlah LAN – LAN yang terhubung melalui jalur
komunikasi berkecepatan tinggi yang di sebut sebagai tulang punggung (back bone), dan
membentuk WAN yang meliputi seluruh organisasi.

Secara teknis LAN-LAN dan WAN-WAN terhubung satu sama lain menggunakan sebuah
komputer yang sisebut router . Tugas router adalah menyediakan hubungan antara satu
jaringan komputer dan jaringan komputer yang lain.

I.4. Fasilitas Internet

Sofware yang mendukung internet menyediakan banyak pelayanan teknis. Pelayanan yang
paling utama dan paling penting untuk di ketahui Anda adlah,

Electronic mail, yaitu pelayanan untuk mengirim dan menerima pesan-pesan. Setiap pesan
dapat dikirim dari suatu sistem ke sistem yang lain. Di belakang layar, pelayanan mail ini
memastikan bahwa pesan-pesan dikirim dan diterima secara lengkap pada alamat yang benar.

Internet 1- D3 –KA/MI Create By : Agus Muhardi, A.Md 3


Pelayanan Telnet, yaitu pelayanan yang memberikan kesempatan untuk menghubungi sistem
komputer yang terdapat di tempat yang jauh. Sebagai contoh, kita menggunakan telnet untuk
menghubungi sebuah host di negara lain (Host Remote).Hal ini memerlukan username dan
password yang sah untuk login ke host tersebut.

Pelayanan File Transper Protokol (FTP), yaitu pelayanan yang memberikan kesempatan
untuk mentransfer file dari suatu sistem ke sistem lain. Atau si sebut juga dengan proses
Download. Pasilitas FTP dapat juga mentransfer file dari host lokal ke host remot, yang di
sebut sebagai proses Upload.

Selain tiga komponen utama tersebut, ada sistem baru yang kian berkembang teknologinya
dan semakin banyak jumlah pemakainya. Sistem ini menggunakan tampilan grafik (Window)
sehingga dapat memberikan layanan yang sangat prima. Tampilan yang diberikan bukan
hanya teks melainkan juga gambar dan suara dengan mutu yang bagus karena didukung oleh
warna dan resolusi yang tinggi. Sistem tersebut dikenal dengan World Wide Web (WWW)
dengan pirantinya (Web Browser).

I.5. Menghubungi Internet

Hubungan ke internet dapat dilakukan dengan beberapa macam cara, yaitu:

Hubungan Lewat Gateway, hubungan ke internet lewat suatu pintu gerbang, baik ke luar
maupun ke dalam. Hubungan ini banyak digunakan dalam organisasi yang mempunyai
jaringan komputer sendiri dan menghubungkannya lewat internet lewat satu atau beberapa
komputer yang bertindak sebagai pintu gerbang ke internet.
Hubungan Permanen (Leased Line), adalah hubungan ke internet secara langsung dan
permanen, menggunakan jalur telepon khusus, yaitu jalur telepon yang selalu terhubung.
Hubungan Sementara (Dial-Up) dengan SLIP/PPP, adalah seperti hubungan telepon,
hanya membayar jika ada hubungan ke internet saja. Hubungan ini lebih banyak dipakai oleh
pelanggan rumah.

I.6. Alamat dalam Internet

Setiap pemakai yang bergabung dengan internet mempunyai alamat elektronik yang khas.
Alamat elektronik seseorang dalam internet mengikuti format umum, yaitu UserName
pemakai diikuti karakter @ (Dibaca ET) dan diikuti dengan Domain, atau
UserName@domain

Klasifikasi domain organisasi dan domain geografis adalah sebagai berikut:

DOMAIN ARTI DOMAIN ARTI


com Organisasi komersial au Ausrralia
edu Institusi pendidikan fr France
gov Institusi pemerintah id Indonesia
int Organisasi Intenational jp Japan
mil Organinasi miiter nz New Zealand
net Organinasi komputer us United Stated
org Organisasi sosial sg Singapore

Internet 1- D3 –KA/MI Create By : Agus Muhardi, A.Md 4


BAB II

PENGENALAN INTERNET EKSPLOLER

II.1. Menggunakan Internet Eksploler

Saat Anda memulai Intenet eksploler (yaitu, memulai komponen browser dari eksploler), Web
page pertama yang tampil disebut sebagai HomePage.

Menu – menu toolbar yang terdapat di Internet Eksploler


• Back
Tombol ini digunakan untuk menampilkan web page sebelumnya yang telah di tampilkan
• Forward
Tombol ini digunakan untuk menampilkan web page sesudanya yang telah di tampilkan
• Stop
Tombol ini untuk menghentikan download web page yang sedang di tampilkan.
• Refresh
Tombol ini digunakan untuk mempermudah/menyegarkan web page yang tidak terkoneksi.
• Search
Tombol ini untuk menampilkan web page yang berisi search engine-search engine (atau
pelayanan pencarian data dalam internet)
• dan sebagainya.

II.2. Search Engine

A. Kegunaan Search Engine


Arti dari pada search engine itu sendiri adalah tool untuk mengkatalogkan isi internet dan
membuat indeks dari internet, Kegunaan search engine itu sendii untuk mempermudah
netter mendapatkan informasi yang dibutuhkannya bila netter sendiri tidak tahu alamat
yang ditujuh.

B. Cara Pengoperasian Search Engine


Ada dua cara pengoperasian search engine, yaitu,
Dengan menggunakan icon Search pada toolbar lokasi dan dengan Menggunakan Website
Search Engine yang telah kita ketahui.

Menggunakan Tombol Search pada Toolbar Lokasi

Dengan menekan tombol search pada toolbar lokasi


Setelah muncul seperti gambar, ketiklah apa yang akan anda cari

Internet 1- D3 –KA/MI Create By : Agus Muhardi, A.Md 5


kotak
Search Engine

Menggunakan WebSite tertentu yang telah kita ketahui

Website- website yang bisa di jadikan sebagai search engine sangat banyak sekali diantaranya
Yahoo,hotboot,Altavista,google dan masih banyak lagi.

II.3. Download Gambar dan teks

Yang dimaksud mendownload adalah : menyalin file dari komputer lain ke komputer anda.
Jadi download gambar adalah menyalin file gambar dari internet kedalam disket/hardisk anda.

Caranya Yaitu:
Tampilkan web site/file dimana terdapat gambar yang akan anda download
Clik kanan pada gambar
Clik save image as
Pada save in clik 31/2 flopy A
Ketk nam file, kemuadian save
Untuk mendownload program aplikasi anda bisa mengunjungi alamat website berikut
ini : 1. www.download.com 2. www.tucows.com
3. www.shareware.com 4. www.centrin.net.id

II.4. Browsing ke Situs – Situs


Mahasiswa bisa menggunakan www.Google.com utuk mencari Situs favorit mahasiswa.

Internet 1- D3 –KA/MI Create By : Agus Muhardi, A.Md 6


II.5. Chating

A. Cara Chating Dengan mIRC


1. Klik Star All Programs mIRC mIRC

Klik Continue

2. Maka akan muncul mIRC Option, Silahkan Lengkapi datanya

Internet 1- D3 –KA/MI Create By : Agus Muhardi, A.Md 7


3. Pada mIRC Option Klik Server Seperti dibawah ini setelah itu Klik Connect to server

Klik

4. Akan muncul mIRC Favorite lalu ketik channel yang mahasiswa inginkan lalu klik
Join

Internet 1- D3 –KA/MI Create By : Agus Muhardi, A.Md 8


5. Jika Mahasiswa ingin Channel/Favorites sendiri, Mahasiswa bisa klik Add

Klik

Channel – Channel
Favorite:
1.#Palembang
2.#Bawel
3.#Bandung
4.#Ph
5.dan sebagainya

Maka otomatis channel yang mahasiswa buat akan tampil di Favorite.

6. Setelah Mahasiswa klik Join pada channel yang diinginkan maka akan muncul
NikcName –NikName yang sedang Chating

Internet 1- D3 –KA/MI Create By : Agus Muhardi, A.Md 9


7. Double Kliklah pada NikName yang mahasiswa inginkan, maka akan muncul

8. Berikut istilah-istilah dalam Chating:


ASL : Menanyakan Umur/Kelamin/Lokasi (Tempat Tinggal)
PLZ : Please
BRB : Be Right Back
GTG : Get To Go
BTW : By The Way
NP : No Problem

9. dan ini Ekspresi yang sering di pakai


☺ Tersenyum bebas { Ketik :-) }
;) Merasa Senang, gembira
Tidak Setuju { Ketik :-( }
:-D Mentertawai seseorang ( Hooooooo)
:-I Tersenyum Acuh ( Hmmmmmmm)
:-O Harap Tenang (oppsss...)
:’-( Sedang Sedih

Internet 1- D3 –KA/MI Create By : Agus Muhardi, A.Md 10


B. Cara Chating Dengan Yahoo!Messenger
1. Double klilah pada Shourcut to YPager / shourcut Yahoo!Messenger

Digunakan apabila Anda belum


punya E-mail alias daftar dulu
Man untuk dapat E-mail, jika
enggak bisa Anda bisa lihat
langka-langka buat e-mail di BAB
III oke....Mahasiswa

Klik

2. Isilah Yahoo!ID dan Password Mahasiswa kemudian klik Sign In, tungguh beberapa
saat maka akan Tampil :

Klik Chat

Internet 1- D3 –KA/MI Create By : Agus Muhardi, A.Md 11


3. Klik Chat maka akan tampil Join Room :

4. Klik User Room Untuk Room-Room yang local dan pilihlah room yang anda inginkan
contoh kita gunakan Room Musi_Palembang dan untuk membuat Room yang baru
klik Create New Room

5. Double kliklah pada NikeName Yang mahasiswa inginkan, lalu gunakan Bahasa
chatingnya, di mulai dengan hai/hallo

Internet 1- D3 –KA/MI Create By : Agus Muhardi, A.Md 12


BAB III

PEMBUATAN ELECTRONIC MAIL

III.1. Pengertian e-mail

Electronic Mail, yaitu pelayanan untuk mengirim dan menerima pesan-pesan. Setip pesan
dapat dikirimkan dari satu sistem yang lain. Di belakang layar, pelayanan mail ini memastikan
bahwa pesan-pesan dikirimkan dan diterima secara lengkap.

III.2. Cara pembuatan E-mail

Untuk mendapatkan e-mail mahasiswa bisa daftar pada Ekilat, yahoo, boleh, dan sebagainya,
disini kita akan mencoba membuat e-mail pada WWW.YAHOO.COM , berikut langka –
langka nya:

Aktifkanlah Internet Exploler Setelah itu kliklah mail

Kemudian akan muncul:

Klik Sign Up Now


untuk mendapatkan
e-mail gratis

Internet 1- D3 –KA/MI Create By : Agus Muhardi, A.Md 13


Lalu tampil, dan klik Sign Up for yahoo!Mail

Klik

Maka akan tampil formulir isian dan mahasiswa di mintak melengkapi datanya.

Internet 1- D3 –KA/MI Create By : Agus Muhardi, A.Md 14


Isilah kotak kecil
ini sesuai dengan
tulisan pada kotak
besar di bawah nya

Klik

Setelah selesai klik Submit This Form tunggu beberapa saat sampai muncul Welcome
Yasta ( Sesuai dengan first Name).
Sekarang mahasiswa bisa berkirim e-mail bahkan berkirim file pun bisa dan yahoo!ID
bisa digunakan pada Yahoo!Messengger.

Internet 1- D3 –KA/MI Create By : Agus Muhardi, A.Md 15


BAB IV

Hyper-Text Markup Language ( H T M L )

IV.1. Dasar-Dasar HTML

HTML (Hyper Text Markup Language) adalah bahasa pemograman yang digunakan untuk
menyusun dan membentuk suatu dokumen agar dapat ditampilkan pada browser Wordl Wide
Web. Dasar konstruksi HTML terdiri dari Elemen dan Entity. Elemen yang disebut juga
dengan Tag merupakan perintah-perintah yang diberikan kepada browser untuk melakukan
suatu tugas tertentu. Misalnya memformat bentuk tulisan menjadi bold (cetak tebal), italic
(cetak miring), center (tengah) dan lain-lain. Sedangkan Entity merupakan perintah untuk
menghasilkan karakter-karakter khusus. Kode-kode HTML (KeyWord) tersebut ditulis dalam
tanda lebih kecil “<” dan tanda lebih besar “>”, contoh <BODY,<I>,<B>.

IV.2. Elemen HTML

Tag atau elemen terdiri dari dua macam, yaitu Container Tag dan Stand Alone Tag.
Container Tags menandai suatu bagian dari dokumen di awali dan di akhiri, contoh:
<B> Tulisan ini dicetak tebal </B>
<I> Tulisan ini dicetak miring </I>
<Center> Lokasi text ini ditengah</Center>

Sedangkan Stand Alone Tags tidak memerlukan tanda awal dan akhir, melainkan hanya
mewakili suatu intruksi, contoh:
<HR>, tag menampilkan garis horisontal
<BR>, tag menempatkan teks pada baris baru, dll.

Tag-tag HTML terdiri dari keyword seperti “I” untuk format teks italic, “Img” untuk
memasukkan gambar. Tag <I> sudah cukup memberikan informasi kepada browser supaya
teks dicetak miring, tapi tag <IMG> belum lengkap karna tidak ada informasi file gambar apa
yang dimasukkan, sehinga diperlukan informasi tambahan yang disebut dengan attribut tag.
Sehingga penulisan yang benar tag tersebut adalah sebagai berikut:

<IMG SRC=”Image/mickey.gif” WIDTH=100 HEIGT=120 HSPACE=5 VSpace=3


BORDER=2>

Src,width,height,hspace,vspace,border adalh atribut tag <IMG>

Internet 1- D3 –KA/MI Create By : Agus Muhardi, A.Md 16


IV.3. Konstruksi Dasar Dokumen HTML

Dokumen HTML pada dasarnya dibagi menjadi dua bagia besar, yaitu bagian head (bagian
jkepala) yang merupakan isi dari data dokumen. Masing-masing di tandai oleh container tag
<HEAD> dan <BODY>.

Struktur standar dari file HTML adalah sebagai berikut:


<html> ( tag pembuka html )
<head> ( tag pembuka bagian kepala )
- --------
</head> ( tag penutup bagian kepala )

<body> ( tag pembuka bagian isi )


- ---------
- --------
- --------
</body> ( tag penutup bagian isi )
</html>

IV.4. Fungsi Tag

Berikut adalah daftar Tag HTML


Tag HTML Pada Dokumen Head
Tag Attribut Uraian Tipe
<HEAD> Tag bagian kepala dari Container
dokumen HTML.
<ISINDEX> Menunjukkan bahwa dokumen Stand
dapat dicari Alone
<LINK> Menetapkan hubungan link Stand
dengan dokument Alone
<META> Memberikan informasi tentang Stand
dokumen Alone
<SCRIPT> Mengandung kode untuk script Container
<STYLE> Style dokumen Container
<TITLE> Menentukan judul dokumen Container

Tag HTML Pada Dokumen Body


Tag Attribut Uraian Tipe
<A> Href=”.......” Menetapkan sebuah anchor. Container
Menyisipkan kaitan/hyperlink
dalam dokumen HTML.
<APPLET> Menempatkan applet java Container
dalam dokumen
<AREA> Mendifinisikan lokasi yang
dapat di klik pada image map
<B> Menampilkan karakter Container
terlampir dalam cetak tebal
<BIG> Menampilkan text terlampir Container
dalam font yang lebih besar
<BLINK> Menyebabkan teks terlampir Container
berkedip-kedip.
Internet 1- D3 –KA/MI Create By : Agus Muhardi, A.Md 17
<BLOCKQUOTE> Digunakan untuk menandai Container
sebagai sebuah kutipan dari
sebuah lain.
<BODY> Tag bagian badan dokumen Container
HTML
Background=”....” Latar belakang gambar
Bgcolor=........ Latar belakang warna
Text=......... Warna tulisan
Link=....... Warna dasar kaitan
Alink=........ Warna aktif kaitan
Vlink=........ Warna kaitan yang telah dilihat
<BR> Menyisipkan pemenggalan Stand
baris pada point tertentu dalam Alone
dokumen
<CENTER> Segala sesuatu diantara tag ini Container
diletakkan ditengah dokument,
<CITE> Memformat teks yang diapit Container
dalam bentuk logika
<DD> Menyisipkan keterangan dalam Container
datfar definisi. Digunakan
dalam hubungan dengan tag
<dt>
<DL> Menyisipkan item daftar Container
definisi kedalam dokumen
Html. Digunakan dalam
hubungan dengan tag <dd>
dan dt>.
<DT> Menyisipkan judul definisi ke Container
dalam daftar definisi <dl>.
Digunakan dalam hubungan
dengan tag <dd>
<EM> Tag markup logika yang Container
mengitruksikan browser untuk
menampilkan teks terlampir
dengan penekanan.
<FONT> Tag untuk menentukan font Container
sesuai dengan attribut untuk
teks yang di apait.
Color=........ Warna tulisan
Face=..... Jenis huruf
Size=...... Ukuran huruf

<H1> Membuat headline (H) 1 Container


Sampai sampai 6, dimana 1 membuat
<H6> ukuran judul paling besar dan
6 paling kecil.
Align=...... Tata letak teks
(left,center,right)
<HR> Menempatkan garis horizontal Stand
pada dokument. Alone
Noshade Garis tanpa bayangan
Size=..... Ukuran ketebalan garis

Internet 1- D3 –KA/MI Create By : Agus Muhardi, A.Md 18


Width=.... Merubah lebar gambar
<I> Menampilkan teks yang diapit Container
dalam cetak miring.
<IMG> Menyisipkan sebuah gambar Stand
dalam dokumen HTML. Alone
Src=”.........” Sumber file gambar berada
Align=....... Tata letak gambar
(Left,center,right)
Border=...... Membuat bingkai gambar
Height=..... Merubah tinggi gambar
Width=........ Merubah latar belakang
<LI> Menampilkan item daftar. Stand
Digunakan dalam daftar terurut Alone
dan tidak terurut.
<OL> Daftar terurut Container
<P> Menempatkan paragraf di Container
dalam dokumen.
Align=...... Tata letak paragraf
<PRE> Susunan teks terformat Container
<SMALL> Menampilkan teks yang diapit Container
dalam font yang lebih kecil.
<STRIKE> Menampilkan teks yang diapit Container
dalam bentuk strike-through
(garis memalui bagian tengah
teks).
<STRONG> Tag marup logika menugaskan Container
browser untuk menampilkan
teks yang diapit dengan
penekanan yang kuat.
<SUB> Memampilkan teks yang di Container
apit dalam bentuk
subscript(menempatkannya
sedikit dibawah baris yang
sedang dipakai)
<SUP> Menampilkan teks yang diapit Container
dalam bentuk seperscript
(menetapkannya sedikit di atas
baris yang sedang di pakai).
<UL> Daftar tidak terurut. Container

Tag HTML Pada Table


Tag Attribut Uraian Tipe
<CAPTION> Menyisipkan sebuah judul Container
untuk tabel
Align=.... Tata letak judul (top,bottom).
<TABLE> Menyisipkan table dalam Container
dokument HTML.
Bgcolor=..... Latar belakang warna
Background=”.....” Latar belakang gambar
Border=........ Ketebalan bingkai
BorderColor=....... Warna dasar bingkai
BorderColorDark=.. Warna gelap bingaki
Internet 1- D3 –KA/MI Create By : Agus Muhardi, A.Md 19
BorderColorLight=... Warna terang bingkai.
Width=..... Menentukan lebar tabel
CellSpacing=.... Jarak antara cell.
CellPadding=...... Jarak antara isi dengan gharis.
<TD> Menyisipkan data sel table Container
BgColor=.... Latar belakang warna
Rowspan=..... Jangkauan baris
Colspan=.... Jangkauan kolom
Align=..... Perataan data(left,center,right)
Valign=..... Perataan data secara vertikal
(top,middle,bottom)
<TH> Menyisipkan sel judul table. Container
Bgcolor=.... Latar belakang warna
Rowspan=..... Jangkauan baris
Jangkauan kolom
Perataan judul
(left,center,right)
Perataan secara vertikal
(top,middle,bottom)
<TR> Mendefinisikan baris tael. Container
Align=.... Perataan isi dalam
baris(Left,center,right)
Bgcolor=..... Latar belakang warna

Karakter – karakter Khusus


Karakter Entity
Tanda & ( dan ) &amp;
Tanda Lebih Besar &gt;
Tanda Lebih Kecil &it;
Menamba Spasi &nbsp;
Tanda “ ( Kutip ) &quot;
Simbol Copyright (© ) &copy;
Simbol Registered ( ® ) &reg;

Contoh Daftar Waarna


Black Brown Lime Gray Blue
White Orange Yellow Darkteal Lightblue
Darkred Lightorange Plum Teal Skyblue
Red Gold Green Aqua Indigo
Pink Tan Seagreen Turquoise Bluegray
Navy Darkyellow Brightgreen Fuchsia Violet

IV.5. Membuat dokumen HTML Sederhana

Untuk membuat dokumen web diperlukan satu program penyunting teks (seperti notepad,
wordpad, ms. Word atau yang lainnya). Teks editor digunakan untuk menulis dokumen
HTML, sedang browser digunakan untuk melihat hasil tampilkannya. Disini digunakan editor
teks yang sederhana, yaitu Notepad yang disertai dalam setiap paket windows pada group
accessories.

Internet 1- D3 –KA/MI Create By : Agus Muhardi, A.Md 20


IV.6. Latihan 1

Buatlah contoh seperti dibawah dengan menggunakan notepad:


1) Klik Start – Program – Accesories dan klik “Notepad”.
2) Ketklah program seperti dibawah ini :

<html>

<head>
<title> Halaman Pertama </title>
</head>
<body bgcolor=black>

<p align=center><font color=yellow size=6> Welcome To My

Homepage</font></p>
<hr width=40% size=4 color=aqua>
<p align=center><img border=0 src=c:\gambar\spider_4.gif width=151

height=170></p>

<p align=center><font color=aqua>Perkenalkan nama – ku <font color=red

><b>Maryanti, A.md</b></font> ini merupakan homepage pertama saya<br>


Selain itu juga dapat digunakan untuk tempat berdiskusi ataupun

bertukar pikiran<br>
Tentang segala macam hal yang teman-teman miliki,<br>
<br>
<font size=2><a href=Yantie2.html>Selanjutnya</a></font>
<font></p>

</body>
</html>

3. Simpanlah file tersebut dengan nama “Yantie1.html” dengan cara klik File Save As,
di file name ketik Yantie.1.html
4. Mahasiswa dapat melihat hasilnya dengan Program Browser ( Internet Explorer).
Cara membuka file HTML menggunakan Internet Explorer:
Klik menu File – open
Klik tombol Browse
Klik directory penyimpanan file (Mydocument atau Floppy A:)
Klik nama file html (Yantie1.Html)
Klik Open – Ok

Internet 1- D3 –KA/MI Create By : Agus Muhardi, A.Md 21


IV.7. Latihan 2
Buat juga latihan berikut, dan simpan dengan nama “Yantie2.html”.
<html>

<head>
<title> Halaman Dua </title>
</head>

<body text=olive background=c:\gambar\spider_1>

<p align=center><font face=”Monotype Corsiva” size=6 color=red> T A B E L </font></p>


<hr width=15% size=4 color=Red>

<p>&nbsp;</p>
<center>
<table border=6 width=536 bgcolor=navy>
<caption align=bottom><font color=olive><b>Memasukkan daftar isi dalam
tabel</b></font></caption>
<tr>
<th width=132><font color=fuchsia>Jenis Akademi</font></th>
<th width=195><font color=yellow>Gambar</font></th>
<th width=120><font color=lime>Jurusan</font></th>
</tr>
<td width=132 valign=middle>
<ol>
<li><font color=orange>AMIK</font></li>
<li><font color=orange>AKOM</font></li>
<li><font color=orange>ABA</font></li>
<li><font color=orange>ASM</font></li>
</ol>
</td>
<td width=195 valign=middle>
<p align=center><a href=http://www.bsi.ac.id><img border=0 src=c:\gambar\bsi.jpg></p>
</td>
<td width=120 valign=middle>
<ul>
<li>Manajemen Informatika</li>
<li>Komputerisasi Akuntansi</li>
<li>Teknik Komputer</li>
<li>Seketaris</li>
<li>Klik aja gambar bsi</li>
</ul>
</tr>
</table>
<font size=2><a href=Yantie1.html>kembali</a></font>
<font></p>

</center>

</body>

<html>

Internet 1- D3 –KA/MI Create By : Agus Muhardi, A.Md 22