Урок "Вкладені списки в HTML"

Про матеріал

Урок "Вкладені списки в HTML" можна використовувати при проведенні уроків, факультативів і гуртків з інформатики. Дана розробка використовується для підготовки дітей до олімпіади з Веб-програмування.

Перегляд файлу

Тема:          Вкладені списки.

Мета:         Закріпити знання по використанню тегів для створення нумерованих й маркірованих списків.

 

Практичні роботи.

Вправа 4.1. Створити HTML-документ за допомогою найпростішого текстового редактора, який містить маркіровані і нумеровані списки, використовуючи атрибут start для  продовження нумерації списку, розірваного текстом, який не є елементом цього списку.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Приклад HTML кода веб-сторінки:

Нумерація арабськими цифрами:<OL>

<li>один</li>

<li>два</li>

</ol>

Продовження нумерації великими римськими цифрами:<ol type="I" start=3>

<li>три</li>

<li>чотири</li>

</ol>

Продовження нумерації малими римськими цифрами:<ol type="i" start=5>

<li>п'ять</li>

<li>шість</li>

</ol>

Продовження нумерації великими літерами латиниці:<ol type="A" start=7>

<li>сім</li>

<li>вісім</li>

</ol>

Продовження нумерації великими літерами латиниці:<ol type="a" start=9>

<li>дев'ять</li>

<li>десять</li>

</ol>

 

 

Вправа 4.2. Створити HTML-документ за допомогою найпростішого текстового редактора, який містить нумерований список у маркованому.

<ul type="square">

<li>Земля

<OL>

<li>Місяць

</OL></li>

<LI>Mapc

<OL>

<LI>Фобос</li>

<LI>Деймос</li>

</OL></li>

<LI>Уран

<OL>

<LI>Аріель</li>

<LI>Умбріель</li>

<LI>Титанія</li>

<LI>Оберон</li>

<LI>Міранда</li>

</OL></li>

<LI>Нептун

<OL>

<LI>Тритон</li>

<LI>Нереїда</li>

</OL></li>

</UL>

 

 

 

 

 

 

 

 

 

 

 

 

doc
Додано
15 квітня 2019
Переглядів
1226
Оцінка розробки
Відгуки відсутні
Безкоштовний сертифікат
про публікацію авторської розробки
Щоб отримати, додайте розробку

Додати розробку