JS | FLAGMAN.TOP

Структура таблицы HTML

01/05/2022 admin

Элементы структуры таблицы HTML

<table>
  <caption>
    Это таблица
  </caption>
  <colgroup>
    <!-- цвет фона для первого столбца таблицы-->
    <col span="1" style="background: Khaki" />
    <!-- цвет фона для следующего (одного) столбца таблицы-->
    <col style="background-color: LightCyan" />
  </colgroup>
  <thead>
    <tr>
      <th></th>
      <th></th>
      <th></th>
    </tr>
  </thead>
  <tfoot>
    <tr>
      <td></td>
      <td></td>
      <td></td>
    </tr>
  </tfoot>
  <tbody>
    <tr>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td></td>
      <td></td>
      <td></td>
    </tr>
  </tbody>
</table>

<table>

Это таблица

</caption>

</colgroup>

<thead>

<tr>

</tr>

</thead>

<tfoot>

<tr>

</tr>

</tfoot>

<tbody>

<tr>

</tr>

<tr>

</tr>

</tbody>

</table>

где <table></table> является контейнером для всех элементов таблицы (все остальные элементы должны находиться внутри него). <caption></caption> создает заголовок таблицы. Добавляется непосредственно после тега <table>, вне строки <tr> или ячейки <td>. <colgroup></colgroup> группирует один или более Читать дальше ...

Объекты веб-хранилища localStorage и sessionStorage

20/04/2022 admin

Подробнее об объекте Storage https://developer.mozilla.org Объекты веб-хранилища localStorage и sessionStorage имеют объем 2 Мб+ (зависит от браузера) и позволяют хранить пары ключ-значение в браузере, при этом данные, которые в них записаны, сохраняются: течение сеанса, до закрытия браузера - при хранении Читать дальше ...

Работа с CSS через Javascript

19/04/202219/04/2022 admin

Получение всех CSS-свойств элемента ( метод window.getComputedStyle() ) Метод window.getComputedStyle() возвращает объект, содержащий значения всех CSS-свойств элемента после применения всех активных таблиц стилей и завершения базовых вычислений значений, которые они могут содержать. Синтаксис метода window.getComputedStyle():

let style = window.getComputedStyle(element [, pseudoElt]);

1	let style = window.getComputedStyle(element [, pseudoElt]);

где element - элемент Читать дальше ...

Всплытие и погружение (перехват) событий DOM

15/01/202220/01/2022 admin

Стандарт DOM Events описывает 3 фазы события: фаза погружения (capturing phase) – событие сначала идёт сверху вниз; фаза цели (target phase) – событие достигло целевого(исходного) элемента; фаза всплытия (bubbling stage) – событие начинает всплывать. Наиболее распространено использование фазы всплытия, другие стадии, Читать дальше ...

События DOM

15/01/202220/01/2022 admin

Событие DOM - это программный интерфейс, предназначенный для уведомления кода о каких-либо изменениях в окне браузера; это сигнал от браузера о том, что что-то произошло с каким-либо DOM-узлом. События (в общем случае) могут возникать в результате действий пользователя (например, использование Читать дальше ...

CSS-селекторы

09/01/202215/12/2022 admin

Селектор CSS - это один из фундаментальных механизмов CSS, реализация которого позволяет определять, к каким элементам документа будет применено то или иное CSS-правило (стиль). Базовые правила типографики CSS: используйте стандартные шрифты; используйте не больше двух шрифтов на странице; используйте достаточный Читать дальше ...