Самоучитель по HTML, CSS, XML, Javascript

Создание сайта требует определенных знаний. Источником знаний всегда были книги. Однако в определенный момент сюда добавилась еще одна чрезвычайно обширная база данных – сеть Интернет. Данный сайт собирает в одном месте информацию, которая необходима или может оказаться интересной начинающему вебмастеру. Это своего рода самоучитель и справочник по тем или иным интернет-технологиям - HTML, CSS, XML, JavaScript, jQuery и др.

HTML

Язык для создания веб-страниц

Изучить HTMLСправочник по HTML

Пример 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;
}

CSS

Язык для оформления/стилизации веб-страниц

Изучить CSSСправочник по CSS

XML

Язык разметки для хранения и передачи данных

Изучить XML

Пример XML:


<?xml version="1.0" encoding="UTF-8"?>
<note>
   <to>Tove</to>
   <from>Jani</from>
   <heading>Напоминание</heading>
   <body>Не забудь обо мне в эти выходные!</body>
</note>

XML схемы

Язык для описания XML документа

Изучить XML схемы

JavaScript

Язык для программирования веб-страниц

Изучить JavaScript

XML DOM

Объектная модель XML документа

Изучить XML DOM

jQuery

Библиотека для управления элементами веб-страницы

Изучить jQuery
Еще
Статьи
7 инструментов разработчика для CMS WordPress

7 инструментов разработчика для CMS WordPress

Те времена, когда WordPress был просто платформой для ведения блогов, давно прошли. Сегодня он управляет более чем 43% всех веб-сайтов и поддерживает всё — от электронной коммерции до корпоративных веб-приложений

SEO: Практическое руководство по оптимизации статей для поисковых систем

SEO: Практическое руководство по оптимизации статей для поисковых систем

Поисковая оптимизация (SEO) — это процесс улучшения видимости веб-сайта или веб-страницы в результатах поиска. Цель SEO — повысить ранжирование сайта в выдаче поисковых систем, чтобы привлечь больше трафика и увеличить конверсию

ИИ фреймворк и CMS Drupal

ИИ фреймворк и CMS Drupal

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

4 JavaScript-фреймворка популярных в 2025 году

4 JavaScript-фреймворка популярных в 2025 году

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

CSS функция color-mix(): Гибкое смешивание цветов для фронтенда

CSS функция color-mix(): Гибкое смешивание цветов для фронтенда

Функция color-mix() это мощный инструмент CSS, предназначенный для точного смешивания двух различных цветов. Она позволяет создавать плавные переходы от одного оттенка к другому, экспериментируя с различными цветовыми схемами и пропорциями

Функции в CSS?!

Функции в CSS?!

Функции в CSS способны привнести множество изменений в каскадные таблицы стилей. Не в том смысле, что CSS будет писаться по другому. Безусловно, мы не будем использовать функции CSS, чтобы отцентрировать какой-нибудь элемент. Но они облегчат то, что сейчас называется "CSS-хаки", и предоставят множество новых возможностей

CSS функция min() и адаптивность сайта

CSS функция min() и адаптивность сайта

В этой статье мы поэкспериментируем с CSS функцией min() и изучим её гибкость в работе с различными единицами измерения, чтобы определить, является ли она универсальным решением для адаптивности

Что если использовать контейнерные единицы измерения для... всего?

Что если использовать контейнерные единицы измерения для... всего?

Контейнерные единицы измерения, это такие же единицы измерения (вроде, px или rem, но более тесно связанные с единицами измерения области просмотра, например, vw или vi), размер которых зависит от контейнера, в котором они находятся

Введение в управляемую прокруткой CSS анимацию - Прогресс просмотра

Введение в управляемую прокруткой CSS анимацию - Прогресс просмотра

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

Раздел "Как сделать"

Сниппеты кода для HTML, CSS, JavaScript

Оригинальное изображение

Ананас

Черно-белое изображение

Ананас
Узнать Как сделать