Самоучитель по 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
Еще
Статьи
Создание работающей сегодня плиточной разметки типа Masonry

Создание работающей сегодня плиточной разметки типа Masonry

Как то возник вопрос, как сделать плиточную раскладку (типа Masonry), которая работала бы во всех браузерах? Ответ был найден. И это заняло всего 66 строк кода JavaScript.

Создание навигационной панели с "подвижным выделением" с помощью JavaScript и CSS

Создание навигационной панели с "подвижным выделением" с помощью JavaScript и CSS

Создаем навигационную панель с "подвижным выделением" современным средствами Javascript и CSS. В соответствии с данным шаблоном граница вокруг активного элемента навигации анимируется непосредственно от одного элемента к другому, когда пользователь нажимает на элементы меню

Обновление Drupal 10 до Drupal 11: Пошаговое руководство

Обновление Drupal 10 до Drupal 11: Пошаговое руководство

Обновление сайта Drupal с версии 10 до 11 — отличный способ сохранить ваш сайт защищенным, быстрым и готовым к будущему. Переход с Drupal 10 на 11, благодаря семантическому версионированию Drupal, проходит более гладко, чем предыдущие крупные обновления

Что такое Markdown и как его использовать

Что такое Markdown и как его использовать

Markdown - это легкий язык разметки, разработанный для упрощения процесса написания и форматирования текста. Markdown позволяет форматировать текст с использованием простого синтаксиса, который затем можно преобразовать в HTML или другие форматы

Каскадные слои CSS vs БЭМ vs утилитарные классы: управление специфичностью

Каскадные слои CSS vs БЭМ vs утилитарные классы: управление специфичностью

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Ананас

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

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