September 7
Элементы html
Тело страницы
<body></body>
<html></html>
<!DOCTYPE html>
<head></head>
<select name="select">
<option value="value1">Значение 1</option>
<option value="value2" selected>Значение 2</option>
<option value="value3">Значение 3</option>
</select>
<figure>
<img src="480.jpg" alt="Elephant at sunset" />
<figcaption>An elephant at sunset</figcaption>
</figure>
Фрейм
<iframe id="" title="" width="300" height="200" src="https://"></iframe>
Теги head
<title></title>
<link href="styles.css" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1">
Заголовки
<h1></h1>
<h2></h2>
<h3></h3>
Таблицы
<td></td> - ячейка
<tr></tr> - строка
<table></table>
<tbody></tbody>
Ссылки
<a href="Ссылка"></a>
Текст
<p></p>
Блоки
<div></div>
<article></article>
<section></section>
<nav><nav> - меню
<main></main>
<footer></footer> - подвал
<header></header> - шапка
Спойлер
<details><summary>Заголовок</summary>Содержание</details>
details {
...
}
summary {
...
}
details[open] {
...
}
details[open] summary {
...
}
Картинка
<img src="Ссылка на картинку или название файла">
Комментарии
<! - - Текст но - вместе - - >
Кнопка
<button></button>
Скрипт
<script></script>
<script src="js/script.js"></script> - внешний скрипт
Списки
<ul><li>Пункт</li></ul>
Формы
<form></form>
- <label for="name">Логин:</label>
- <input type="text" id="name" name="name"><br><br>
- <label for="password">Пароль:</label>
- <input type="password" id="password" name="password"><br><br>
- <input type="submit" value="Отправить">
- <input type="range" name="ползунок" min="0" max="100" value="50">