Рубрика: HTML

HTML
HyperText Markup Language
язык гипертекстовой разметки
стандартизированный язык разметки документов для просмотра веб-страниц в браузере.
Веб-браузеры получают HTML документ от сервера по протоколам HTTP/HTTPS или открывают с локального диска, далее интерпретируют код в интерфейс, который будет отображаться на экране монитора.

Элементы HTML являются строительными блоками HTML страниц. С помощью HTML разные конструкции, изображения и другие объекты такие как интерактивная веб-формы могут быть встроены в отображаемую страницу. HTML предоставляет средства для создания заголовков, абзацев, списков, ссылок, цитат и других элементов. Элементы HTML выделяются тегами, записанными с использованием угловых скобок. Такие теги, как <img /> и <input />, напрямую вводят контент на страницу. Другие теги, такие как <p>, окружают и оформляют текст внутри себя и могут включать другие теги в качестве подэлементов.
Браузеры не отображают HTML-теги, но используют их для интерпретации содержимого страницы.

Рубрики
CSS WordPress

Web development «Toggle»

  • Автор записи Автор: bo52
  • Дата записи 28.07.2024
  • Закрепленная запись
  • сворачивание блоков
    • $(.mytoggle).each(function () {
      • h=$(this);
      • let html=h.html();
      • h.empty();
      • h.css(margin-bottom,0);
      • let btn=$(<img>).prependTo(h);
      • $(<div>).appendTo(h).html(html);
      • btn.css(display,inline-block);
      • btn.css(vertical-align,top);
      • btn.css(height,24px);
      • btn.css(width,24px);
      • btn.next().css(display,inline-block);
      • btn.attr(src,СсылкаНаКартинку);
      • btn.click(function(){…});
        • $(this).parent().next().slideToggle();
      • let div=h.next();
      • div.css(padding,5px);
      • div.css(border,1px solid);
      • div.css(display,none);
    • }
  • Размещение кода на WordPress
    • Insert Headers and Footers
      • плагин размещения js кода
      • Script in Footer
        • раздел для расположения кода
  • Пример использования в редакторе с блоками html
    • <div class=mytoggle>head</div>
    • <div>content</div>
Рубрики
HTML

HTML «экранирование кода»

  • Автор записи Автор: bo52
  • Дата записи 29.06.2022 
< = &lt;
text=text.replace(/</g,'&lt;');
> = &gt;
text=text.replace(/\>/g,'&gt;');
Рубрики
ajax Vue.js Текущие Задачи Уровень Важности 2

Использование AJAX в Vue компоненте

  • Автор записи Автор: bo52
  • Дата записи 23.04.2022
Рубрики
CSS основы

Основы.CSS «Способы добавления стилей на страницу»

  • Автор записи Автор: bo52
  • Дата записи 06.04.2022
  • ОТНОСИТЕЛЬНОЕ
    • локальное добавление стиля в корне текущей папки
      • <link rel=stylesheet href=/САЙТ/style.css>
    • локальное добавление стиля в родительской папке корня текущей папки
      • <link rel=stylesheet href=../style.css>
  • АБСОЛЮТНОЕ
    • добавление стиля по полному пути
      • <link rel=stylesheet href=http://www.htmlbook.ru/style.css>
Рубрики
Fragments HTML

Fragments «HTML»

  • t теги
//пробел
<div>&nbsp;</div>
  • ts набор тегов
//scroll
<div style="overflow:scroll;width:700px;">
 <div style="height:300px;width:1000px;">code</div>
</div>
  • ev события тегов
//наведение на тег
mouseover
//клавиша нажата и опущена на теге
keypress