• Справочники и курсы по веб и игровой разработке
  • Webdev
    Bitrix
    , Gamedev
    Godot
Вход
Версия сайта 
v.1

Материалы


BODY (тег в HTML)

Что такое body в html:

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

Атрибуты:

  1. onbeforeunload - сценарий, который выполнится, когда пользователь соберётся покинуть страницу.
  2. onhashchange - сценарий, который выполнится при изменении URL.
  3. onmessage - сценарий, который выполнится при получении сообщения от приложения.
  4. onoffline - сценарий, который выполнится, когда браузер начнёт работать в автономном режиме.
  5. ononline - сценарий для запуска, когда браузер начинает работать в режиме онлайн.
  6. onpagehide - сценарий, который выполняется, когда пользователь переходит со страницы.
  7. onpageshow - сценарий, который выполняется, когда пользователь переходит на страницу.
  8. onunload - сценарий, который выполняется, когда пользователь покидает страницу.
  9. onafterprint - сценарий, который выполнится после печати веб-страницы.
  10. onbeforeprint - сценарий, который выполнится перед печатью веб-страницы.
  11. onlanguagechange - сценарий, который выполнится при изменении языка документа.
  12. onmessageerror - сценарий, который выполнится при возникновении ошибки в сообщении, полученном с помощью API Messaging.
  13. onpopstate - сценарий, который выполнится при изменении состояния истории браузера.
  14. onrejectionhandled - сценарий, который выполнится при обработке отклоненного обещания в объекте Promise.
  15. onstorage - сценарий, который выполнится при изменении данных в объекте localStorage или sessionStorage.
  16. onunhandledrejection - сценарий, который выполнится при возникновении отклоненного обещания в объекте Promise без обработки.

Как прописать body в html:

<!DOCTYPE html>
<html>
  <head>
    <title>Заголовок страницы</title>
  </head>
  <body>
    <h1>Заголовок 1</h1>
    <p>Это параграф.</p>
  </body>
</html>

Деталка

BLOCKQUOTE (тег в HTML)

Что такое blockquote в html:

Используется для вставки цитат на страницу. Цитата обычно отображается с отступом от остального текста.

Атрибуты:

  1. cite - Адрес, который указывает на источник цитаты.

Как прописать blockquote в html:

<blockquote>Текст</blockquote>

Деталка

BLINK (тег в HTML)

Что такое blink в html:

Устанавливает мигание текста.

Как прописать blink в html:

<blink>Текст</blink>

Деталка

BIG (тег в HTML)

Что такое big в html:

Он используется для увеличения размера шрифта, выделения слов и фраз в тексте, а также для увеличения размеров заголовков.

Как прописать big в html:

<p>Это <big>важный текст</big>, который необходимо выделить.</p>

Деталка

BGSOUND (тег в HTML)

Что такое bgsound в html:

Определяет музыкальный файл, который будет проигрываться на веб-странице при ее открытии.

Атрибуты:

  1. balance - Управляет балансом звука между правой и левой колонками.
  2. loop - Устанавливает, сколько раз проигрывать музыкальный файл.
  3. src - Путь к музыкальному файлу.
  4. volume - Задает громкость звучания музыки.

Как прописать bgsound в html:

<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Тег BGSOUND</title>
  <bgsound src="town.mid" loop="-1">
 </head>
 <body>
  ...
 </body>
</html>

Деталка

BDO (тег в HTML)

Что такое bdo в html:

Двунаправленный вывод и используется для изменения направления текста HTML-документа.
Этот тег полезен при работе с языками, которые пишутся справа налево, пример - Арабский.

Атрибуты:

  1. dir - отвечает за направление текста и принимает значения rtl (справа налево) и ltr (слева направо).

Как прописать bdo в html:

<span style="direction: rtl;">مرحبا بالعالم</span>

Деталка

BDI (тег в HTML)

Что такое bdi в html:


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

Как прописать bdi в html:


<!DOCTYPE html>
<html>
  <body>
 
    <p>
      Если элемент <bdi> не поддерживается браузером, то в приведенном примере имя участника,
      написанное на Китайском языке, будет воспринято некорректно (алгоритм поставит двоеточие
      и номер "90" рядом со словом "участник", а не к слову "баллы").
    </p>
 
    <ul>
      <li>Участник <bdi>Михаил</bdi>: 60 баллов</li>
      <li>Участник <bdi>Harry</bdi>: 80 баллов</li>
      <li>Участник <bdi>小狮子</bdi>: 90 баллов</li>
    </ul>
 
  </body>
</html>

Деталка

BASEFONT (тег в HTML)

Что такое basefont в html:


