HTML - cvičení

Před upravami
Po upravách

Z některé z minulých hodin máte soubor hesse-demian.txt, tento soubor si zkopírujte do adresáře

  • ~/public_html/
  • pod názvem hesse-demian.html. Tetno soubor upravíme tak, aby se správně zobrazoval jako HTML dokument tj.:

    Zkuste si teď dokument prohlédnout v prohlížeči tj.
    nic moc...
    další úpravy:

    znovu si výsledek prohlédněte v prohlížeči.
    ...lepší, ale stále to má mouchy...
    Použijeme CSS tj. na začátek dokumetu (do <head>) přidáme:
    <style>
    body{
      background-color : #ffffe0;
      font-family: sans-serif;
    }
    p{
      text-align:justify;
      width:700px;
    }
    </style>
    
    Z umístění /usr/html/NMIN266/ si zkopírujte soubory Hermann_Hesse.jpg a Hermann_Hesse_2.jpg do ~/public_html/
    Na závěr dokumentu vložte vertikální čáru tj. <hr> a do prvku <div> vložte
    zkopírovaný obrázek a text Hermann Hesse: 2.6.1877-9.8.1962tj.
    <hr>
    <div>
    <img src=Hermann_Hesse_2.jpg><br>
    Hermann Hesse 2.6.1877-9.8.1962
    </div>
    
    Opět si dokument prolédněte v prohlížeči ...
    Obrázek je moc velký - upravíme velikost obrázku:
    <hr>
    <div>
    <img src=Hermann_Hesse_2.jpg width=200px><br>
    Hermann Hesse 2.6.1877-9.8.1962
    </div>
    
    a na závěr prvek <div> posuneme, orámujeme a nastavíme mu šířku:
    <hr>
    <div style="position:relative;left:300px;border-width:1px;border-style:solid;width:300px;">
    <img src=Hermann_Hesse_2.jpg width=200px;<br>
    Hermann Hesse 2.6.1877-9.8.1962
    </div>
    
    

    Formulářové prvky

    v adresáři ~/public_html vytvořte soubor form.html, který bude obsahovat tři input políčka s názvem (name)

      jmeno
      prijmeni
      heslo (type password)
      narozeni s předvyplněnou hodnotou DDMMYYYY
      email
      odesílací tlačítko
    
    odesílací metoda bude POST
    skript k zpracování formuláře bude:
    http://www.karlin.mff.cuni.cz/~richter/NMIN266/form.php
    
    tj.
    <form method=post action=http://www.karlin.mff.cuni.cz/~richter/NMIN266/form.php>
    formulář si otevřete na webu, vyplňte a odešlete""