Видеоуроки по Quest Soft Player. Номер 13. HTML - часть 2

В этом видеоуроке пробуем использовать HTML в нашей игре.

1 часть, теги: I, B, CENTER, DIV, BR, HR, H1-H6, FONT, SPAN
2 часть, теги: IMG, TABLE, TR, TD, A

Остальные теги в справке https://wiki.qsp.org/help:html

Давно мечтаете написать игру, но не знаете, с чего начать? Хотите научиться программированию, но все языки кажутся слишком сложными? Quest Soft Player — это простая в освоении платформа для написания текстовых игр с собственным бэйсик-подобным языком программирования. Писать игры на QSP очень просто. Чтобы начать, Вам понадобятся всего две программы: редактор и плеер, — и никаких специальных знаний. Ознакомьтесь с обучающими видеоуроками для новичков, в которых поэтапно рассказывается, как программировать на QSP, и напишите свою первую игру: https://youtube.com/playlist?list=PLcAHO4WsUl2RLdiV5Lfi4d_yyHpl7zTJA

Сайт с текстовыми играми и программами для создания игр: https://qsp.org
Наша группа в vk: https://vk.com/qsplayer
В дискорде https://discord.gg/SMvzEFm

Обсуждение справочника "Как сделать? Ча.Во." на форуме https://qsp.org/index.php?option=com_agora&task=topic&id=1280&p=1&prc=25&Itemid=57
Скачать справочник:
https://github.com/AleksVersus/howdo_faq/releases
Онлайн-версия справочника:
https://aleksversus.github.io/howdo_faq/

Примеры кода и различные решения:
https://mega.nz/folder/rfAllKzR#rssaaJSs4tpGA_tUbaCCQw
Программы:
https://mega.nz/folder/jXwXlSRJ#TF7P-soOJOWIC8MrBA-L1A

Обучение HTML и CSS, плюс немного JS https://mega.nz/folder/WXhkWLSI#WmF8uN01JeuIyopuCtGlMw

Новые версии плеера:

* WereWolf (QSPider): https://qsp.org/index.php?option=com_agora&task=topic&id=1291&Itemid=57
* Seedhartha (Quest Player Fork): https://qsp.org/index.php?option=com_agora&task=topic&id=128&p=10&prc=25&Itemid=57#p27855

Поблагодарите отца-основателя платформы Байта: https://qsp.org/index.php?option=com_comprofiler&Itemid=20&user=66

А так же простимулируйте разработку нового QGen от Rrock: https://qsp.org/index.php?option=com_agora&task=topic&id=594&Itemid=57

Альтернатива Quest Generator: QSP-Builder и подсветка синтаксиса для Sublime Text
https://github.com/AleksVersus/JAD_for_QSP

Анонс шикарнейшей игры "Sanctuary" от Svartberg`а на классическом плеере: https://qsp.org/index.php?option=com_agora&task=topic&id=1235&Itemid=57
Великолепная игра "the Dark Citadel" от Svartberg`а на классическом плеере, демка которой победила в QSP-Compo 2020: https://qsp.org/index.php?option=com_agora&task=topic&id=1296&Itemid=57
Анонс и новости разработки масштабной игры "Оковы Льда" от HronoStranger https://qsp.org/index.php?option=com_agora&task=topic&id=1298&Itemid=57

Поддержи на Donation Alerts https://www.donationalerts.com/r/aleksversus
Подпишись на бусти, чтобы узнавать о выходе новых видео: https://boosty.to/aleksversus — есть бесплатная подписка.

00:00 Intro
01:11 Тег img — вставка изображения в текст
01:40 Атрибут src — путь к файлу изображения
03:28 Вставляем изображение в название действия
04:45 Атрибут width — задаёт ширину картинки
06:27 Таблицы:
06:43 Теги table — содержимое таблицы
07:50 Структуры таблицы: tr— строка, td — ячейки таблицы
09:29 Атрибут border — толщина границ таблицы
11:08 Атрибут width — ширина ячеек таблицы
13:23 Пишем сложную таблицу
16:05 Атрибут align — выравнивание текста по горизонтали внутри ячейки
18:39 Атрибут colspan — растягиваем ячейку на ширину нескольких столбцов
20:05 Атрибут valign — выравнивание текста по вертикали
20:40 Типичная ошибка новичка: паразитные переводы строк после таблицы
23:44 Гиперссылки
24:45 Теги a — гиперссылка
25:26 Атрибут href — адрес страницы, на которую надо перейти
26:40 Расширенные возможности гиперссылок в QSP. Ключевое слово EXEC
28:38 Решаем проблему с нехваткой кавычек (экранирование)
33:10 Типичная ошибка новичка: преждевременное раскрытие подвыражений
37:54 Ссылаемся на код действий из ссылок
42:15 Домашнее задание