Видео от Степана Королевича

HTML Самоучитель

HTML (HyperText Markup Language, язык разметки гипертекста) — это система верстки, которая определяет, как и какие элементы должны располагаться на веб-странице. Информация на сайте, способ ее представления и оформления зависят исключительно от разработчика и тех целей, которые он перед собой ставит.

Данный самоучитель предназначен в первую очередь для начинающих, только постигающих азы создания сайтов. Множество примеров и иллюстраций самостоятельной работы помогут быстрее изучить HTML.

HTML Первое Ознакомление

Первое ознакомление с HTML. Узнаем что такое HTML, какие у него преимущества и какие недостатки, как им пользоваться и как выглядит базовый HTML документ.

HTML Элементы

Изучим HTML Элементы. Узнаем синтаксис использования HTML элемента. Рассмотрим структуру создания элементов в HTML. Посмотрим пустые и вложенные элементы и примеры их использования.

HTML Атрибуты

Изучим что такое HTML атрибуты, для чего они нужны и как ими пользоваться. Рассмотрим как чередовать одинарные и двойные кавычки в атрибутах HTML.

HTML Заголовки

Рассмотрим почему же так важно использовать заголовки в HTML. Как можно изменить размеры заголовок используя CSS стилизацию.

HTML Абзац

Первое ознакомление с HTML. Узнаем что такое HTML, какие у него преимущества и какие недостатки, как им пользоваться и как выглядит базовый HTML документ.

HTML Стили

Познакомимся с атрибутом style. Узнаем для чего он нужен и рассмотрим некоторые примеры.

HTML Форматирование

Узнаем HTML элементы форматирования. Рассмотрим примеры использования таких элементов форматирования, как b, strong, em, i, small, mark, del, ins, sub, sup.

HTML Цитаты

Узнаем что означает цитата в HTML и какими элементами она выражается. Рассмотрим примеры и синтаксис использования элементов blockquote, cite, address, abbr.

HTML Комментарии

Изучим что такое HTML комментарии, для чего они нужны и как ими пользоваться. Узнаем как можно скрыть более одной строки с помощью комментарии.

HTML CSS

Изучим стилизацию в самом HTML документе. Ознакомимся с элементом style. Рассмотрим как можно менять фоновый цвет и цвет текста используя тега style.

HTML Ссылки

Узнаем что такое HTML ссылка и какие виды ссылок есть. Разберем примеры использования элемента a. Посмотрим создания простой текстовой ссылки, создания интерактивных ссылок на почту и телефон.

HTML Изображения

Найдем ответы на такие вопросы как что такое HTML изображения, как им пользоваться, как вставлять на изображения на сайт и так далее. Рассмотрим примеры использования тега img. Узнаем какие атрибуты есть у элемента img и посмотрим их примеры.

HTML Favicon

Узнаем, что такое HTML Favicon и как его добавить на сайт. Посмотрим какие форматы Favicon существует и поддержка их со стороны браузеров.

HTML Таблицы

Ознакомимся с таблицей в HTML. Узнаем как создается простая таблица, какой синтаксис создания таблицы в HTML. Рассмотрим элементы таблицы: table, td, tr, th, thead, tfoot, caption и tbody.

HTML Списки

Ознакомимся со списками в HTML. Узнаем как создаются списки и какие виды списков есть в HTML. Рассмотрим неупорядоченный, упорядоченный и списки описаний.

HTML Блочные & Строчные Элементы

Ознакомимся какие основные виды HTML элементов существует. Узнаем список блочных и строчных элементов и синтаксис их использования.

HTML Классы

Изучим что такое HTML классы, для чего они нужны и как ими пользоваться. Рассмотрим связь атрибута class с таблицей стилей. Посмотрим примеры использования несколько классов одновременно.

HTML Id

Узнаем что такое атрибут id и для чего он нужен. Рассмотрим в чем же разница между идентификатором и классом. Посмотрим синтаксис использования атрибута id.

HTML Фреймы

Узнаем что такое Фрейм в HTML, для чего он нужен; как изменить ширину и высоту фрейма и в каких случаях можно использовать элемента iframe.

HTML Взаимодействие с JavaScript

Узнаем как же происходит взаимодействие HTML с JavaScript. Как теги для этого используются. Рассмотрим примеры использования элементов script и noscript.

HTML Семантика

Узнаем что такое HTML семантика, для чего она нужна. Какие элементы являются семантическими и как ими воспользоваться.

HTML Справочник

HTML (HyperText Markup Language, язык разметки гипертекста) — это система верстки, которая определяет, как и какие элементы должны располагаться на веб-странице. Информация на сайте, способ ее представления и оформления зависят исключительно от разработчика и тех целей, которые он перед собой ставит.

Данный справочник предназначен в первую очередь для начинающих, только постигающих азы создания сайтов. Множество примеров и иллюстраций самостоятельной работы помогут быстрее изучить HTML.

HTML Элементы

