Pengenalan HTML DAN CSS

by | Jul 24, 2023 | Blog, Others, Teknologi | 0 comments

Apa itu HTML?

  • Untuk membuat dan mengorganisir tata letak sebuah halaman web ditampilkan oleh browser, HTML menggunakan markah dan tanda, yang lebih dikenal sebagai tag.

    Tag HTML mempunyai tag pembuka dan penutup. Tag pembuka menggunakan simbol kecil dari (<) dan besar dari (>), begitupun dengan tag penutup, hanya saja untuk tag penutup di tambahkan slash (/).

 

  • Tidak, HTML hanyalah bahasa penanda. HTML tidak dapat melakukan operasi aritmatika, perulangan, percabangan, serta tugas-tugas pemrograman yang kompleks operasi pemrograman lainnya, dan proses lainnya yang dapat dilakukan oleh bahasa pemrograman. Namun, setiap orang yang ingin masuk Web development harus terlebih dahulu mengenal HTML.

Apa itu CSS?

Css adalah aturan untuk mengelola berbagai bagian web sehingga lebih terstruktur. CSS bukan merupakan bahasa pemograman.

Kenapa kita membutuhkan CSS?

  • Memisahkan Konten dan Presentasi: CSS memungkinkan kita untuk memisahkan antara konten (HTML) dan presentasi (tampilan). Dengan begitu, kita dapat mengatur tata letak, warna, font, dan gaya lainnya secara terpisah dari struktur konten, sehingga membuat kode HTML lebih bersih dan lebih mudah diubah.
  • Fleksibilitas dan Konsistensi: Dengan menggunakan CSS, kita dapat dengan mudah mengubah tampilan seluruh situs web hanya dengan memodifikasi beberapa aturan CSS. Ini membantu menciptakan konsistensi dalam tampilan di seluruh halaman situs.
  • Pengaturan Tata Letak: CSS memungkinkan kita untuk mengatur tata letak halaman dengan lebih terperinci dan fleksibel. Kita dapat menentukan ukuran, posisi, dan bentuk elemen, sehingga menciptakan tata letak yang lebih menarik dan responsif.
  • Mempercepat Pengalaman Pengguna: Dengan menggunakan CSS, kita dapat mengoptimalkan tampilan situs untuk berbagai perangkat, termasuk komputer, tablet, dan ponsel cerdas. Dengan responsif, situs web akan lebih cepat dimuat dan memberikan pengalaman yang lebih baik kepada pengguna.
  • Mengurangi Duplikasi Kode: Dengan menerapkan CSS, kita dapat mengatur gaya dan tampilan di satu tempat, kemudian menerapkannya pada berbagai elemen dalam dokumen HTML. Hal ini mengurangi duplikasi kode dan mempermudah pemeliharaan.
  • Dukungan untuk Animasi dan Transisi: CSS juga menyediakan dukungan untuk animasi dan efek transisi, sehingga memungkinkan kita untuk membuat halaman web yang lebih dinamis dan menarik.
  • Pencarian dan Aksesibilitas: Dengan menggunakan CSS secara tepat, mesin pencari dapat lebih mudah mengindeks konten situs web, dan halaman akan lebih mudah diakses oleh orang-orang dengan kebutuhan khusus melalui teknologi bantuan.

Bagaimana cara menggunakan CSS?

Ada 3 cara penggunaan CSS :

  • Inline Style Sheet: Cara ini cukup sederhana, kita Menulis kode CSS langsung pada tag HTML (disebut selector dalam CSS)
  • Internal / Embedded Style Sheet: Metode penggunaan style sheet internal atau tertanam, yang berarti kode CSS dimasukkan ke dalam file HTML tetapi ditulis di dalam elemen head.
  • External Style Sheet: Cara yang paling umum untuk menggunakan css adalah “dengan menggunakan file eksternal CSS menjadi file terpisah yang dilengkapi dengan ekstensi.css.

Bagusnya pakai yang mana?

            Cara terbaik menggunakan CSS yaitu External Style Sheet. Karena selain membuat dokumen HTML tampak rapi, yang memungkinkan pembuatan berbagai halaman web dengan desain yang seragam.

Artikel Lainnya :

Referensi

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *