Практическое занятие

Задание 1.  Разместим на веб-странице маркированный список из не менее 5 любимых учебных дисциплин

Любимые учебные дисциплины

  • Литература
  • Математика
  • Информатика
  • Технология
  • Физическая культура

Создадим для этого html-код

<!doctype html>
  <html>
    <head>
        <title> Изучаем список </title>
    </head>
   <body>

         <H4> Любимые учебные дисциплины </H4>
         <OL>
                     <LI>Литература
                     <LI>Математика
                     <LI>Информатика
                     <LI>Технология
                     <LI>
Физическая культура
         </OL>

   </body>

</html>


Задание 2. Изменим маркеры списка на строчные римские цифры с помощью стилей. Для этого используем css-свойство list-style-type со значением lower-roman

<!doctype html>
  <html>
    <head>
        <title> Изучаем список </title>
    </head>
   <body>

         <H4> Любимые учебные дисциплины </H4>
         <OL style="list-style-type: lower-roman">
                     <LI>Литература
                     <LI>Математика
                     <LI>Информатика
                     <LI>Технология
                     <LI>
Физическая культура
         </OL>

   </body>

</html>

Задание 3. Разместим на веб-странице таблицу результатов спортивного соревнования.

     <TABLE style="text-align: center; padding: 15px" border>
     <CAPTION> Турнирная таблица </CAPTION>
     <TR>
          <TH></TH>
          <TH>Команда 1</TH>
          <TH>Команда 2</TH>
          <TH>Команда 30</TH>
     </TR>
     <TR>
          <TD>Команда 1</TD>
          <TD style="background-color: indigo"></TD>
          <TD>4:0</TD>
          <TD>3:1</TD>
     </TR>
     <TR>
          <TD>Команда 2</TD>
          <TD>0:4</TD>
          <TD style="background-color: indigo"></TD>
          <TD>2:1</TD>
     </TR>
     <TR>
          <TD>Команда 3</TD>
          <TD>1:3</TD>
          <TD>1:2</TD>
          <TD style="background-color: indigo"></TD>
     </TR>
</table>

Last modified: Wednesday, 15 January 2020, 11:41 PM