/
Yulche
/
111
Обзор
Документация
Войти
/
Yulche
/
111
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
webit.html
97 строк
3 KB
Yulche
БИУ_Пестряева_1задание
22 янв 2025, 14:01
22 янв 2025, 14:01
b284a1d
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>Практика написания HTML</title> </head> <body> <h1>Практика написания HTML</h1> <hr> <h2>Список задач</h2> <ol> <li>Создать список из трёх пунктов.</li> <li>Добавить изображение с атрибутом alt.</li> <li>Создать ссылку на свою любимую страницу.</li> <li>Добавить таблицу с минимум двумя строками и двумя колонками.</li> <li>Использовать тег <blockquote> для цитаты.</li> <li>Создать форму с полями для ввода имени и комментария.</li> </ol> <hr> <h2>Пример кода</h2> <p>Вот пример параграфа с текстом и ссылкой:</p> <p>Это пример текста. Вот <a href="https://gitverse.ru">ссылка</a>, которую вы можете использовать.</p> <h3>Пример таблицы:</h3> <table border="1"> <thead> <tr> <th>Имя</th> <th>Возраст</th> </tr> </thead> <tbody> <tr> <td>Иван</td> <td>25</td> </tr> <tr> <td>Анна</td> <td>22</td> </tr> </tbody> </table> <hr> <h2>Ваше задание</h2> <p>В этой секции вы можете начать создавать свой HTML-код:</p> <textarea rows="5" cols="80">Введите ваш HTML-код здесь...</textarea> <hr> <h2>Дополнительные элементы</h2> <h3>Форма обратной связи</h3> <form action="/submit" method="post"> <label for="name">Ваше имя:</label><br> <input type="text" id="name" name="name"><br> <label for="comment">Комментарий:</label><br> <textarea id="comment" name="comment" rows="4" cols="50">Введите комментарий...</textarea><br> <input type="submit" value="Отправить"> </form> <hr> <h3>Цитата дня</h3> <blockquote cite> <p>«Единственный способ делать великую работу — это любить то, что вы делаете.» — Стив Джобс</p> </blockquote> <hr> <img src="drinks.jpg" alt="Изображение с напитками" width="200" height="150"> <h3>Список с вложенными элементами</h3> <ul> <li>Элемент 1 <ul> <li>Подэлемент 1.1</li> <li>Подэлемент 1.2</li> </ul> </li> <li>Элемент 2</li> <li>Элемент 3</li> </ul> <p>Удачи в изучении HTML! :)</p> </body> </html>