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
Raw
index.html
<!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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment