A. Tujuan Pembelajaran
1) Siswa dapat menjelaskan stuktur dasar penulisan kode HTML
2) Siswa dapat mengetahui jenis-jenis kode program HTML dasar
3) Siswa dapat menggunakan kode HTML untuk membuat heading, memasukkan gambat dan
running text
B. Alat dan Bahan
1) 1 Unit Personal Komputer
2) Software aplikasi Web Editor Notepad
3) Web browser Chrome
C. Kesehatan dan Keselamatan Kerja
1) Berdoa sebelum memulai pekerjaan
2) Menggunakan prosedur K3 pada tiap tahap pekerjaan
3) Tidak diperkenankan makan / minum di dalam lab selama melaksanaan jobsheet
4) Menggunakan tool dan pakaian praktek dalam melaksanakan jobsheet
D. Langkah Kerja
1) Buat folder di Folder Download, dengan nama folder nama anda_absen. Misal : Mulyadi_07
2) Downloadlah sebuah gambar Hardisk di Google Chrome dengan format JPEG. Simpan di
folder yang sudah kamu buat dengan nama : Hardisk
3) Bukalah aplikasi web editor Notepad dan tuliskan beberapa elemen struktur dokumen HTML
pada soal praktik di point nomer 6.
4) Simpan elemen-elemen struktur dokumen HTML tersebut dalam format : *.html
5) Jalankan masing-masing contoh elemen-elemen struktur dokumen HTML tersebut dengan
bantuan : Google Chrome yang tersedia di dalam komputer saudara.
6) Soal-soal praktik
Ketik dan lengkapi atribut-atribut kode HTML di bawah ini dan simpan dalam format .html
a) Heading HTML
<!DOCTYPE html>
<html>
<head>
<title> Praktikum1
<head>
<body>
<h1> Kompetensi Keahlian Di SMK 17 Genteng <h1>
<h2> Teknik dan Bisnis Sepeda Motor <h2>
<h3> Teknik Komputer dan Jaringan <h3>
<h4> Bisnis Daring dan Pemasaran <h4>
<h5> Otomatisasi dan Tata Kelola Perkantoran <h5>
<h6> Perhotelan <h6>
<body>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Contoh Gambar di HTML</title>
</head>
<body>
<h1>Menampilkan Gambar di HTML</h1>
<p>Berikut ini adalah gambar Hardisk :</p>
<p>
<img src="Hardisk.jpeg" />
</p>
</body>
<html>