Самоучитель по HTML, CSS, XML, Javascript
Создание сайта требует определенных знаний. Источником знаний всегда были книги. Однако в определенный момент сюда добавилась еще одна чрезвычайно обширная база данных – сеть Интернет. Данный сайт собирает в одном месте информацию, которая необходима или может оказаться интересной начинающему вебмастеру. Это своего рода самоучитель и справочник по тем или иным интернет-технологиям - HTML, CSS, XML, JavaScript, jQuery и др.
Пример HTML:
<!DOCTYPE html>
<html>
<title>Учебник HTML</title>
<body>
<h1>Это заголовок</h1>
<p>Это параграф или абзац.</p>
</body>
</html>
Пример CSS:
body {
background-color: lightblue;
}
h1 {
color: white;
text-align: center;
}
p {
font-family: verdana;
font-size: 20px;
}
Пример XML:
<?xml version="1.0" encoding="UTF-8"?>
<note>
<to>Tove</to>
<from>Jani</from>
<heading>Напоминание</heading>
<body>Не забудь обо мне в эти выходные!</body>
</note>
4 JavaScript-фреймворка популярных в 2025 году
JavaScript является одним из наиболее востребованных языков программирования, и вокруг него сформировалось множество активных сообществ, которые поддерживают обучение и развитие в рамках его разнообразных фреймворков. В 2025 году среди JavaScript-фреймворков остаются популярными следующие
CSS функция color-mix(): Гибкое смешивание цветов для фронтенда
Функция color-mix() это мощный инструмент CSS, предназначенный для точного смешивания двух различных цветов. Она позволяет создавать плавные переходы от одного оттенка к другому, экспериментируя с различными цветовыми схемами и пропорциями
Функции в CSS?!
Функции в CSS способны привнести множество изменений в каскадные таблицы стилей. Не в том смысле, что CSS будет писаться по другому. Безусловно, мы не будем использовать функции CSS, чтобы отцентрировать какой-нибудь элемент. Но они облегчат то, что сейчас называется "CSS-хаки", и предоставят множество новых возможностей
CSS функция min() и адаптивность сайта
В этой статье мы поэкспериментируем с CSS функцией min() и изучим её гибкость в работе с различными единицами измерения, чтобы определить, является ли она универсальным решением для адаптивности
Что если использовать контейнерные единицы измерения для... всего?
Контейнерные единицы измерения, это такие же единицы измерения (вроде, px или rem, но более тесно связанные с единицами измерения области просмотра, например, vw или vi), размер которых зависит от контейнера, в котором они находятся
Введение в управляемую прокруткой CSS анимацию - Прогресс просмотра
В этой статье мы изучим два типа анимаций, работающих от прокрутки, - анимацию прокрутки и анимацию просмотра. В конце концов вы сможете не только отличать эти два вида анимаций друг от друга, но и уверенно использовать их в своей работе
Regex стала лучше - История и будущее регулярных выражений в JavaScript
Раньше регулярные выражения в JavaScript были недостаточно мощными по сравнению с другими современными языками программирования, но многочисленные улучшения, появившиеся в последние годы, в корне изменили эту ситуацию. И теперь они могут стать потрясающим инструментом для поиска и замены текста
Липкие заголовки и полновысотные элементы: Сложная комбинация
Липкое (sticky) позиционирование - одна из тех функций CSS, которая довольно чувствительна и может быть сведена на нет множеством факторов. И один из этих факторов заключается в том, что липкие элементы плохо работают, если им приходится вместе с другими элементами формировать общую высоту
Альтернатива обычным техническим иллюстрациям и визуализации данных
Чаще всего встречаются линейные и круговые диаграммы, но есть и многое другое! В этой статье приведены интересные и нечасто встречающиеся примеры технических иллюстраций и визуализации данных
Раздел "Как сделать"
Оригинальное изображение
Черно-белое изображение
