Contoh Tugas Website HTML Sederhana

Website HTML Sederhana

Teman-teman TKJ pasti sudah tidak asing lagi kan dengan HTML? Ya, HTML atau Hypertext Markup Language merupakan sebuah bahasa pemrograman dasar yang sering digunakan untuk membuat atau mendesain suatu website. Website yang sudah dibuat bisa diunggah di internet maupun sekadar ditampilkan melalui browser.

Di TKJ sendiri, pelajaran tentang website HTML mulai diajarkan ketika kelas X. Kita akan dikenalkan dengan perintah HTML serta mempraktikkannya. Ketika perintah yang diajarkan sudah cukup, maka akan dibimbing untuk membuat website sederhana menggunakan Notepad.

Tampilan Full Website HTML

Pada contoh website HTML ini memang tidak semua halaman ada isinya. Yang ada isinya cuma halaman HOME saja, yang lain hanya judul saja, tidak ada kontennya.

Tampilan website di atas bukan hanya menggunakan kode HTML saja. Ada sedikit CSS (Cascading Style Sheet) yang saya tambahkan untuk mempercantik tampilan. Soalnya, kalau hanya menggunakan HTML saja, tampilannya ada yang kurang.

Jika file HOME kita buka menggunakan Notepad++ maka hasilnya akan seperti di bawah ini.

Kode di atas bisa dikatakan masih sedikit, kalau mau di improve lagi tentunya perlu kode yang lebih banyak lagi.

Kode atau tag HTML yang digunakan pada website di atas ada bermacam-macam, salah satunya adalah link atau hyperlink. Coba teman-teman perhatikan pada tulisan Create by Charis Fitriyanto”. Charis Fitriyanto adalah text yang sudah diberi link. Bagaimana cara membuatnya?

Untuk membuat hyperlink, kita hanya perlu menggunakan tag <a href=”link tujuan”>Tulisan yang ditampilkan</a>. Jadi, semisal kita menuliskan tag <a href=”https://www.charis.id/”>Charis Fitriyanto</a> maka hasilnya adalah Charis Fitriyanto (sudah ada hyperlink)

Nah, itulah contoh tugas website HTML sederhana. Ini sekadar contoh saja ya, mohon maaf kalau kurang bagus. Saya yakin, website HTML yang dibuat teman-teman jauh lebih baik daripada contoh ini.

Semangat ya kalau dapat tugas bikin website HTML, agar nilainya bagus.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *