Самоучитель по 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
Еще
Статьи
Какие инструменты лучше подходят для интеграции с Headless Drupal

Какие инструменты лучше подходят для интеграции с Headless Drupal

При интеграции с Headless Drupal ключевыми факторами успеха являются правильный выбор фронтенд-инструмента и организация эффективной коммуникации между фронтендом и API, предоставляемым Drupal. Среди огромного количества доступных инструментов особое внимание заслуживают несколько лидеров рынка

Headless Drupal: концепция, преимущества и практика использования

Headless Drupal: концепция, преимущества и практика использования

Сегодняшние тенденции развития веб-технологий диктуют необходимость использования решений, позволяющих строить производительные и масштабируемые веб-ресурсы. Одной из таких концепций является так называемая безголовая архитектура (headless architecture), которая получила большое распространение в мире веб-разработки

Защита от спама форм на Drupal сайте: Гайд по CAPTCHA и reCAPTCHA

Защита от спама форм на Drupal сайте: Гайд по CAPTCHA и reCAPTCHA

Сегодня мы рассмотрим технологии, позволяющие защититься от спам-атак: CAPTCHA и reCAPTCHA. Погрузимся в принципы их работы, ключевые различия, познакомимся с модулями Drupal, позволяющими добавить их на ваш сайт, а также с их основными настройками

Новый способ реализации хуков в Drupal 11

Новый способ реализации хуков в Drupal 11

С выходом Drupal 11.1 появился новый способ реализации хуков. Ранее хуки всегда писались процедурно, теперь же их можно реализовать с использованием атрибутов в классах PHP

Топ 10 советов по SEO для сайта на Drupal в 2025 году

Топ 10 советов по SEO для сайта на Drupal в 2025 году

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

Установка и настройка модуля Markdown Easy для Drupal

Установка и настройка модуля Markdown Easy для Drupal

Недавно я установил модуль Markdown Easy для Drupal и обновился с версии 1.0 до 2.0. Решил задокументировать свои шаги публично на случай, если они помогут другим. На моей локальной машине я запускаю Drupal с помощью DDEV

Переход на Markdown после 20 лет работы с HTML

Переход на Markdown после 20 лет работы с HTML

Спустя почти два десятилетия и более 1600 опубликованных статей, написанных в чистом HTML, я сделал давно ожидаемый шаг: перешёл на Markdown

Улучшаем API для Resize Observer

Улучшаем API для Resize Observer

Интерфейсы слежения за изменением размера (Resize Observer), изменениями DOM (Mutation Observer) и пересечениями (Intersection Observer) — это полезные API, которые превосходят своих предшественников по производительности

Что такое облачные технологии?

Что такое облачные технологии?

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

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

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

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

Ананас

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

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