Курсы по программированию

Формула программиста

основатель — Волосатов Евгений Витольдович
Поздравляю с 1 сентября! Система начисления Байтов работает.

НаноШахматы / HTML5 - Поднятие фигур

  • На этом уроке мы подготовим фигуры к переносу.
    Для этого нам понадобятся возможности HTML 5.0 и JavaScript.
    (1) Для переноса фигур нужно их поместить в отдельный блок span.
    (2) Каждому span-блоку нужно выдать разрешение на перенос draggable.
    (3) Каждому блоку нужно присвоить уникальный id-код, мы будем использовать координаты клеток.
    После этого вы сможете хватать фигуру и таскать её по полю.
  • Дата отправки отчёта: 5 июля 2019 г.
  • Задание выполнено: за 14 мин.
  • Чему научился: Тег <span> предназначен для определения строчных элементов документа

    В отличие от блочных элементов, таких как <table>, <p> или <div>, с помощью тега <span> можно выделить часть информации внутри других тегов и установить для нее свой стиль

    Поник мышкой захватывается и тащится куда прикажешь (см. иллюстрацию номер два)
  • Оценка видео-уроку:
Отчёт от 17947 за НаноШахматы / HTML5 - Поднятие фигур


Отчёт от 17947 за НаноШахматы / HTML5 - Поднятие фигур




Оцени работу

 
Сохранить страницу:

17947. --
Dmitry Sinitsin
Dmitry Sinitsin
ответить
# НаноШахматы / HTML5 - Поднятие фигур / 2019-07-05 20:45

<H1> … </H1>, <H2> … </H2>, … ,<H6> … </H6> — заголовки 1, 2, … 6 уровня. Используются для выделения частей текста (заголовок 1 — самый крупный, 6 — самый мелкий)

<P> — новый абзац. Можно в конце абзаца поставить </P>, но это не обязательно

<BR> — новая строка. Этот тег не закрывается (то есть не существует тега </BR>)

<HR> — горизонтальная линия

<BLOCKQUOTE> … </BLOCKQUOTE>  — цитата. Обычно текст сдвигается вправо

<PRE> … </PRE>  — режим preview (preformatted text). Пробельные символы остаются там, где они есть в оригинальном документе (в других тегах игнорируются). Внутри могут обрабатываться внутристроковые теги кроме img, object, big, small, sup и sub

<DIV> … </DIV>  — блок (обычно используется для применения стилей CSS)

<SPAN> … </SPAN>  — строка (обычно используется для применения стилей CSS)

А еще Span — английская мера длины, равная 9 дюймам.
Не знал.


  • Отчёт оценивали:
    17425ser2018+1   11589Yefim+1   7119Новопашин Владимир+1   Посетитель+1   791Валерий Жданов+1  

Начинаем практику по языку C#





Если вы пришли без приглашения -
введите тысяча двадцать четыре (цифрами).
Чтобы стать хорошим программистом — нужно писать программы. На нашем сайте очень много практических упражнений.

После заполнения формы ты будешь подписан на рассылку «C# Вебинары и Видеоуроки», у тебя появится доступ к видеоурокам и консольным задачам.

Несколько раз в неделю тебе будут приходить письма — приглашения на вебинары, информация об акциях и скидках, полезная информация по C#.

Ты в любой момент сможешь отписаться от рассылки.


Научился: Для переноса фигур нужно их поместить в отдельный блок span. (2) Каждому span-блоку нужно выдать разрешение на перенос draggable. (3) Каждому блоку нужно присвоить уникальный id-код, мы будем использовать координаты клеток. После этого вы сможете хватать фигуру и таскать её по полю.
---


Научился: атрибуту draggable в теге span
полезная вещь, с каждым уроком интрига только растёт =)