Selasa, 28 Januari 2025

HTML Responsive

 

HTML Responsive

Apa itu HTML Responsive?

HTML Responsive berfungsi agar website kamu bisa terlihat bagus di semua perangkat diantaranya PC/Laptop, tablet, dan handphone.

Viewport

Agar website kamu bisa terlihat bagus di semua perangkat, kamu harus menambahkan viewport terlebih dahulu

Caranya kamu hanya perlu membuat tag bernama <meta> di antara <head> dan </head> (header)

<meta>

Setelah menambahkan tag <meta>, sekarang kamu perlu menambahkan beberapa attribut di dalam tag <meta>. yaitu name, content.

name="viewport" content="width=device-width, initial-scale=1.0"

Setelah menambahkan tag <meta> beserta attributnya, seharusnya di dalam tag <head> website kamu sudah memiliki ini:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Emmet Abbreviation

Untuk beberapa IDE seperti Visual Studio Code, sudah tersedia emmet yang berguna untuk mempermudah pembuatan tag-tag diatas. Yaitu dengan mengetik tanda ! lalu tekan Enter.





Contoh sebelum dan sesudah menambahkan viewport

Sebelum





Sesudah



di

Tidak ada komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)

Animation

  Animation Sedikit berbeda dengan  transition , yang terjadinya animasi hanya ketika ada perubahan kondisi.  Animation  digunakan untuk mem...

  • Belajar HTML Dan CSS
        Definisi HTML HTML (Hypertext Markup Language) merupakan bahasa markup yang digunakan untuk menentukan konten dan struktur halaman web. ...
  • HTML META
      HTML META Apa itu HTML meta ? Tag  <meta>  di dalam html mendefinisikan metadata tentang dokumen HTML. Metadata adalah informasi ten...
  • HTML Script
      HTML Script Dalam HTML, tag  <script>  digunakan untuk menyisipkan script, biasanya menggunakan Javascript. Kenapa kita membutuhkan ...