Html с нуля: HTML уроки с нуля — учебник для начинающих

Списки в HTML • Vertex Academy

5 июля, 201617 января, 2018 Vertex Academy вложенные списки html,маркированный список html,многоуровневый список html,нумерованный список html,списки в html,список определений html

Данная статья написана командой Vertex Academy. Это одна из статей из нашего Самоучителя по HTML&CSS. Надеемся, что данная статья Вам будет полезна. Приятного прочтения!

---

В повседневной жизни мы часто записываем информацию в виде списков:

• список дел на завтра
• список достопримечательностей, которые хотим посмотреть в очередной поездке
• список покупок и т.д. и т.п.

На сайтах тоже часто часть информации оформляется в виде списков. Итак, учимся делать списки в HTML!

Всего выделяют 4 вида списков:

1. Ненумерованные (неупорядоченные)
2. Нумерованные (упорядоченные)
3. Списки определений
4. Вложенные списки

Названия звучат может быть немного угрожающе. На самом деле создавать списки — легко! И Вы сейчас в этом убедитесь.

Ненумерованные списки

Ненумерованный список —  список, в котором элементы выделяются специальными маркерами – буллетами (визуально похоже на след от пули). А вот и пример ненумерованного списка:

Как сделать ненумерованный список в HTML? Для этого необходимо:

Шаг 1: Использовать тег <ul>…</ul>

<ul> — это аббревиатура от английского «Unordered List», что в переводе означает «неупорядоченный список».

Шаг 2: Каждый элемент списка поместить в теге <li> …</li>

<li> — это аббревиатура от английского «List Item», что в переводе означает «элемент списка».

Давайте посмотрим, как это работает на примере:

По умолчанию маркер отображается жирной черной точкой, но можно их «нарисовать» и по другому, с помощью специальных атрибутов.

list-style-type:circle — маркер будет отображаться кружочком

list-style-type:square — будет выглядеть как квадратик

list-style-type:none — список будет без маркеров.

Посмотрим, как например будет выглядеть список с квадратиками

Нумерованные списки

Нумерованный список — список, в котором каждый элемент имеет свой порядковый номер. Нумерованный список используют, если важен порядок элементов. Например:

Так как же сделать нумерованный список в HTML? Для этого необходимо:

Шаг 1: Использовать тег <ol>…</ol>

<ol> — это аббревиатура от английского «Ordered List», что в переводе означает «упорядоченный список».

Шаг 2: Каждый элемент списка поместить в теге <li> …</li>

<li> — это аббревиатура от английского «List Item», что в переводе означает «элемент списка».

Пример упорядоченного (нумерованного) списка ниже:

По умолчанию элементы нумерованного списка помечаются арабскими цифрами (1, 2, 3, 4, 5 и т.д.). С помощью атрибута type можно это поменять:

type=»A» — строки будут нумероваться заглавными буквами

type=»a» — строчными буквами

type=»I» — заглавными римскими цифрами

type=»i»— строчными римскими цифрами

Давайте к примеру пронумеруем наш список дел римскими цифрами

Списки определений

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

Список определений, (англ Description List, тег <dl>) включает в себя элементы, которые

• обозначают какое-то понятие, термин (description term) — тег <dt>
• описывают каждое из этих понятий (description data) — тег <dd>

Например:

Вложенные списки

Иногда в элемент списка нужно включить еще один список. HTML позволяет «вкладывать» один список в другой, при этом вложенные списки отображаются с большим отступом по сравнению с родительским списком. К тому же, для неупорядоченных (ненумерованных) списков, браузер обычно изменяет вид маркеров вложенного списка.

Вот как это выглядит:

Списки можно комбинировать между собой, например:

Смотрим как это выглядит в HTML:

В качестве элементов списков можно использовать картинки или ссылки. Также, с помощью CSS список можно расположить горизонтально, а если заменить в нем каждый элемент ссылкой — получится полноценное меню сайта. Но это тема для отдельного урока.
До встречи!

Курс HTML/CSS с нуля — levelup.ua

Online | Offline

КУРС

• Овладеешь основами современной верстки
• Научишься создавать современные WEB-страницы, используя изученные технологии
• Сможешь настраивать код для быстрого выявления ошибок

Cтарт: в августе

Длительность

78 часов, 13 недель

Расписание

Вт, Чт 15:00-18:00

Стоимость

7500 грн

Зароботная плата HTML-верстальщика

от 400$ до 1200$

(по данным сайта dou. ua)

Коротко о курсе?

Курс научит вас верстать странички сайтов с учетом требований к адаптивности — возможности корректно отображаться и на компьютерах, и на мобильных устройствах.

Весь курс – большая практическая работа. В результате вы добавите к своему портфолио достойный сайт высокой степени сложности.

Карьерный путь

JavaScript разработчик

FrontEnd разработчик

HTML-верстальщик

После курса ты сможешь

Crossplatform

Овладеешь кроссплатформеным редактором SublimeText3 и научишься эффективно его использовать в своей работе

Adaptive

Научитесь применять такие технологии, как HTML5, CSS3 и приемы адаптивной верстки под любые устройства

Layout

Сможешь верстать статические сайты любой сложности, используя лучшие практики HTML и CSS

Animation

Будешь уметь добавлять на сайт анимацию и другие визуальные эффекты с помощью CSS3

Klient form

Грамотно разрабатывать интерактивные формы для взаимодействия пользователя с web-сервером

Work

Научишся составлять CV и проходить собеседование на позицию HTML-верстальщика

Программа курса

13 недель интенсивных практических занятий

Достойный и технологичный проект для своего портфолио

Анализ и проверка чужого кода на предмет обнаружения ошибок

1.

Общий принцип работы Web

• Основная терминология в разработке сайта на HTML
• Понятие сайта, понятие веб-страниц

2. Основы HTML

• Гипертекст, теги, атрибуты
• Структура HTML-документа
• Работа с гиперссылками
• Работа с изображением
• Работа с абзацами и заголовками.
• Использование специальных символов, комментариев
• Теги физического и логического форматирования текста
• Теги блочные и строчные
• Списки, виды списков
• Формы
• Таблицы и табличная верстка
• Заголовок документа html и его теги

3. Базовый синтаксис CSS

• Встраивание таблиц стилей в документ
• Определение стиля в пределах отдельных тегов.
• Внешние таблицы стилей
• Работа с текстом
• Блоковая модель. Границы. Поля. Отступы.
• Значения стилевых свойств (цвета, размеры, единицы измерения)
• Селекторы. Селекторы классов и идентификаторов.
• Понятие псевдоклассов и псевдоэлементов
• Наследование, каскадирование и приоритет
• Позиционирование и размещение блоков
• Верстка слоями: использование тегов div и span
• Создание анимации на CSS
• Создание landing page
• Группирование HTML страниц и подключение к CSS
• Стандарты HTML/CSS.

4. Основы JavaScript

• Основы синтаксиса
• Переменные. Типы данных. Операторы
• Условные конструкции и конструкции повторений
• Понятие пользовательских функций и их использование
• Общие понятия ООП: класс, объект
• Работа с массивами JavaScript
• DOM. События. Диалоговые окна

5. Библиотека jQuery

• Селекторы, фильтры.
• Работа с формами и стилями на jQuery
• Анимация
• Плагины jQuery

6. CMS система

• Подбор CMS системы под поставленные задачи
• Знакомство с CMS WordPress
• Установка WordPress
• Выбор темы, настройка и оформление
• Поиск, установка функциональных модулей WordPress
• Настройка тем
• Плагины, другие настройки и функции
• CMS Prestashop
• Поиск, установка функциональных модулей Prestashop
• Выбор, установка, настройка шаблонов Prestashop
• Анализ сайта перед размещением в Интернет
• Выбор хостинг-провайдера.
• Платный и бесплатный хостинг
• Регистрация доменного имени и покупка хостинга
• Загрузка своего сайта на хостинг

Инструменты, которые ты освоишь

