Различия

Показаны различия между двумя версиями страницы.

--- software:development:demo:start [2023/08/17 18:09] – vladpolskiy
+++ software:development:demo:start [2024/02/26 21:52] (текущий) – [css 3d flip cart] vladpolskiy
@@ Строка 1: / Строка 1: @@
-====== Syntax/Usage ======
+=====968563=====
-<html>
+<!DOCTYPE HTML>
-<p>You can reach Michael at:</p>
-<ul>
-  <li><a href="https://example.com">Website</a></li>
-  <li><a href="mailto:m.bluth@example.com">Email</a></li>
-  <li><a href="tel:+123456789">Phone</a></li>
-</ul>
-</html>
 <html>
  <head>
@@ Строка 59: / Строка 51: @@
   <div class="block2">Ut wisis enim ad minim veniam, quis nostrud
    exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex
    ea commodo consequat.</div>
-<iframe height="300" style="width: 100%;" scrolling="no" title="Untitled" src="https://codepen.io/html5book/embed/qaOjYR?default-tab=html%2Cresult" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
-  See the Pen <a href="https://codepen.io/html5book/pen/qaOjYR">
+     <p>Для искусственного освещения помещения применяются люминесцентные лампы.
-  Untitled</a> by Elena (<a href="https://codepen.io/html5book">@html5book</a>)
+    Они отличаются высокой световой отдачей, продолжительным сроком службы,
-  on <a href="https://codepen.io">CodePen</a>.
+    малой яркостью светящейся поверхности, близким к естественному спектральным
+    составом излучаемого света, что обеспечивает хорошую цветопередачу.</p>
+     <p>Для искусственного освещения помещения применяются люминесцентные лампы.
+    Они отличаются высокой световой отдачей, продолжительным сроком службы,
+    малой яркостью светящейся поверхности, близким к естественному спектральным
+    составом излучаемого света, что обеспечивает хорошую цветопередачу.</p>
+         <p>Для искусственного освещения помещения применяются люминесцентные лампы.
+    Они отличаются высокой световой отдачей, продолжительным сроком службы,
+    малой яркостью светящейся поверхности, близким к естественному спектральным
+    составом излучаемого света, что обеспечивает хорошую цветопередачу.</p>
+	 </body>
+</html>
+===== Всплывающая подсказка =====
+<code>
+<autott>
+  <content>В этом месте всплывающая подсказка.</content>
+    <title>Это заглавие подсказки.</title>
+    <tip>Это текст подсказки.</tip>
+</autott>
+</code>
+<autott>
+  <content>В этом месте всплывающая подсказка.</content>
+    <title>Это заглавие подсказки.</title>
+    <tip>Это текст подсказки.</tip>
+</autott>
+=====77777=====
+<html>
+<iframe height="300" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code/index.htm" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
 </iframe>
- </body>
+<iframe height="300" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code/Change animation with JavaScript.htm" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
+</iframe>
+<iframe height="300" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code/Slideshow container.htm" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
+</iframe>
+<iframe height="500" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code/Modal Login Form.htm" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
+</iframe>
 </html>
+https://html5css.ru/howto/howto_css_login_form.php
 =====8956=====
@@ Строка 117: / Строка 149: @@
 |  DDD  |~@8|  CCC  |   |  FFF   |
 </diagram>
+=====89658965896=====
+===== Examples/Usage =====
+~~socialite~~''
+<html>
+<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/lessons/css_image_border.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
+</iframe>
+</html>
+===== css rotation animation =====
+<html>
+<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/lessons/css_rotation_animation.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
+</iframe>
+</html>
+===== css 3d flip cart =====
+<html>
+<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/lessons/css_3d_flip_cart.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
+</iframe>
+</html>
+[[https://book51.ru/demo/code/3d_flip_cart/index.html|Демо страницы]]
+===== css starry sky animation =====
+<html>
+<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/lessons/css_starry_sky_animation.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
+</iframe>
+</html>
+===== css starry sky animation 2 =====
+<html>
+<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/lessons/css_starry_sky_animation_2.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
+</iframe>
+</html>
+===== css starry sky animation 2 =====
+<html>
+<iframe height="1800" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/lessons/img/Генератор input checkbox CSS _ Style CSS.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
+</iframe>
+</html>
+===== ФОНОВОЕ ИЗОБРАЖЕНИЕ В CSS =====
+<html>
+<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/lessons/css_images.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
+</iframe>
+</html>
+===== ЗАТЕМНЕНИЕ ИЗОБРАЖЕНИЯ С ПОМОЩЬЮ CSS =====
+<html>
+<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/lessons/css_images_1.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
+</iframe>
+</html>
+===== ИЗОБРАЖЕНИЕ С РАЗМЕРАМИ С ПОМОЩЬЮ CSS =====
+<html>
+<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/lessons/css_images_2.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
+</iframe>
+</html>
+===== АДАПТИВНАЯ КАРТИНКА CSS =====
+<html>
+<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/lessons/css_images_3.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
+</iframe>
+</html>
+<html>
+<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/lessons/css_images_4.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
+</iframe>
+</html>
+===== РАМКА ВОКРУГ КАРТИНКИ CSS =====
+<html>
+<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/lessons/css_images_5.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
+</iframe>
+</html>
+===== СКРУГЛЕНИЕ УГЛОВ КАРТИНКИ CSS =====
+<html>
+<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/lessons/css_images_6.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
+</iframe>
+</html>
+===== СОТРАЖЕНИЕ КАРТИНКИ ПО ГОРИЗОНТАЛИ И ВНРТИКАЛИ CSS =====
+<html>
+<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/lessons/css_images_7.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
+</iframe>
+</html>
+===== ПОВОРОТ ИЗОБРАЖЕНИЯ CSS =====
+<html>
+<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/lessons/css_images_8.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
+</iframe>
+</html>
+===== КАРТИНКА ССЫЛКА CSS/HTML =====
+<html>
+<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/lessons/css_images_9.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
+</iframe>
+</html>
+===== ЧЕРНО-БЕЛАЯ КАРТИНКА CSS =====
+<html>
+<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/lessons/css_images_10.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
+</iframe>
+</html>
+===== КРУГЛОЕ ИЗОБРАЖЕНИЕ CSS =====
+<html>
+<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/lessons/css_images_11.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
+</iframe>
+</html>
+===== ОБТЕКАНИЕ КАРТИНКИ ТЕКСТОМ CSS /HTML =====
+<html>
+<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/lessons/css_images_12.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
+</iframe>
+</html>