Rabu, 12 Agustus 2020

Tugas Project 1 Membuat Landing Page dengan halaman HTML dan CSS

- HTML dan CSS

 Seperti pada biasa nya kita akan terlebih dahulu membuat  html seperti di bawah ini.


Setelah kita selesai dengan html, kita bisa melanjutkan mengerjakan css seperti dibawah ini.



Hasil nya akan seperti dibawah ini.


- Tidak ada komentar:

Minggu, 02 Agustus 2020

TUGAS 1 HTML LANJUTAN - XII RPL TH 2020

Contoh Pembuatan HTML & CSS

Hasil dari penulisan yang saya buat :


Dan dibawah ini hasil dari penulisan diatas :


- Tidak ada komentar:

TUGAS 1 HTML LANJUTAN - XII RPL TH 2020

- Mencari Kesalahan Pada Sintak HTML


Carilah Kesalahan-kesalahan yang terdapat pada Sintak HTML dibawah ini dan Tulis kembali dengan lengkap !
<html>
<head>
<title>Quiz 1</title>
<body>
<h3>Menemukan Sintak yang salah dan Kurang</h2>
<p> belajar menjadi ahli butuh latihan yang terus menerus </p>
<p>Latihlah skill dengan terus mengulang-ngulang materi agar otak dan tangan menjadi terlatih <p>
</>
<html>

Jawab :

Pada bagian tag <title>, "Quiz 1" dan penutup tag tidak dibaris yang sama itu satu kesalahan nya. Kesalahan yang kedua terdapat dalam penutup tag <head>, penutup tag <head> seharus nya berada di bawah tag <title>. Dan kesalahan selanjutan terdapat dalam tag <h3>, seperti yang kita lihat penutup dari tag <h3> di atas adalah tag </h2> yang seharusnya itu adalah <h3> .. </h3> . Selanjutnya terdapat kesalahan dalam tag <p>, dalam soal diatas kita bisa lihat paragraf ke 2 tidak ada penutup, seharus nya penulisan yang benar seperti ini <p> .. </p> . Di atas terdapat tag kosong </ > , yang penulisan seharus nya adalah </body> . Dan yang terakhir terdapat dalam tag <html>, didalam tag <html> hanya kurang tanda /, jadi seharus nya penutup tag </html>.

Penulisan yang sesuai bisa kita lihat dibawah ini :

 <html>
<head>
<title>Quiz 1</title>
<body>
</head>
<h3>Menemukan Sintak Yang Salah dan Kurang</h3>
<p>Belajar menjadi ahli butuh latihan yang terus menerus</p>
<p>Latihlah skill dengan terus mengulang-ngulang materi agar otak dan tangan menjadi terlatih </p>
</body>

</html>
- Tidak ada komentar:
Langganan: Postingan (Atom)

Tugas Project PBO

  Tampilan Website Daftar Riwayat Hidup Dengan HTML dan CSS - Tampilan coding untuk halaman 1 Hasil tampilan coding diatas : - Tampilan codi...