Web Development

Module 1 – Web Development · 1

Page 2 of 3 · Mga 15 minutos matag leksyon, apil ang praktis.

Pag-style nga mabasa gihapon

15-minutong sesyon: pagbasa sulod sa 3 minutos, pag-trace sa 3, pag-eksperimento sa 7, ug pagtubag sa check sa 2. Paggahin og dugang oras kon gikinahanglan.

Ang CSS selector mopili og element ug ang declaration mousab sa hitsura. Tag-ana ang epekto sa padding sulod sa card; itandi sa margin gawas sa border. Usba ang gidak-on sa preview ug ipadayon ang pagkabasa nga walay horizontal scroll. Sulayi ang keyboard focus. Ayaw pagsalig sa kolor lamang alang sa pass o fail.

<!doctype html>
<html lang="en"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
<title>Agila study</title>
<style>body{font:1.1rem system-ui;margin:2rem;background:#f4f2fb;color:#21143e} main{max-width:40rem;margin:auto;padding:1.5rem;background:white;border:2px solid #56329a;border-radius:12px}button{padding:1rem}</style>
<main><h1>My study plan</h1><p>Resize the preview. Keep this text readable.</p><button>Start</button></main></html>

Praktis ug ebidensiya

Isulat ang tagna, aktuwal nga resulta, ug hinungdan sa pagkapareho o kalainan. Ang completion check mosukod sa pagsabot; ang practice task mopauswag sa kahanas.

Pananglitang code sa Agila Forge ↗