Элементы HTML5

HTML5

<a href="#" class="scroll">Перейти к Съёмки фильма Полипропилен</a>

    <p class="info-display">Ширина экрана </p>

    <header>
        <h1>Персональный сайт Кристины Ветровой</h1>
    </header>

    <hgroup>
        <h1>Кристина Ветрова</h1>
        <h2>Персональный сайт</h2>
    </hgroup>

    <nav>
        <a href="1.html">Чебурашка</a> | 
        <a href="2.html">Гена</a> |
        <a href="3.html">Шапокляк</a> | 
        <a href="4.html">Лариска</a>
    </nav>

    <section class="film">
        <h2>Съёмки фильма Полипропилен</h2>
        <p>История о том, как снимали фильм, где герои отдыхали на пляже, потом пришёл антагонист, избил протагонистов, сбросил их в бассейн, и что из этого получилось.</p>
    </section>

    <main>
        История о том, как возле столовой появились загадочные розовые 
        следы с шестью пальцами, и почему это случилось. 
    </main>

    <details>
        <summary>Флагманы 2015</summary>
        <ul>
            <li>iPhone 6S Plus</li>
            <li>Nexus 6P</li>
            <li>Galaxy S6 Edge</li>
            <li>Lumia 950 XL</li>
        </ul>
    </details>

    <article>
        <h2>Добро пожаловать!</h2>
        <p>Рада приветствовать вас на своем сайте.</p>
        
        <p>Опубликовано: <time datetime="2012-12-23T08:23:11+07:00">сегодня</time></p>
        <p><time>1957-10-04</time> запущен первый искусственный спутник Земли.</p>
        
        <figure>
            <p><img src="http://placehold.it/100x100" alt="" /></p>
            <figcaption>Польский костёл</figcaption>
        </figure>

        <menu>
            <li>Русская кухня. Уха бурлацкая</li>
            <li>Украинская кухня. Вареники</li>
            <li>Молдавская кухня. Паприкаш</li>
        </menu>

        <menu label="Правка">
            <button type="button">Копировать</button>
            <button type="button">Вырезать</button>
            <button type="button">Вставить</button>
        </menu>

        <menu>
            <command type="command checkbox radio" label="Use Command" title="Use Command does stuff" icon="/icons/command.png" onclick="alert('Слава роботам!')" >
        </menu>

        <dl>
            <dt>Онтология</dt>
            <dd>Раздел философии, изучающий фундаментальные принципы бытия</dd>
        </dl>

    </article>

    <footer>
        <address> 
            Контакты для связи <a href="mailto:js@example.com">Кристина</a>.
        </address>
        <p>© copyright 2016 Example Corp.</p>
    </footer>

Об авторе

Ремонт компьютеров, создание web сайтов
Напишите свой комментарий

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

18 + 11 =