Skip to content

Instantly share code, notes, and snippets.

@eugene-rn

eugene-rn/index.html

Created December 20, 2023 16:27
Show Gist options
  • Save eugene-rn/09f12c14e94e7045f94966109ee36ee7 to your computer and use it in GitHub Desktop.
Save eugene-rn/09f12c14e94e7045f94966109ee36ee7 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. eugene-rn created this gist Dec 20, 2023.
    116 changes: 116 additions & 0 deletions index.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,116 @@
    <!DOCTYPE html>
    <html>
    <head>
    <title>Мой первый сайт</title>
    </head>
    <body>
    <!-- Текст / Изображения -->
    <h1>Заголовок страницы</h1>
    <h2>Заголовок 2</h2>
    <h3>Заголовок 3</h3>
    <h4>Заголовок 4</h4>
    <h5>Заголовок 5</h5>
    <h6>Заголовок 6</h6>

    <p>Абзац текста.
    <span>Еще текст</span>
    <br />
    Текст на новой строке
    </p>

    <a href="https://google.com" target="_blank">Ссылка на сайт</a>

    <ul>
    <li>Элемент списка 1</li>
    <li>Элемент списка 2</li>
    <li>Элемент списка 3</li>
    </ul>

    <ol>
    <li>Элемент списка 1</li>
    <li>Элемент списка 2</li>
    <li>Элемент списка 3</li>
    </ol>

    <img src="cat.png" width="300px" alt="Картинка кота" />

    <!-- Таблицы -->
    <table>
    <thead>
    <tr>
    <th>Марка</th>
    <th>Модель</th>
    <th>Цвет</th>
    </tr>
    </thead>
    <tbody>
    <tr>
    <td rowspan="2">BMW</td>
    <td>3</td>
    <td>Белый</td>
    </tr>
    <tr>
    <td>5</td>
    <td>Зеленый</td>
    </tr>
    </tbody>
    <tbody>
    <tr>
    <td rowspan="2">Audi</td>
    <td>A6</td>
    <td>Черный</td>
    </tr>
    <tr>
    <td>A8</td>
    <td>Синий</td>
    </tr>
    </tbody>
    </table>

    <!-- Формы -->
    <form>
    <input type="text" placeholder="Введите текст...">
    <br />
    <input type="password" placeholder="Пароль..." />
    <br />
    <label>
    <input type="checkbox" />
    <span>Согласен с правилами</span>
    </label>
    <br />
    <label>
    <input type="radio" name="variant" /><span>Вариант 1</span>
    </label>
    <label>
    <input type="radio" name="variant" /><span>Вариант 2</span>
    </label>
    <br />
    <select>
    <option>Синий</option>
    <option>Красный</option>
    <option>Зеленый</option>
    </select>
    <br />
    <textarea placeholder="Большой текст" rows="10" cols="25">Пример текста</textarea>
    <br />
    <button type="submit">Отправить</button>
    <button type="reset">Сбросить</button>
    </form>

    <!-- Семантические теги -->

    <div>123</div>
    <header>Шапка сайта</header>
    <nav>
    <a href="/">Главная страница</a>
    <a href="/">Профиль</a>
    </nav>
    <main>
    main
    </main>
    <aside>aside</aside>
    <section>section</section>
    <article>article</article>
    <footer>footer</footer>
    </body>
    </html>