</> zpět do dílny
=^.^= KOČIČÍ PROFIL / živé IDE

ÚROVEŇ 01 / DEMO

Jeden tag, jeden viditelný účinek. Společně zkusíme, co se stane po malé změně.

    TEĎ UDĚLEJ / KROK 1 ZE 3

    Dvojklikni na nadpis.

    NEKONEČNÝ ZÁSOBNÍK

    Táhni kartičku do editoru. V zásobníku zůstane i pro další použití.

    HTML / obsah
    CSS / vzhled
    živý náhled zapnutý
    HTML = kostra a obsah. Přetahuj celé tagy. Barevná linka vždy propojuje začátek a konec jednoho tagu. Dvojklik na kartičku otevře text a atributy přímo v ní.
    zobrazit kód, který kartičky právě skládají
    
      
    

      
    
    
  
    

  
    
    
    BEZPEČNÁ DÍLNA
    
    
    Nejde o rychlost. Jde o pokus.
    
    
    1. Začni vždy u aktuální úrovně, ne u všech tagů najednou.
    2. Dvojklikni na kartičku a uprav text nebo atribut přímo v ní.
    3. V CSS změň vždy jednu hodnotu a nejdřív si tipni, co se stane.
    4. Když něco nedává smysl, vrať poslední krok tlačítkem ↶.
    
    
    Nově: section je smysluplný kus stránky; strong zvýrazní důležitá slova. Ostatní už znáš.
    
      

  
    
    
    VIZUÁLNÍ INSPIRACE, NE NÁVOD K OPSÁNÍ
    
    
    Profil může mít třeba toto: