Anda di halaman 1dari 2

SMK 17 AGUSTUS 1945 GENTENG

TEKNIK KOMPUTER DAN JARINGAN


JOB SHEET UJIAN PRAKTIK MAPEL :
PAS SEMESTER GENAP C2. DASAR PROGRAM KEAHLIAN

Materi : Membuat file HTML


TP
Waktu : 90 Menit KELAS : X 2022/2023
Guru Mapel : Wawan Eko Pramujo, ST, S.Kom

JOBSHEET UJIAN PRAKTIK PAS


SEMESTER GENAP

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>

 Simpan dengan nama : Praktikum1.html

b) Memasukkan Gambar HTML

<!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>

 Simpan dengan nama : Praktikum2.html

c) Running Text (Marquee) HTML


<!DOCTYPE html>
<html>
<head>
<title> TEKS BERJALAN </title>
<head>
<body>
<marquee> <h1>Teks Ini Berjalan Ke Kiri </h1> <marquee>
<body>
<html>

 Simpan dengan nama : Praktikum3.html

Anda mungkin juga menyukai