Весь список HTML элементов: от не поддерживаемых до новых в HTML5. Рассмотрим описание этих элементов, а также список поддерживаемых атрибутов.

HTML Элементы по категориям

Узнаем в какие категории делятся элементы в HTML и какие элементы входят в эти категории.

HTML Коды языков

Узнаем что такое код языков ISO и для чего он нужен. Рассмотрим весь список этих кодов.

HTML Коды стран

Узнаем что такое код страны. Рассмотрим весь список этих кодов.

Иконки

FrontendBook Иконки - это когда иконки самых популярных библиотек на одном месте! Мы собрали для вас самые популярные иконки со всего интернета на одном месте. Вам не придется искать иконки по сайтам по всему интернету. Вы сможете найти самые популярные иконки и абсолютно бесплатно на FrontendBook.ru

20 889

Всего иконок
19

Библиотек
9

Форматов для скачивания

Akar-icons

Более 414 красивых иконок для вашего следующего проекта!

Box-icons

Более 1634 красивых иконок для вашего следующего проекта!

Coreui-icons

Более 1583 красивых иконок для вашего следующего проекта!

Crypto-icons

Более 483 красивых иконок для вашего следующего проекта!

Cssgg-icons

Более 704 красивых иконок для вашего следующего проекта!

Flatosx-icons

Более 537 красивых иконок для вашего следующего проекта!

Game-icons

Более 4089 красивых иконок для вашего следующего проекта!

Gov-icons

Более 136 красивых иконок для вашего следующего проекта!

Hatscripts-icons

Более 360 красивых иконок для вашего следующего проекта!

Lucide-icons

Более 843 красивых иконок для вашего следующего проекта!

Meteo-icons

Более 47 красивых иконок для вашего следующего проекта!

Octicons-icons

Более 521 красивых иконок для вашего следующего проекта!

Pepicons-icons

Более 204 красивых иконок для вашего следующего проекта!

Remixicon-icons

Более 2271 красивых иконок для вашего следующего проекта!

Simple-icons

Более 2402 красивых иконок для вашего следующего проекта!

Supertiny-icons

Более 334 красивых иконок для вашего следующего проекта!

Tabler-icons

Более 2891 красивых иконок для вашего следующего проекта!

Teeny-icons

Более 1200 красивых иконок для вашего следующего проекта!

Weather-icons

Более 219 красивых иконок для вашего следующего проекта!

Статьи

FrontendBook Статьи - это коллекция статьей по фронтенд программированию на самые актуальные темы.

HTML Статьи

Как создать HTML-кнопку, действующую как ссылка

Иногда вы можете использовать кнопку для ссылки на другую страницу или веб-сайт, а не для отправки формы или чего-то подобного. Это довольно просто сделать и может быть достигнуто несколькими способами.

Продвинутая работа с HTML mailto

Ссылка mailto позволяет пользователям отправлять электронные письма прямо с веб-сайта, используя почтовый клиент пользователя по умолчанию. Но как создать ссылку mailto в HTML?

Как добавить пробелы в HTML

Добавление пробела в ваш HTML может быть обманчиво сложным. И есть как минимум несколько способов сделать это.

Фоновое изображение HTML — как добавить обои на свой сайт

Фоновые изображения могут помочь украсить веб-сайты и сделать их более привлекательными для пользователей. Как добавить фоновое изображение на свой сайт с помощью background-image свойства CSS.

Как изменить шрифт с помощью HTML

В этой статье мы узнаем как изменить размер шрифта, толщину шрифта, стиль шрифта и семейство шрифтов текста с помощью CSS.

Как изменить цвет текста в HTML

Когда вы добавляете текст на свои веб-страницы, этот текст по умолчанию имеет черный цвет. Но иногда вам может понадобиться изменить цвет текста, чтобы сделать его более персонализированным. В этой статье мы узнаем: как изменить цвет текста в HTML. Мы рассмотрим различные методы и обсудим, какой из них лучше.

Как изменить размер текста с помощью тега HTML

Когда вы добавляете текст в свой HTML-файл с помощью HTML-тега, вы не всегда хотите, чтобы текст оставался размером по умолчанию. Вы захотите иметь возможность настроить отображение текста в браузере. В этой статье мы узнаем: Как изменить размер текста с помощью тега HTML.

Как создать раскрывающийся список с элементом выбора

В этой статье вы узнаете, как добавить выпадающий список к select элементу на вашей веб-странице. Вы также узнаете о различных доступных параметрах и о том, как создать всплывающий раскрывающийся список/меню.

Новая строка HTML - как добавить разрыв строки с помощью тега br

Добавление разрывов строк в ваш HTML с помощью тега <br> — это простой способ сделать ваш текст более читабельным. Тег <br> вставит разрыв строки везде, где вы поместите его в свой код. В этой статье мы узнаем: как добавить разрыв строки с помощью тега br

Как открыть ссылку в новой вкладке - объяснение HTML атрибута target