HTML

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

CSS

Каскадные таблицы стилей. CSS – формальный язык для описания внешнего вида документа, написанного с помощью языка разметки. Также может применяться к любым документам XML, например SVG или XUL.

Postman

Мощный набор инструментов для тестирования различных API или просто отправки POST и GET запросов. Это среда разработки для создания, тестирования, контроля и публикации API-документации.

Кто читает этот курс?

Антон Серяпов

Backend-разработчик, главный преподаватель курса по PHP

Профессиональная деятельность — PHP developer более 6 лет. В настоящее время занимаю должность ведущего программиста систем внутреннего учета торгового холдинга. В активе — разработка сайтов-представительств: верстка, написание движка управления содержимым, разработка структуры баз данных. Работал в сфере разработки и сопровождения внутренних веб-ресурсов учета.

Как организовано обучение?

Живые занятия

Обучение в онлайн формате и с возможностью сопроводительной видеозаписи

90% практики

Практика с первого дня обучения: работа над реальным проектом для портфолио

Поддержка преподавателя

Закрытый Telegram-чат группы с преподавателем, разбор домашних заданий и регулярная обратная связь

Карьерные инвенты

Онлайн-экскурсии в топовые IT-компании, тренинги по Soft Skills и подготовка к трудоустройству

Инвестируй в себя!

Получи мощную базу для работы на фрилансе уже за 13 недель

Cтоимость курса

7500 грн.

Получи консультацию

по курсу

Введите слово, чтобы начать поиск

Exact matches only

Exact matches only

Search in title

Search in title

Search in content

Search in content

Search in excerpt

Search in posts

Search in posts

Search in pages

Search in pages

block lab

block_lab

teachers

teachers

the grid

the_grid

course programs

course-programs

levelup courses

levelup_courses

subs.subscribed ? ‘Вы уже подписаны’ : ‘Будь в курсе!’)»>Будь в курсі!

Актуальних новин та заходів в щотижневій розсилці від Level Up

Регистрация

В разработке

Создайте веб-страницу с нуля с помощью HTML — Digital Humanities 201

(Если вы уже знаете HTML и CSS, попробуйте эту страницу !)

HTML — это язык, на котором Сафари) понимаю. Это язык разметки , то есть вы аннотируете контент с его помощью, чтобы браузер обрабатывал этот контент по-разному. (HTML расшифровывается как язык гипертекстовой разметки , если вам интересно.)

Выучить его несложно, и это весело! Как всегда, самым сложным в этом уроке будет расположение окон на вашем экране так, чтобы вы могли видеть все сразу! В одном окне или на вкладке браузера оставьте этот учебник открытым, чтобы вы могли обращаться к нему по ходу работы.

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

Создайте папку для хранения ваших веб-документов

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

Приступить к настройке

Загрузите Atom и дважды щелкните его, чтобы открыть. Когда вы открываете Atom в первый раз, в окне появляются три вкладки. Закройте все вкладки, кроме вкладки «Без названия».

Atom  – это (бесплатный) текстовый редактор, так называется программа, в которую вы вводите код. Как и Microsoft Word, он отображает текст, который вы вводите. Но в отличие от Microsoft Word, он (невидимо) не окружает ваш текст информацией о форматировании. Поэтому никогда не используйте Microsoft Word для своего кода! Вместо этого используйте Atom или одну из множества альтернатив, например Sublime.

Хотите верьте, хотите нет, но простой текстовый редактор (например, Sublime) и веб-браузер (например, Chrome, Safari или Firefox) — это все, что вам действительно нужно для создания даже самой необычной веб-страницы!

Введите объявление документа и немного текста

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

На этом шаге мы введем наш первый HTML-код. Вот что вы наберете:

 

<голова>

<тело>
Добро пожаловать на мою веб-страницу!

 

И вот что все это значит:

Объявление документа дает инструкции веб-браузеру (например, Safari или Firefox) о том, как обрабатывать созданный вами документ.

К счастью, их легко сделать. Просто введите

