Font size
Worksheets(X) Dasar Programming
Total questions: 11
Worksheet time: 10mins
Layout HTML adalah
bahasa untuk mendesain halaman web sehingga menghasilkan output yang menarik
cara untuk mengatur halaman web dengan cara yang baik, terstruktur dengan baik, dan dalam bentuk responsif
bahasa markup standar untuk membuat halaman website
cara untuk membangun struktur, dan tampilan konten halaman web
Framework yang bersifat utility first untuk membangun desain antarmuka khusus dengan cepat adalah
Foundation
Bootstrap
Tailwindcss
Semantic UI
Font adalah sebuah rupa huruf yang memiliki ukuran, berat, dan gaya tertentu. Dalam memilih font, kita tak luput dari warna untuk estetika. Untuk mengaturnya dalam bahasa HTML sebagaimana utilitasnya...
Font 'text-{size}
<h1> </h1>
'text-{colorname}-number'
'font-weigh-{option}{
<div class="flex justify-end">
...
<div class="flex items-end">
Dua codingan diatas digunakan sebagai pengatur elemen atau container beserta item didalamnya. Hal ini disebut
Margin
Card
Flexbox
Responsive class
Salah satu penggunaan HTML dan CSS yang mengubah situs web terlihat bagus dan fleksibel di semua perangkat disebut
Margin
Card
Flexbox
Responsive Class
Tanda </> dalam kode HTML berfungsi sebagai
Menampilkan informasi HTML
Membuka tag HTML
Menulis kode HTML
Menutup tag HTML
<h1>Contoh</h1> (1)
<h6>Contoh</h6> (2)
Yang manakah menghasilkan heading yang lebih kecil?
h1
h6
Berdasarkan pengalaman, output yang diharapkan sesuai ekspektasi ternyata tidak sesuai realita (studi kasus: program yang kalian kerjakan sejauh ini). Mengapa hal itu terjadi?
Double running sehingga error
Script untuk mengaktifkan tailwindcss belum ditulis
Belum mengunduh eksternal tailwindcss
Device tidak mendukung
Bagaimana config mengatur utility tailwind sesuai keinginan kita? (Studi kasus: program yang kalian kerjakan sejauh ini)
Memudahkan penulissn kode yang terlalu panjang
Mengatur warna dasar di web
Menambah icon di web
Untuk mengatur posisi badge
Untuk hasil lebih dinamis, setelah kalian membuat file html, file bahasa apa lagi yang akan dibuat sebagai transisi?
Netbeans
Python
C++
Javascript
(Ice breaking) ps: yang benar dapat hadiah
Seorang filosofis dan seorang ahli kimia memegang gelas dengan air bervolume setengah dari gelas tersebut. Filosofis mengatakan gelas tersebut tidak penuh karena airnya setengah, namun ahli kimia mengatakan gelas tersebut penuh.
Kok bisa?
(a)
