Part 3 CSS

SMK BINA KERJA PURWAKARTA
MENCERDASKAN ANAK BANGSA

JOBSHEET WEB XI 3
Tema :
Konsep Penulisan CSS
Alat :
 Hardware :
 Komputer
 Software :
 Visual Studio Code
 Web Browser : Mozilla Firefox / Chrome / Microsoft Edge
Materi :
1. Buatlah script html berikut :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS Selector</title>
<style>
div{
font-family: Verdana, Geneva, Tahoma, sans-serif;
font-size:20px;
}
p{
font-size: 16px;
}
.pesan1, .pesan2, .pesan3{
padding:10px;
margin-top:10px;
}
.pesan1{
/* Isi style disini */
....
}
.pesan2{
....
}
.pesan3{
....;
}
</style>
</head>
<body>
<div>
<p id="title">Imam Syafi'i</p>
</div>
<div class="pesan1">
<p>Pesan 1 :</p>
<p>Jika kamu tidak tahan terhadap penatnya belajar, maka kamu akan men
anggung bahayanya kebodohan</p>
</div>
<p>Pesan 2 :</p>
<p>Ilmu itu seperti air. Jika ia tidak bergerak, maka ia akan menjadi
keruh lalu membusuk</p>
</div>
<p>Pesan 3 :</p>
<p>Orang yang pandai akan bertanya tentang apa yang ia ketahui dan tid
ak ia ketahui. Dengan menanyakan apa yang ia ketahui, maka ia akan semakin man
tap, dan dengan menanyakan apa yang belum ia ketahui, maka ia akan menjadi tah
u. Sementara orang bodoh itu meluapkan kemarahannya karena sulitnya ia belajar
, dan ia tidak menyukai pelajaran.</p>
</div>
</body>
</html>
Isi bagian style yang kosong pada script diatas sehingga tampilan dari halaman web
seperti hasil akhir pada no 2
2. Hasil Akhir :

Part 3 CSS

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Part 3 CSS

Diunggah oleh

Hak Cipta:

Format Tersedia

SMK BINA KERJA PURWAKARTA

MENCERDASKAN ANAK BANGSA

Anda mungkin juga menyukai