в самом верху документа.

Затем нажмите return и введите

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

(Ваш браузер не будет обращать внимания на пробелы и возвраты внутри заголовка.)

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

Чтобы создать эти разделы, нажмите return и введите

где-нибудь внутри открывающего и закрывающего тегов.

После создания тега заголовка оставьте одну или две строки пустыми и закройте тег заголовка, набрав

Теперь создайте раздел body  . Ниже вашего тега введите

Затем пропустите несколько строк и введите

Давайте также добавим немного текста, чтобы нам было на что посмотреть. Введите

 
Добро пожаловать на мою веб-страницу
 

после открывающего тега body и перед закрывающим тегом body. Возможно, вы помните, что

 обозначает: абзац

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

Просмотр документа в веб-браузере

Чтобы отобразить файл index.html в веб-браузере, просто дважды щелкните его.

Оставьте документ Atom открытым  и перейдите туда, где вы сохранили файл index.html. Дважды щелкните значок сохраненного файла. По умолчанию этот файл должен открываться в браузере.

Теперь index. html должен быть открыт двумя разными способами: 1) как веб-страница и 2) как текстовый файл, отображаемый в Atom.

Расположите окна таким образом, чтобы файл index.html был открыт как текстовый документ и как веб-страница одновременно.

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

Добавить заголовок

По умолчанию заголовки предписывают браузерам по-разному обрабатывать текст внутри тегов, чтобы сигнализировать о его важности. Добавьте заголовок на свою страницу, поместив текст в теги

, где-нибудь над тегами абзаца. (Не забудьте открыть и закрыть их.) Сохраните документ и обновите браузер. Теперь у вас должен быть заголовок на вашей странице! Хорошо смотритесь.

Вы также можете использовать теги

, которые немного меньше, и

теги, которые еще меньше, вплоть до тегов

. Поэкспериментируйте с заголовками разного размера, сохраняя и обновляя их по ходу дела.

Как работают ссылки

Что такое веб-страница без ссылки? Они работают следующим образом:

 текст вашей ссылки 

В приведенном выше примере  www.google.com  – это URL-адрес, на который вы хотите сделать ссылку. и  текст вашей ссылки  – это текст, который фактически отображается как гиперссылка.

Создайте ссылку на своей странице

Попробуйте сами, создав новый абзац (используя открывающий и закрывающий теги

) и создав ссылку внутри нового абзаца. Сохраните документ, обновите браузер и проверьте ссылку!

Как работают изображения

Вы можете создать ссылку на изображение одним из двух способов. Если в Интернете есть изображение, которое вы хотите встроить на свою страницу, вы можете получить ссылку на изображение, щелкнув изображение правой кнопкой мыши и выбрав Скопировать URL-адрес изображения 9. 0012 . Затем вы можете вставить изображение, вставив ссылку, как указано выше.

Если на вашем компьютере есть изображение, которое вы хотели бы использовать, вы можете сохранить его в той же папке, где сохранен ваш HTML-файл  и напрямую связать его, введя имя файла, как указано выше.

(Когда вы вводите имя файла в тег изображения, вы фактически предоставляете путь к изображению: то есть сообщаете вашему браузеру, где найти изображение, чтобы отобразить его. Поскольку вы сохранили свой изображение в том же месте, что и ваш HTML-документ, вы можете просто ввести имя файла. Подробнее о путях читайте здесь.)

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

Добавьте изображение

Добавьте изображение на свою веб-страницу, используя один из двух методов, описанных в предыдущем шаге.

Добавить акцент

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

(что означает  , акцент ; по умолчанию ваш браузер выделяет текст внутри этого тега курсивом) и

(по умолчанию ваш браузер выделяет текст жирным шрифтом). текст внутри этого тега). Например:

 
Мои ученики отличны и замечательны!
 

Создайте больше текста и поэкспериментируйте с выделением и заголовками. Просто не забывайте всегда закрывать эти теги!

Но подождите! Вашу страницу никто не увидит!

