Web ToDo List

document html dengan nama file index.html, menggunakan bahasa inggris

Head

METADATA

1. Charset atau karakter pengkodean menggunakan ketentuan standar UTF-8
2. http-equiv
3. Penambahan viewport membuat halaman web menjadi responsif terhadap device yang digunakan, artinya tampilan web akan diatur ulang skalanya mengikuti device yang digunakan user. konten berisi:
   • width untuk mengatur lebar halaman, value device-width akan mengatur ukuran lebar mengikuti perangkat.
   • variabel initial-scale untuk mengatur sekala (zoom) dari halaman web.

Judul Toolbar pada browser adalah Your List!

STYLE

h3: tag = h3

• Menggunakan lebar 50% dari tampilan browser, padding dengan ukuran 10 piksel, margin auto agar berada di tengah, text-align atau rata teks di tengah, warna latar belakang (background-color) yang menggunakan warna yaitu chartreuse, dan menggunakan warna teks (color) navy.

div.container : tag = div, class container

• Menggunakan lebar 50% dari tampilan browser, padding dengan ukuran 10 piksel, margin auto agar berada di tengah, text-align atau rata teks di tengah, warna latar belakang (background-color) yang menggunakan warna yaitu chartreuse, dan menggunakan warna teks (color) navy.

button.addBtn : tag = button, class = addBtn

• dasdasdasdasd

div.container : tag = div, class container

• Menggunakan lebar 50% dari tampilan browser, padding dengan ukuran 10 piksel, margin auto agar berada di tengah, text-align atau rata teks di tengah, warna latar belakang (background-color) yang menggunakan warna yaitu chartreuse, dan menggunakan warna teks (color) navy.

div.container : tag = div, class container

• Menggunakan lebar 50% dari tampilan browser, padding dengan ukuran 10 piksel, margin auto agar berada di tengah, text-align atau rata teks di tengah, warna latar belakang (background-color) yang menggunakan warna yaitu chartreuse, dan menggunakan warna teks (color) navy.

div.container : tag = div, class container

• Menggunakan lebar 50% dari tampilan browser, padding dengan ukuran 10 piksel, margin auto agar berada di tengah, text-align atau rata teks di tengah, warna latar belakang (background-color) yang menggunakan warna yaitu chartreuse, dan menggunakan warna teks (color) navy.

Body

header: Judul halaman web berisi tag h3 dengan isi teks Your List!.

div division atau section:

1. class="container" berisi beberapa tag, yaitu:
   • tag input dengan kelas todo dan berisi placeholder dengan value "Text here..."
   • tag button dengan fitur onclick yang terhubung dengan fungsi JavaScript dengan nama "daftar()"