Sekarang untuk latihan pertama kita, mari kita buat
dokumen HTML sederhana. Ikuti langkah-langkah berikut ini:
1. Buat direktori dengan nama latihan di drive C:.
Dan selanjutnya dalam direktori ini 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>Membuat
Garis Horisontal</title>
</head>
<body bgcolor=#fffccc>
<font size=1 Face=tahoma
color=blue>Ravy Octhavy Yansen</font>
<hr size=1 width=150 align=left>
<h1><center>www.smkn1-kotabekasi.com</h1>
<div style="text-align:center;"><img src="1dpk.jpg" alt="Logo SMKN1 DEPOK" width="100" height="100"></div>
<div style="text-align:center;"><img src="1dpk.jpg" alt="Logo SMKN1 DEPOK" width="100" height="100"></div>
<hr
size=5 align=center noshade> </body>
</html>
5. Simpan file anda dengan cara klik menu File
– Save-As :
6. Pada box File name, isikan nama filenya
dengan Latihan4.html
Untuk
menjalankan kode-kode tersebut, silahkan buka browser seperti Internet
Explorer, Mozila Firefox.
1.
Klik menu File à
Open
3.
Klik tombol Open lalu tekan tombol Ok,
halaman web yang ditampilkan dalam browser adalah seperti berikut:
Catatan:
File gambar harus satu folder dengan file html yang kita buat
File gambar harus satu folder dengan file html yang kita buat
0 komentar:
Posting Komentar