Просто о коде

Форма — один из ключевых элементов сайта. С её помощью пользователи могут отправлять данные: регистрироваться, оформлять заказ, подписываться на рассылку и многое другое. В HTML форма создаётся с помощью тега <form>. 👉 <form action="send.php" method="post"> <input type="text" name="username" placeholder="Имя"> <button type="submit">Отправить</button> </form> Методы отправки: Основные элементы форм: Текстовое поле 👉 <input type="text" name="username" placeholder="Ваше имя"> Пароль 👉 <input type="password"...

Кнопки — один из ключевых интерактивных элементов на сайте. Они используются для отправки форм, перехода по ссылкам, запуска действий и многого другого. В этом руководстве разберём, как создавать кнопки в HTML, какие у них есть атрибуты и как их правильно использовать. 👉 <button type="button">Нажми меня</button> Атрибут type может быть: 👉 <a href="page.html" class="button">Перейти</a> (Нужно стилизовать через CSS, чтобы выглядела как кнопка) 👉 <input type="submit" value="Отправить"> 👉 <input...

Привет, коллеги! Сегодня будем разбирать работу с аудио на сайте. Вроде бы простая вещь, но есть несколько важных нюансов, о которых знают не все. 👉 <audio controls src="музыка.mp3"></audio> Вот что получится: 👉 <audio controls> <source src="звук.mp3" type="audio/mpeg"> <source src="звук.ogg" type="audio/ogg"> Ваш браузер не поддерживает аудио </audio> Почему так лучше: 👉 `<audio id="track" src="музыка...

Вот вам реально полезный материал по созданию выпадающих списков — такой, какой я сам искал, когда только начинал работать с формами. 👉 `<select> <option>Выберите город</option> <option>Москва</option> <option>Санкт-Петербург</option> <option>Новосибирск</option> </select>` Работает сразу, ничего дополнительного не нужно. 👉 `<label for="city-select">Ваш город:</label> <select id="city-select" name="city" required> <option value="" disabled selected>— Выберите —</option> <option value="msk">Москва</option>...

Приветствую, коллеги!, вот вам реально рабочий гайд по таблицам — такой, какой я сам хотел найти, когда только начинал верстать. Никакой воды, только конкретика. 👉 `<table> <tr> <td>Ячейка 1</td> <td>Ячейка 2</td> </tr> </table>` Что получится: Ячейка 1 | Ячейка 2 👉 `<table> <tr> <th>Место</th> <th>Игрок</th> <th>Очки</th> </tr> <tr> <td>1</td> <td>Петров</td> <td>120</td> </tr> </table>` Просто запомните: Добавляем атрибут border: 👉 <table border="1"> Но лучше сразу учиться...

Приветствую, коллеги! Сегодня разберёмся с вставкой видео — казалось бы, что тут сложного? Но когда сам начинаешь делать, появляется куча вопросов. Давайте разберём всё по полочкам. 👉 <video src="мое-видео.mp4" controls></video> Вот и всё! Браузер сам добавит кнопки управления. Но давайте копнём глубже. Лучше использовать такую конструкцию: 👉 <video width="640" height="360" controls poster="превью.jpg"> <source src="video.mp4" type="video/mp4"> <source src="video.webm" type="video/webm"> Ваш браузер...