ТАЙНИК

Вы можете ссылаться на своей странице на другую страницу с помощью элемента ссылки (a). Вот пример такой ссылки на https://www.google.com/: Пример кода со ссылкой <a href="https://www.google.com"></a> Давайте добавим элемент ссылки после абзаца, который ссылается на страничку с результатом запроса поиска котят https://www.google.com/search?q=%D1%84%D0%BE%D1%82%D0%BE+%D0%BA%D0%BE%D1%82%D1%8F%D1%82. Обратите внимание, что на этом этапе ссылка ещё не будет отображаться в предварительном просмотре. Вы можете убедиться в этом сохранив и обновив веб-страницу...

Привет друзья!!! В прошлом уроке мы изучали атрибут 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> Давайте отредактируем код веб страницы, которую мы создали на предыдущем уроке...

Урок 1 В этом уроке вы научитесь работать с базовыми элементами HTML, такими как заголовки, абзацы и списки. Сегодня мы создадим приложение с фотографиями кошек. Первый элемент, о котором вы узнаете, — это элемент h1. Элемент h1 является элементом заголовка и используется для основного заголовка веб-страницы. Пример кода: <h1>Приложение "Котята"</h1> Давайте теперь создадим реальную веб-страницу с именем index...

UTF-8, или UCS Transformation Format 8, — это стандартизированная кодировка символов, широко используемая в Интернете. Кодировка символов — это метод, который компьютеры используют для хранения символов в качестве данных. По сути, весь текст на веб-странице представляет собой последовательность символов, хранящихся в виде одного или нескольких байтов. В вычислительной технике байт — это единица данных, состоящая из 8 бит или двоичных цифр. UTF-8 поддерживает каждый символ в наборе символов Unicode, включая символы из всех систем письма, языков и технических символов...

Давайте изучим шаблон HTML. Что такое HTML-шаблон, спросите вы? Это готовый шаблон для ваших веб-страниц. Подумайте о нем как о фундаменте дома. Шаблон включает в себя базовую структуру и основные элементы, необходимые каждому HTML-документу. Он экономит ваше время и помогает гарантировать, что ваши страницы настроены правильно. Вот пример: Давайте разберем ключевые части этого шаблона. Во-первых, это DOCTYPE декларация: Он сообщает браузерам, какую версию HTML вы используете. Далее следует html тег: Это охватывает весь ваш контент и может указывать язык вашей страницы...

Давайте узнаем о link элементе и о том, как его использовать для ссылки на внешние таблицы стилей. Элемент link используется для ссылки на внешние ресурсы, такие как таблицы стилей и иконки сайта. Вот базовый синтаксис для использования link элемента для внешнего файла CSS: Атрибут rel используется для указания связи между связанным ресурсом и HTML-документом. В этой ситуации нам нужно указать, что этот связанный ресурс является stylesheet. Считается лучшей практикой разделять HTML и CSS в разных файлах...

Атрибут — это значение, помещенное в открывающий тег элемента HTML. Атрибуты предоставляют дополнительную информацию об элементе или определяют, как элемент должен себя вести. Вот базовый синтаксис атрибута: За именем атрибута следует знак равенства ( =) и значение в кавычках. Значение может быть строкой или числом, в зависимости от атрибута. Давайте рассмотрим несколько примеров общих атрибутов HTML. Первый пример — hrefатрибут, который используется для указания URL-адреса ссылки: Без этого атрибута ссылка не будет работать, поскольку не будет целевого URL...