Kamis, 10 September 2020

Tugas Project PBO

Tampilan Website Daftar Riwayat Hidup Dengan HTML dan CSS

- Tampilan coding untuk halaman 1

Hasil tampilan coding diatas :

- Tampilan coding untuk riwayat hidup

Tampilan hasil dari coding diatas :

Mohon maaf apabila ada kesalahan dalam pembuatan coding diatas, karena saya pun masih dalam tahap belajar. Terima kasih :)

Rabu, 02 September 2020

TUGAS PRAKTEK DARING PBO KELAS XII RPL 2

Step 1 :

Step 2 :

Hasil :

Sekian dan terima kasih😁

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.

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 :

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>

Sabtu, 16 Mei 2020

TUGAS DARING MATERI 4 BELAJAR HTML - HTML Tag Table

TAG TABLE

Tabel Html memungkinkan penulis web untuk mengatur data menjadi baris dan kolom.

Kali ini kita akan membuat 3 tag tabel, pertama kita akan membuat tag table bendera negara Indonesia, kedua tag table gabungan, dan ketiga tag table absen.

1. Bendera Indonesia

Berikut contoh kode html membuat lambang bendera :

<!DOCTYPE html>
<html>
<body>
<table border="1" cellpadding="50" style="width:100%">
<tr style="background-color:red">
<td></td>
</tr>
<tr>
<tr style="background-color:white">
<td></td>
</tr>
</table>
<p align="center"><b>AKU CINTA INDONESIA</p></b>
</body>
</html>

Jika ditulis dalam editor anwriter akan seperti dibawah :

Dan hasil nya akan seperti ini :

2. Gabungan

Berikut contoh kode html dari gabungan :

<!DOCTYPE html>

<html>

<body>

<center>

<table border="1" cellpadding="60" cellspacing="1">

<tr>

<td colspan="2" style="background-color:red"></td>