Belajar dimulai dari hati!

Dimana hatimu! Seruku untuk niatmu terus maju dalam kerjamu.

Belajar bukan untuk diri sendiri!

Dimana pintarmu! Harapku untuk kerjamu bagi sesamamu.

Belajar bukan hanya dari pikiranmu sendiri!

Dimana ragamu! Kamu tidak akan bisa hidup sendiri karena belajar butuh referensi.

Belajar sebagian dari berdoa!

Dimana imanmu! Belajar perlu tuntunan dari Yang Maha Kuasa agar dilancarkan jalanmu.

Belajar perlu dekat dan lingkungan!

Dimana panggilanmu! Belajar memiliki kesatuan dengan alam dan nafas hidup disekitarmu.

Tampilkan postingan dengan label Website. Tampilkan semua postingan
Tampilkan postingan dengan label Website. Tampilkan semua postingan

Senin, 11 Agustus 2025

Membuat tampilan website sederhana menggunakan kode HTML [Kelas XI]



Hari ini, siswa kelas XI melakukan praktik membuat halaman website sederhana menggunakan bahasa HTML. Kegiatan dimulai dengan mengenal struktur dasar dokumen HTML, mulai dari <html>, <head>, hingga <body>.

Siswa kemudian menambahkan elemen-elemen dasar seperti judul halaman, teks paragraf, gambar, dan tautan. Tujuannya adalah agar mereka memahami bagaimana setiap tag HTML memiliki fungsi tertentu dalam membangun tampilan dan isi halaman.

Melalui praktik ini, siswa belajar bahwa membuat website tidak selalu membutuhkan software canggih. Cukup dengan teks editor sederhana dan browser, mereka sudah bisa menciptakan halaman web sendiri. Semoga keterampilan ini menjadi langkah awal untuk mengembangkan kreativitas dan kemampuan di bidang teknologi.


latihan6.html 

<html> 

<head> 

   <title> .:: SITUSKU ::. </title> 

</head> 

<body bgcolor="#000000" text="#FFFFFF"> 

 <table border="1" align="center" width="80%"> 

     <tr> 

  <td colspan="2" align="center" height="100" bgcolor="#3A2BD1"> 

           <font size="16" face="Arial">SITUSKU.COM </font><br> 

   <hr width="500"> <br> 

<marquee direction="right">Terdepan Dalam Berita dan 

Gosip</marquee> 

  </td> 

     </tr> 

     <tr valign="top"> 

                 <td width="200" height="450" bgcolor="green">

 

Home <br>

<a href=informatika.html>

Informatika</a>

 

</td> 

  <td bgcolor="#F75454">Selamat Datang di <b><i>SITUSKU.COM</i></b> <br> 

Situsku.Com akan selalu konsisten dengan berita-berita terbaru dari 

segala penjuru Indonesia.<br><br> 

Dapatkan berita-berita menarik tentang: politik, hukum, keamanan, gosip 

artis dan kuliner di Indonesia. 

            </td> 

    </tr> 

 </table> 

</body> 

</html> 


informatika.html

<html> 

<head> 

   <title> .:: SITUSKU ::. </title> 

</head> 

<body bgcolor="#000000" text="#FFFFFF"> 

 <table border="1" align="center" width="80%"> 

     <tr> 

  <td colspan="2" align="center" height="100" bgcolor="#3A2BD1"> 

           <font size="16" face="Arial">SITUSKU.COM </font><br> 

   <hr width="500"> <br> 

<marquee direction="right">Terdepan Dalam Berita dan 

Gosip</marquee> 

  </td> 

     </tr> 

     <tr valign="top"> 

                 <td width="200" height="450" bgcolor="green">

 

<a href=latihan6.html>Home</a> <br>

Informatika

 

 

</td> 

 

  <td bgcolor="#F75454">Halaman Informatika <b><i>

            </td> 

    </tr> 

 </table> 

</body> 

</html>

Ketentuan Pengumpulan Tugas:

Semua file latihan Kode HTML mulai dari file:

Folder 1 berisi:

    - latihan.html

    - latihan2.html

    - latihan3.html

    - latihan4.html

    - latihan5.html

    - latihan6.html

Folder 2 berisi:

    - home.html

    - profile.html

    - gallery.html

    - gambar.jpg

Kedua folder dimasukkan ke dalam satu folder dan diberi nama kemudia upload ke alamat di bawah ini!


KELAS 11A

https://drive.google.com/drive/folders/1aaw5_V3pzaMAzx92uera0wLDHf8s9LEf?usp=sharing


KELAS 11B

https://drive.google.com/drive/folders/1LbNXzrVO8zEBnHGgPupIo-QPbyQHhf1k?usp=sharing


Materi selanjutnya: https://informatikasegar.blogspot.com/2025/09/konfigirasi-xampp-server-kelas-11.html