Самоучитель по 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
Еще
Статьи
Что такое z-index и как формируется контекст наложения в CSS

Что такое z-index и как формируется контекст наложения в CSS

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

60 классных кнопок на CSS с анимацией

60 классных кнопок на CSS с анимацией

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

Магические числа в CSS

Магические числа в CSS

Несмотря на сказочное название, магические числа - это плохо. Это термин старой школы программирования, обозначающий "неименованную числовую константу". В CSS магическими числами называют значения, которые при определенных обстоятельствах вполне работоспособны, но настолько хрупки, что при изменении этих обстоятельств склонны ломаться

Разные способы создать градиентную тень на CSS

Разные способы создать градиентную тень на CSS

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

Функции плавности в CSS переходах и анимации

Функции плавности в CSS переходах и анимации

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

Как создать сложную анимацию на CSS

Как создать сложную анимацию на CSS

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

Руководство по CSS анимации. Принципы и примеры

Руководство по CSS анимации: Принципы и примеры

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

Простая адаптивная типографика при помощи clamp() - Используем возможности SASS

Простая адаптивная типографика при помощи clamp() - Используем возможности SASS

Адаптивная типографика становится все более популярной, тем более что CSS функция clamp() теперь доступна в каждом браузере. Но, если честно, для достижения нужного результата все еще требуется провести много вычислений. Поэтому вместо того, чтобы добавлять полную функцию clamp() непосредственно в код, мы можем облегчить нашу работу с помощью Sass.

Функции CSS, за которые мы благодарны, и функции CSS, которые нам нужны

Функции CSS, за которые мы благодарны, и функции CSS, которые нам нужны

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

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

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

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

Ананас

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

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