(X) Dasar Programming

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