Welcome to Scribd, the world's digital library. Read, publish, and share books and documents. See more
P. 1
HTML

HTML

Ratings: (0)|Views: 8,296|Likes:
Published by kuaci_super

More info:

Published by: kuaci_super on Mar 30, 2011
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as PDF, TXT or read online from Scribd
See more
See less

04/14/2013

pdf

text

original

 
Jobsheet 1 
Alat dan Bahan
PC (
Personal Computer 
) yang telah dilengkapi dengan
web browser 
dan editor teksNotepad.
Kesehatan dan Keselamatan Kerja
1)
 
Berdo’alah sebelum memulai kegiatan belajar.2)
 
Bacalah dan pahami petunjuk praktikum pada setiap lembar kegiatan belajar.3)
 
Pastikan komputer dalam keadaan baik, semua kabel penghubung terhubung denganbenar.4)
 
Jangan meletakkan benda yang dapat mengeluarkan medan elektromagnetik didekat komputer (magnet,
handphone 
, dan sebagainya).5)
 
Gunakanlah komputer sesuai fungsinya dengan hati-hati, jangan bermain
game 
.6)
 
Setelah selesai, matikan komputer sesuai prosedur yang aman!
Langkah Kerja
1)
 
Siapkanlah semua peralatan yang akan digunakan!2)
 
Periksa semua kabel penghubung pada PC.3)
 
Nyalakan PC dan jalankan program editor teks notepad dan
web browser 
InternetExplorer.4)
 
Buatlah Folder dengan nama anda, pada drive D:5)
 
Simpan semua data hasil praktek pada folder anda6)
 
Siapkan gambar gambar untuk kontent pada setiap latihan7)
 
Kerjakan setiap tugas yang diberikan oleh instruktur.
8)
 
Apabila menemui kesulitan dalam memahami materi yang ada, segera tanyakankepada instruktur.9)
 
Setelah selesai, matikan komputer dan rapikan seperti semula.
Uraian MateriStruktur Dasar Html
 
Dalam penggunaannya, sebagian besar kode HTML harus terletak di antara tagkontainer. Yaitu diawali dengan <namatag> dan diakhiri dengan </namatag>(terdapat tanda "/"). Struktur dasar dokumen HTML berisi elemen-elemen atau tagsebagai berikut:
<html><head><title>Judul Form/Caption</title>
 
</head><body>ISI WEB</body></html>
Keterangan:
 
<html> .. </html>
Mendefinisikan bahwa teks yang berada diantara kedua tagtersebut adalah file HTML.
<head> .. </head>
Sebagai informasi page header. Di dalam tag ini kita bisameletakkan tag-tag TITLE, BASE, ISINDEX, LINK, SCRIPT,STYLE & META.
<title> .. </title>
Sebagai titel atau judul halaman/form. Kalimat yang terletak di dalam tag ini akan muncul pada bagian paling atasbrowser Anda (pada title bar).
<body> .. </body>
Mendefinisikan teks beserta formatnya yang hendak ditampilkan sebagai isi halaman web. Di dalam tag ini bisadiletakkan berbagai
page attribute 
seperti
bgcolor,background, text, link, vlink, alink, leftmargin dan topmargin 
.
Sekarang untuk 
latihan pertama
kita, mari kita buat dokumen HTML sederhana.Ikuti langkah-langkah berikut ini:1.
 
Buat direktori dengan nama latihan di drive D:. Dan selanjutnya dalam direktoriini kita akan menyimpan semua file-file latihan kita.2.
 
Buka
Browser 
, misalnya Internet Explorer atau Netscape Navigator.3.
 
Buka program aplikasi teks editor misalnya dalam latihan ini adalah Notepad.4.
 
Mulai baris paling atas, tuliskan:
<html><head><title>halaman pembuka</title></head><body>Proyek latihan pertama saya.</body></html>
 
 5.
 
Simpan file anda dengan cara klik menu File - Save:6.
 
Selanjutnya pilih direktori latihan yang tadi kita buat.7.
 
Pada box File name, isikan nama filenya dengan
index.html
 8.
 
Pada drop down list di Save as type, pilih
All Files
. Sehingga tampilannya sepertiberikut:

Activity (14)

You've already reviewed this. Edit your review.
1 hundred reads
1 thousand reads
Heo Hyun Ri liked this
Gunawan Albert liked this
Denny Saputra liked this
Rosadi Tkj liked this
Danie Permana liked this
Antarnusa Cargo liked this

You're Reading a Free Preview

Download
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->