Будут времена, когда вы захотите, чтобы ваш пользователь щелкнул ссылку на веб-сайт и открыл ее в новой вкладке браузера. Но как это сделать в HTML?

Работа с тегом <hr>

Вы можете использовать тег HTML <hr> для разделения разных тем на странице. Мы часто используем этот тег, когда хотим создать тематический перерыв или отдельные элементы на HTML-странице.

Что такое iframe?

Фреймы часто используются для встраивания видео, карт и других медиафайлов на веб-страницу. Вы также можете использовать их для встраивания другой веб-страницы в веб-страницу. Вот несколько примеров использования кода iframe для встраивания внешнего ресурса...

Что такое HTML?

HTML — это одна из фундаментальных технологий, которую вы можете изучить, когда начинаете заниматься веб-разработкой. HTML-код присутствует на каждой веб-странице в Интернете. В этой статье вы познакомитесь с основами HTML...

Что такое UTF-8?

UTF-8 — это система кодировки символов. Он позволяет вам представлять символы в виде текста ASCII, но в то же время позволяет использовать международные символы, такие как китайские иероглифы. Чтобы начать использовать UTF-8, вам нужно сначала ознакомиться с основным набором символов ASCII.

Инструменты

CSS Background-Glow Генератор

Современный CSS Генератор Свечения, который генерирует совместимый с разными браузерами код для ваших нужд.

CSS Box-Shadow Генератор

Попробуйте легкий CSS3 Box-Shadow Генератор, создайте тень для сайта в несколько кликов.

CSS Glassmorphism Генератор

Скопируйте и вставьте этот CSS-фрагмент Glassmorphism в свой внешний проект, чтобы получить удивительный эффект CSS-стекла.

CSS Ribbon Генератор

Создавайте простые и эффективные ленточные баннеры для заголовков картичек или для заголовков на своей веб-странице.

CSS Scrollbar Генератор

Измените внешний вид и цвета полос прокрутки на своей веб-странице. Простой в использовании генератор для визуализации изменений.

CSS Text-Glow Генератор

Лучшее место для CSS свечения текста — просто измените значения ползунков, скопируйте код, и все готово!

CSS Text Gradient Генератор

Этот онлайн-инструмент создаст текстовые CSS градиенты. Если вы хотите добавить немного цвета в свои заголовки или текст, просто используйте этот генератор для создания кода CSS, который затем можно использовать на ваших веб-страницах.

CSS Text Shadow Генератор

Простой генератор, который создает CSS код для тени текста. Просто добавьте свои переменные с помощью ползунка, настройте по своему вкусу и скопируйте код.

Генератор Счетчик слов

Простой, легкий и точный счетчик слов, который можно использовать для различных потребностей в содержании. Просто скопируйте, вставьте и посмотрите количество слов!

Генератор Счетчик символов

Простой и удобный счетчик символов. Просто вставьте свой текст в поле, и наш счетчик определит количество символов.

Создатель коллажей из цветов

Извлечьте нужное Вам количество цветов из фотографии. Вы сами можете указать какое количество цветов извлекать из изображения. А также увидете их процентное соотношение в общем количестве цветов.

Генератор шрифтов

Сгенерируйте прекрасные и причудливые тексты для вашего соц аккаунта.

Проверка цветового контраста для UI

Рассчитайте коэффициент контрастности цвета текста и фона. Узнайте какой цвет текста больше понравится пользователю учитывая цвет фона вашей страницы.

Генератор цветов

Инструмент для манипулирования и создания индивидуальных цветов для вашего проекта. Создайте свой собственный цвет и получайте разные вариации вашего любимого цвета!

Генератор цветовых теней

Инструмент для генерирования светлых и темных оттенков вашего любимого цвета.

Конвертор цветов

Бесплатная онлайн конвертация вашего цветового формата в 10 самых популярных цветовых форматов!

Генератор цветовых градиентов

Создавайте прекрасные цветовые градиенты между двумя цветами, выбирая разные способы генерирования!

Конвертор изображений

Конвертируйте изображения за секунды Самый быстрый способ конвертировать изображения в форматы JPG, PNG, GIF и WEBP.

Pro Генератор Градиентов

Бесплатный инструмент для создания CSSградиентов для профессионалов! Этот инструмент позволяет создавать красочный градиентный фон для вашего веб-сайта, блога или профиля в социальных сетях.

AI Генератор Градиентов

Очень удобный и многофункциональный генератор градиентов с возможностью выбора метода и изменения пигментов цветов!

Генератор фонового градиента

Создайте либо сгенерируйте случайные градиенты для заднего фона на вашу странцу с возможностью изменения градуса градиента и много всего!

Генератор цветовых схем

Получайте разные цветовые схемы выбранного вами цвета с конвертацией в разные цветовые форматы.

Генератор Цветовой Палитры

Сгенерируйте самые прекрасные и крутые яркие, винтажные, серые и гладкие цвета для вашего проекта!

Извлечение Цвета

Извлекайте основые цвета из фотографии одним кликом!