Приложение "Котята"

Привет друзья!!! В прошлом уроке мы изучали атрибут src тега img. Как вы помните, в нем мы указывали имя (путь) к источнику картинки. Картинка может лежать в папке или находится на стороннем ресурсе. Но, если вы были внимательны, то вспомните ещё один атрибут тега img - это атрибут alt. Всё же я немного напомню, что атрибут alt - это alternative text (альтернативный текст, который используется в теге <img> для обеспечения следующего функционала: ✅ 1. Описание изображения для пользователей Если изображение...

Привет всем! Сегодня мы изучим тег img. Вы можете добавлять изображения на свой сайт с помощью элемента img. Элементы img имеют открывающий тег без закрывающего тега. Элемент без закрывающего тега называется элементом void. Добавьте элемент img под элементом p. Если добавить пустой тег img, то никакое изображение не будет отображаться в браузере. Давайте теперь возьмем какую нибудь картинку (я предпочитаю сгенерировать новую с помощью нейросети) и сохраним её в папке нашего приложения (если вы ещё не создали отдельную папку для приложения, то её нужно создать и файл index...

Сегодня мы изучим тег main. Он представляет из себя основной элемент и используется для представления основного контента тела HTML-документа. Контент внутри основного элемента должен быть уникальным для документа и не должен повторяться в других частях документа. Пример кода: <main> <h1>Самое важное содержимое документа</h1> <p>Еще немного важного контента...</p> </main> Определите основной раздел нашей страницы, добавив открывающий тег <main> перед элементом h1 и закрывающий тег </main> после элемента p...

Сегодня мы изучим такой элемент кода, как комментарий. Комментирование позволяет оставлять сообщения в коде, не влияя на отображение в браузере. Оно также позволяет сделать сам код неактивным. Комментарий в HTML начинается с <!--, содержит любое количество строк текста и заканчивается -->. Вот пример комментария с TODO: <!-- Удалить h1 -->. Давайте добавим в наш код информацию о папке, в которой лежат наши фото, но её не надо выводить в браузере. Добавляем такую строку: <!-- TODO: Фото...

Итак, давайте начнем третий урок. Сегодня мы изучим элемент p, который используется для создания абзаца текста на веб-сайтах. Создайте элемент p под элементом h2 и введите в него следующий текст: <p>Все любят милых маленьких котят!</p> Давайте отредактируем полный код веб страницы, которую мы создали на предыдущем уроке...

Давайте начнем второй урок. Следующий элемент, о котором вы узнаете, — это элемент h2. Элемент h2 тоже является элементом заголовка и используется для заголовка второго уровня веб-страницы. Пример кода: <h2>Фото котят</h2> Давайте отредактируем код веб страницы, которую мы создали на предыдущем уроке...