Предназначен для задания шрифта, размера и цвета текста по умолчанию.

Атрибуты:

  1. color - Устанавливает цвет текста.
  2. face - Определяет гарнитуру шрифта.
  3. size - Задает размер шрифта в условных единицах.

Как прописать basefont в html:

<!DOCTYPE html>
<html>
<head>
  <basefont size="5" color="red">
</head>
<body>
  <p>Какой-то текст документа.</p>
</body>

Деталка

BASE (тег в HTML)

Что такое base в html:


Определяет основной адрес (URL), используемый для всех относительных адресов (URLs) в документе.

Атрибуты:

  1. href - базовый URL для всех относительных URL в документе. Если атрибут не указан, относительные URL-адреса в документе могут определяться некорректно.
  2. target - указывает, где открывать связанный документ при нажатии на ссылку. Если не указан, ссылки могут открывать в неожиданных окнах или фреймах.

Как прописать base в html:


<head>
  <base href="https://novocodo.ru/" target="_blank">  
</head>

Деталка

B (тег в HTML)

Что такое <b> в html:

Устанавливает жирное начертание шрифта. Допустимо использовать этот тег совместно с другими тегами.

Как прописать тег B в html:

<p>Сегодня мы <b>не</b> будем работать допоздна!</p>

Сегодня мы не будем работать допоздна!

Деталка

A (тег в HTML)

Что такое <a> в html:

Определяет гиперссылку для перехода на определённое место на странице или на другую страницу в Интернете.

Атрибуты:

  1. href - URL страницы или ресурса для ссылки.
  2. target - указывает, где открыть страницу или ресурс, на который дана ссылка.
  3. download - указывает, что цель будет загружена, когда пользователь нажмёт на гиперссылку.
  4. rel - указывает связь между связанным и текущим документом.
  5. hreflang - язык связанного документа.
  6. type - тип медиафайла связанного документа.
  7. referrerpolicy - управляет тем, как браузер должен отправлять информацию об источнике перехода (referrer) при переходе по ссылке
  8. ping - используется для отправки запросов на заданный URL при переходе по ссылке. Этот атрибут поддерживается не везде и обычно не используется из-за проблем с безопасностью.

Как прописать тег A в html:

<a href="url">Текст ссылки</a>

Примеры использования:

Как поставить ссылку на другую страницу:

<a href="https://www.novocodo.ru/&quot;>HTML Novocodo</a>

Якорная ссылка:

<a href="#section1">Переход к разделу 1</a>
<h2 id="section1">Раздел 1</h2>

Ссылка на файл:

<a href="/images/picture.jpg">Посмотреть картинку</a>

Ссылка на номер телефона:

<a href="tel:+79999669999">Позвоните нам</a>

Деталка

AUDIO (тег в HTML)

Что такое audio в html:

Используется для вставки аудиофайлов: музыки, звуковых эффектов, аудиокниг.

Атрибуты:

  1. src - указывает путь к аудиофайлу.
  2. controls - добавляет на страницу стандартный набор элементов управления, таких как кнопки воспроизведения, паузы и громкости.
  3. autoplay - указывает на автоматическое воспроизведение аудиофайла при загрузке страницы.
  4. loop - указывает на повторение воспроизведения аудиофайла.
  5. preload - определяет, как аудиофайл будет загружаться на страницу. Возможные значения: none, metadata, auto.

Как прописать audio в html:

<audio src="audio_file.mp3" controls></audio>

Деталка

ASIDE (тег в HTML)

Что такое aside в html:

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

Как прописать aside в html:

<main>
  <h1>Заголовок страницы</h1>
  <p>Основной контент</p>
</main>
<aside>
  <h2>Навигация по странице</h2>
  <ul>
    <li><a href="#section1">Раздел 1</a></li>
    <li><a href="#section2">Раздел 2</a></li>
    <li><a href="#section3">Раздел 3</a></li>
  </ul>
</aside>

Деталка

ARTICLE (тег в HTML)

Что такое article в html:

Тегом размечают статьи в блогах, сообщения на форумах и другие материалы, которые имеют смысл и ценность.

Как прописать article в html:

<article>
  <h2>Заголовок статьи</h2>
  <p>Текст статьи...</p>
</article>

Деталка

AREA (тег в HTML)

Что такое area в html:

Определяет область, которая является частью изображения-карты,
область может быть прямоугольной, круглой или многоугольной формы.
Тег <area> не может использоваться самостоятельно и должен всегда находиться внутри контейнера <map>.