Если вы внимательно посмотрите на URL-адрес своей веб-страницы, то увидите, что он выглядит забавно: он начинается с

 / 

, а не

 http:// 

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

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

Прежде чем мы перейдем к этому, давайте посмотрим, как вы можете сделать свою страницу более интересной.

HTMLifier

Это упаковывает ваш Scratch-проект в один HTML-файл, который можно запускать. самостоятельно в веб-браузере. HTML-файл будет довольно большим, потому что он содержит весь движок Scratch (2,6 МБ), а также костюм и звук. файлы, используемые в проекте.

Пожалуйста, включите JavaScript. Преобразование проектов невозможно Только HTML и CSS.

Если вы видите это, вы можете проверить, не было ли любые проблемы с загрузкой HTMLifier. Убедиться вы используете современный браузер.

Ваш браузер не поддерживает современные функции JavaScript; проверьте, чтобы убедиться ваш браузер современный.

Если вы хотите просмотреть или отредактировать файл HTML, вы можете использовать специализированный Редактор больших файлов чтобы скрыть длинные строки, которые могут привести к зависанию или сбою обычных текстовых редакторов.

История обновлений

См. код и предыдущие версии на Гитхаб.

2021-08-12 (скачать)

• Исправлено подключение к облачным серверам.

2021-08-09 (скачать)

• Исправлено перетаскивание спрайтов.

2021-08-08 (скачать)

• Для поддержки использования HTMLifier в узел и Deno, я переписал HTMLifier, так что теперь его можно использовать программно (по запросу). Это может означать, что может быть много ошибок.
• Я также переделал область опций в Реагировать и переформулировать несколько вариантов в процесс.
• Движок Scratch хранится в отдельном файле ( vm.js ) при загрузке в виде ZIP, поэтому вы можете сделать несколько HTML-файлов проекты используют один и тот же файл движка Scratch, чтобы не тратить диск помещение (по запросу).
• Загрузка в формате ZIP теперь работает для файлов .sb2 .
• ctrl / ⌘ + F теперь переключает полноэкранный (по запросу).
• Загрузочное изображение теперь отображается с до фоновое изображение (по запрос).
• Вы можете определить, был ли проект HTMLифицирован, выполнив (по запросу).
• Теперь вы можете добавить более одного неофициального расширения (по запросу).
• Вы можете добавить пользовательский JavaScript (называемый «плагинами» в E羊icques) в HTML. Вы также можете загружать файлы JavaScript вместо вставки URL-адресов. как для расширений, так и для плагинов. (Оба по запросу.)
• Добавлена ​​возможность отображать кнопку загрузки проекта с текущие значения переменных и списков сохранены (по запросу). Это можно использовать для сохранения вашего прогресса в игре.
• Добавлена ​​возможность показать кнопку, позволяющую выбрать спрайт Scratch. добавить в проект (по запросу). Это можно использовать для некоторых проектов ОС для добавления новых приложений, где каждое приложение является спрайтом.
• Мониторы списков теперь показывают номера элементов.
• Полоса загрузки теперь показывает проценты, а не дроби (по запросу).
• Отключение ограждения спрайтов было отделено от отключения клон/список/и т.д. пределы.

Прошлые обновления

2021-03-16 (скачать)

• Новое поведение облака:
  • ☁ URL-адрес содержит текущий URL-адрес веб-страницы.
  • ☁ вставка содержит последний вставленный пользователем текст.
  • ☁ имя пользователя , при установке изменит то, что «имя пользователя» блокирует отчеты.
• Исправлена ​​ошибка, из-за которой фоновое изображение не отображалось в полноэкранном режиме.
• Исправлена ​​ошибка, из-за которой индикатор выполнения отображался под загружаемым изображением.

2021-02-07 (скачать)

• Сохраните параметры в URL-адресе
• Новые возможности настройки:
  • Фоновое изображение
  • Курсор
  • Фавикон
  • Новый дизайн панели загрузки с настраиваемыми цветами
  • Загрузка изображения экрана с URL-адреса
    • Возможность растягивания только изображения экрана загрузки
