courses:b6b39zwa:teacher:mudrama1:2019:cviceni [CourseWare Wiki]

Kody ze cviceni

html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>AHOJ ZWA</title>
</head>
<body>


<header>
    <h1>Cities</h1>
</header>

<nav>
    <ul>
        <li>Prague
            <ul>
                <li>Karlovo namesti</li>
                <li>Dejvice</li>
            </ul>
        </li>
        <li>London</li>
        <li>Tokyo</li>
    </ul>
</nav>

<div id="content-main" class="content central-div">
    <div class="city-description">
        <h3>
            <a href="images/550px-London_Montage_L.jpg">London</a>
        </h3>
        <p>
<!--            <img src="images/550px-London_Montage_L.jpg" alt="London city view">-->

            London is the capital city of England. It is the most populous city in the United Kingdom, with a
            metropolitan area of over 13 million inhabitants.
            <br>
            <br>
            Standing on the River Thames, London has been a major settlement for two millennia, its history going back
            to its founding by the Romans, who named it Londinium.
        </p>

    </div>

    <table border="1px black">

        <tr>
            <th colspan="2">Nadpis</th>
        </tr>
        <tr>
            <th>Jmeno</th>
            <th>Prijmeni</th>
        </tr>
        <tr>
            <td rowspan="2">Pepa</td>
            <td>Novak</td>
        </tr>
        <tr>
            <td>Mudra</td>
        </tr>


        <tr>
            <td>Franta</td>
            <td>Novak</td>
        </tr>
    </table>

    <div class="register-form">
        <form action="test.html" method="get">

            <fieldset id="basic-values-id">
                <legend>Zakladni udaje</legend>
                <label for="first-name-id">Jmeno:
                <input type="text" name="first-name" id="first-name-id" autocomplete="off" tabindex="2"/>
            </label>
            <label for="password-id">Heslo:</label>
            <input type="password" name="password" id="password-id" tabindex="1">

            </fieldset>

            <input type="hidden" name="nasetajnepole" value="tajnaHodnota" disabled>

            <label for="preference-id">Vyber preferenci:</label>
            <select name="preference" id="preference-id" multiple>
                <optgroup label="Cvicici">
                <option value="mudra">Mudra - nejlepsi</option>
                <option value="zara">Zara</option>
                </optgroup>
                <optgroup label="prednasejici">
                <option value="klima">Klima</option>
                </optgroup>
            </select>



            <input type="text" name="surname" autofocus/>

            <br>

            <input type="checkbox" name="newsletter" checked>Odebirat reklamy</input>

            <input type="file" name="user-file">

            <button type="submit" name="register" value="register">Registrovat</button>
            <button type="submit" name="login" value="login">Prihlasit se</button>

            <input type="radio" name="anketa-1">Modry</input>
            <input type="radio" name="anketa-1">cerveny</input>

            <input type="color" name="barva">
            <input type="number" name="cislo">

        </form>

    </div>
</div>

<footer
        class="footer">
    footer
</footer>

</body>
</html>
JS

Kody JS
Ajax

Kody AJAX