Гурток "Web-дизайн"

Урок 3 Віртуальна Академія

Урок 4 Теги для тексту ВА

Урок 5 Теги для тексту Ч.2


https://nus.org.ua/2025/09/30/ogolosheno-reyestratsiyu-na-hakaton-it-restart-ukraine-2025-shkolyariv-zaproshuyut-stvoryuvaty-tsyfrovi-proyekty-pro-ukrayinsku-kulturu/

Урок 1. Поняття про Web-дизайн. 

1. Відеоурок

2. Основні теги HTML

3. Практична робота: Створення найпростішої вебсторінки. Збереження та перегляд у браузері.


Урок 2-3. Списки та зображення. 

1. Відеоурок

2. Невпорядкований список:

<ul>

  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

CSS властивість list-style-type використовується для визначення стиля маркера елемента списку:

Значення

Опис

disc

Встановлює маркер елемента списка як маленьке чорне коло (за замовчуванням)

circle

Встановлює маркер елемента списка у вигляді маленького пустого кола

square

Встановлює маркер елемента списка у вигляді квадрата

none

Елементи списка не будуть відмічені (маркери відсутні)

3. Впорядкований список:

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

https://w3schoolsua.github.io/html/html_lists.html#gsc.tab=0


Приклад . Веселка:
Нумерований список, в якому для позначення елементів використовують малі римські цифри:
 
<HTML> 
<TITLE> Веселка </TITLE> 
<BODY> 
<BASEFONT SIZE=6> 
<OL TYPE=І> 
    <LI> <FONT COLOR=red> Червоний </FONT> </LI> 
    <LI> <FONT COLOR=orange> Оранжевий </FONT> </LI> 
    <LI> <FONT COLOR=yellow> Жoвтий </FONT> </LI> 
    <LI> <FONT COLOR=green> Зелений </FONT> </LI> 
     <LI> <FONT COLOR=lightblue> Блакитний </FONT> </LI> 
     <LI> <FONT COLOR=blue> Синій </FONT> </LI> 
     <LI> <FONT COLOR=darkmagenta> Фіолетовий </FONT> </LI> 
</OL> 
</BODY> 
</HTML> 
https://w3schoolsua.github.io/colors/colors_picker.html#gsc.tab=0
https://html-css.co.ua/html/color-in-html/

Вчителю інформатики - О.Пасічник


Задача. Написати програму на мові Python.

Знайти кількість натуральних чисел з проміжку [A; B], в розкладі на прості множники яких є рівно 3 простих числа.



Сайти для роботи з ШІ: 

https://mizou.com/

https://copilot.microsoft.com/

https://gemini.google.com/



Немає коментарів:

Дописати коментар