• Возможность отображения кнопок запуска/остановки (эквивалентно зеленому флажку/остановке). знак)
• Новые специальные облачные режимы:
  • Улучшенная поддержка ☁ eval , возвращающая Promises
  • ☁ открыть ссылку открывает URL в новой вкладке.
  • ☁ перенаправление перенаправляет на URL-адрес.
  • ☁ установить буфер обмена пытается скопировать текст в буфер обмена.
  • ☁ set server ip изменяет URL-адрес облачного сервера.
• Возможность различать левую/правую клавиши-модификаторы с помощью > , для пример.
• Нажатие на переменный ползунок больше не переводит его в фокус, поэтому клавиши продолжать работать.
• Создатель букмарклета
• НАРУШЕНИЕ: положение блокировки мыши теперь устанавливает мышь x/y в положение накопительное положение мыши, которое должно быть более надежным. Этот лучше всего работает с опцией «Удалить ограничения».
• Обновлен CSS Мистер Криндж Кид
• Исправлена ​​ошибка, из-за которой прогресс журнала HTMLification не сбрасывался
• Так же примитивный облачный сервер был обновлен.

2020-12-18

• Определенные кнопки мыши теперь могут быть обнаружены с помощью , где N может быть 1 для левой кнопки мыши, 2 для средней кнопки мыши, 3 для щелкните правой кнопкой мыши и 0 для касания/пера.
• Исправлена ​​ошибка, из-за которой проекты Scratch 2.0 с растровыми костюмами не будет работать.

2020-06-13 (скачать)

• Дополнительные параметры для стилизации мониторов переменных/списков
• Возможность создания ZIP-архива файлов
• Возможность предварительного просмотра проекта HTMLified
• Прочитана опция счетчика прогресса, несмотря на отсутствие спроса
• Предупреждать, если файл может быть слишком большим для JavaScript для преобразования в HTML
• Исправлены HTML-преобразования проектов 2. 0

2020-06-01 (скачать)

• Возможность удаления ограничений длины клонов/списков
• Возможность скрыть курсор
• Возможность различать облачные переменные для localStorage и сервер (и запускать JavaScript с использованием облачных переменных)
• Опция для простейшей блокировки указателя
• Исправлено положение мыши и списки без размера, которые не отображались
• Проект по умолчанию изменен на один из ScratchCat’s
• К сожалению, в рамках этих изменений я удалил опцию для индикатор. Если будет спрос, постараюсь добавить обратно.

01.05.2020

• Поддержка пользовательских расширений с URL-адреса
• CSS от Мистер Криндж Кид

2020-03-29 (скачать)

• Фиксированные нестандартные размеры предметного столика

27.

03.2020

• Показать изображение, например gif, при загрузке
• Исправлено перетаскивание спрайтов, имитирующих щелчок другого зеленого флага

06.01.2020

• Автономная версия HTMLifier

25.12.2019

• Вместо этого можно использовать собственный облачный сервер для облачных переменных. сохранения в localStorage

23.11.2019

• Полноэкранная кнопка
• Возможность изменить цвета монитора

05.10.2019

• Новый ящик для запросов

28.09.2019

• Текст состояния, показывающий загруженные активы
• Поддержка расширения видео
• Поддержка перетаскиваемых спрайтов

08.08.2019

• На всякий случай убрал «Scratch» из названия этой утилиты

27.

07.2019

• Поддержка проектов 16:9
• Уменьшить количество режимов для HTMLification

13.07.2019

• Облачные переменные хранятся в localStorage

29.06.2019

• Загрузить файл проекта вместо использования идентификатора проекта
• Переключить совместимость и турборежим

31.03.2019

• Наблюдатели за переменными и списками

09.02.2019

• Начало проекта

Кредиты

Сделан овчарка, кто использовал скретч-вм, JSZip, Дено, React и их зависимости для этот проект.

CSS от Мистер Криндж Кид.

См. также

В зависимости от вашего варианта использования HTMLifier может быть не лучшим вариантом для ты.