Самоучитель по 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
Еще
Статьи
Создание глубины и движения: пошаговое руководство по созданию эффекта параллакса

Создание глубины и движения: пошаговое руководство по созданию эффекта параллакса

Создание визуально привлекательного сайта — это не только о ярких цветах и типографике. Сегодня это также о создании захватывающих пользовательских впечатлений, которые увлекают пользователей при прокрутке страницы

CMS Drupal: плюсы и минусы

CMS Drupal: плюсы и минусы

Drupal представляет собой высокоэффективную систему управления содержимым (CMS), завоевавшую признание программистов и веб-владельцев благодаря высокой адаптивности и способности легко расширяться. В этой статье мы рассмотрим основные преимущества и недостатки Drupal

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() и изучим её гибкость в работе с различными единицами измерения, чтобы определить, является ли она универсальным решением для адаптивности

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

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

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

Ананас

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

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