Pengenalan dan Penerapan tag dasar HTML & CSS pada website

Penerapan HTML & CSS

Pengertian HTML

HTML adalah singkatan dari Hypertext Markup Language. Ini adalah bahasa markup yang digunakan untuk membuat struktur dasar dari halaman web. Dalam HTML, informasi ditandai dengan menggunakan elemen atau tag HTML. HTML adalah “tulang punggung” dari sebuah website, dan digunakan untuk menentukan elemen-elemen dasar seperti teks, gambar, tautan, daftar, dan banyak lagi. Beberapa tag dasar dalam HTML meliputi:

  • <html>: Menandai awal dan akhir dari dokumen HTML.
  • <head>: Bagian ini berisi informasi meta, judul halaman, dan berbagai sumber daya seperti stylesheet (CSS) atau script.
  • <body>: Ini adalah tempat konten utama halaman web, seperti teks, gambar, tautan, dan elemen lainnya ditempatkan.

Pengertian CSS

CSS adalah singkatan dari Cascading Style Sheets. Ini adalah bahasa yang digunakan untuk mengendalikan tampilan dan presentasi elemen-elemen HTML di halaman web. Dengan CSS, teman – teman dapat mengubah warna, ukuran, jenis font, tata letak, dan banyak aspek lainnya dari elemen-elemen HTML. Ini memisahkan konten (HTML) dari presentasi (CSS), sehingga teman – teman dapat dengan mudah memodifikasi tampilan situs web tanpa harus mengubah struktur konten HTML. Beberapa contoh properti CSS termasuk:

  • color: Mengubah warna teks.
  • font-size: Mengatur ukuran font.
  • margin dan padding: Mengatur ruang di sekitar elemen HTML.
  • background-color: Menentukan warna latar belakang elemen.

Tag Dasar

Berikut beberapa tag dasar dalam HTML yang digunakan untuk membuat struktur dasar halaman web:

  • <h1>, <h2>, …, <h6>: Digunakan untuk judul atau tajuk berbeda.
  • <p>: Menandai paragraf teks.
  • <a>: Digunakan untuk membuat tautan (link) ke halaman web lain.
  • <img>: Digunakan untuk menyisipkan gambar.
  • <ul>: Untuk membuat daftar tak terurut (bullet list).
  • <ol>: Untuk membuat daftar terurut (numbered list).
  • <li>: Digunakan di dalam <ul> atau <ol> untuk menandai item dalam daftar.
  • <div>: Elemen wadah yang sering digunakan untuk mengelompokkan elemen-elemen lain.

beberapa contoh penerapan css pada website.

Dengan menggunakan HTML dan CSS, Anda dapat membuat halaman web yang interaktif dan menarik dengan struktur dan tampilan yang sesuai dengan kebutuhan teman – teman. Kombinasi dari HTML untuk struktur dan CSS untuk tampilan adalah dasar dari pembuatan website modern.

Subscribe

Related articles

Panduan Lengkap tentang Macam-Macam Button di Flutter

Di Flutter, tombol (button) adalah elemen antarmuka pengguna (UI)...

Panduan Lengkap tentang Jenis-Jenis GridView di Flutter

GridView di Flutter adalah widget yang memungkinkan Anda menampilkan...

Apa itu Splash Screen?

Splash screen adalah tampilan awal yang muncul ketika aplikasi...

Pengenalan Dio Flutter

Dio adalah pustaka HTTP client untuk Dart yang menawarkan...

Apa itu Slider?

Slider adalah elemen UI yang sangat berguna dalam aplikasi...