Атрибуты:

  1. shape - форма области. Может быть rect (прямоугольник), circle (круг) или poly (многоугольник).
  2. coords - координаты области. Зависят от значения shape. Для прямоугольника указываются координаты левого верхнего угла и правого нижнего угла (x1,y1,x2,y2). Для круга указывается координаты центра и радиус (x,y,r). Для многоугольника указываются координаты всех точек (x1,y1,x2,y2,x3,y3,...).
  3. alt - описание области для пользователей, которые не могут визуально увидеть карту изображения.
  4. download - предлагает скачать по ссылке целевой ресурс, указанный в href, вместо его отображения в браузере.
  5. href - адрес, на который будет переходить пользователь при клике на область.
  6. hreflang - язык, на котором написана целевая страница.
  7. media - условия, которые должны быть выполнены для применения стиля к целевой странице.
  8. referrerpolicy - политика отправки referrer при переходе по ссылке. Это влияет на то, как информация о странице-источнике передается на страницу-назначение.
  9. rel - определяет отношение между текущей страницей и целевой страницей.
  10. target - указывает, как будет открыта целевая страница. Значения: _self (в текущем окне), _blank (в новом окне), _parent (в родительском фрейме) или _top (во всем окне браузера).

Как прописать area в html:

<map name="mapname">
  <area shape="rect" coords="x1,y1,x2,y2" href="url">
  <area shape="circle" coords="x,y,r" href="url">
  <area shape="poly" coords="x1,y1,x2,y2,x3,y3,..." href="url">
</map>

Деталка

APPLET (тег в HTML)

Что такое applet в html:

Использовался для встраивания апплетов в HTML-документы

Атрибуты:

  1. align - Задает выравнивание апплета относительно близлежащих элементов и текста.
  2. alt - Альтернативный текст.
  3. archive - Указывает путь и имя файла с архивом.
  4. code - Имя файла.
  5. codebase - Путь к папке с апплетом, который задан атрибутом code.
  6. height - Высота апплета.
  7. hspace - Горизонтальный отступ от апплета до окружающего контента.
  8. vspace - Вертикальный отступ от апплета до окружающего контента.
  9. width - Ширина апплета.

Как прописать апплет в html:

<applet code="URL">Текст</applet>

Деталка

Подключение CSS к HTML

Как использовать CSS в HTML

<style>
.mycolor {
color:#ffcc00;
}
</style>

<div class="mycolor">Текст</div>

Как подключить внешний CSS файл к HTML

<link rel="stylesheet" href="styles.css">

Деталка

Как на API с помощью PHP генерить изображения в Stable Diffusion

Перейдем сразу к коду. Естественно промт, id модели, шаги и другие параметры вы прописываете сами по вашим потребностям:

$url = 'http://127.0.0.1:7860/sdapi/v1/txt2';
$headers = [
            'accept: application/json',
            'Content-Type: application/json',
        ];

$data["prompt"]='anime girl';
$data["negative_prompt"] = 'blonde';
// $data["seed"] = 2617261041;
$data["steps"] = 10;
$data["cfg_scale"] = 4;
$data["width"] = 512;
$data["height"] = 512;
$data["override_settings"]["sd_model_checkpoint"] = '9d34a7839c';

$postdata = json_encode($data);
$ch = curl_init($url); 
curl_setopt($ch, CURLOPT_POST, 1);
curl_setopt($ch, CURLOPT_POSTFIELDS, $postdata);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1); 
curl_setopt($ch, CURLOPT_HTTPHEADER, $headers);
curl_setopt($ch, CURLOPT_TIMEOUT, 1000);
$result = curl_exec($ch);
curl_close($ch);
$ar=(array)json_decode($result);

В итоге в массиве $ar у нас будут нужные нам данные. Можно сохранить изображение с помощью 

$time=date('Y-m-d-H-i-s');
file_put_contents($time.".png",base64_decode($ar["images"][0]));

и сразу далее вывести на экран:

echo '<br><img src="'.$time.".png".'" width=512>';

Деталка

Форки Godot

Одним из форков Godot можно рассмотреть Redot.

Официальный сайт Redot

Ссылка: https://www.redotengine.org/

Где смотреть форки Godot

Ссылка на Github движкаGodot: https://github.com/godotengine/godot
Ссылка на сам список форков: https://github.com/godotengine/godot/forks

Деталка

Что такое ControlNet

ControlNet - это дополнение для нейросети Stable Diffusion, которое может генерировать изображение по готовой картинке, наброску (в том числе лайн-арт), позе человека.

Деталка

Материалы 21 - 40 из 60
 Начало | Пред. | 1 2 3 | След. | Конец
Избранный материал:
Как исправить ошибку установки Битрикс на OpenServer c php8

Категории




Справочники и курсы по веб и игровой разработке.

© 2024 Все права защищены. Novocodo.ru