Лабораторная работа по информатике на тему "Дескрипторы создания таблиц"

Лабораторная работа

Тема: Дескрипторы создания таблиц.

Цель: Закрепить навыки работы с HTML кодами и программами-браузерами, научиться создавать таблицы в web-документах.

Оборудование: Персональный компьютер, методические указания по выполнению лабораторной работы.

Теоретическая часть:

Список используемых тегов

1)    </u>подчёркнутый текст<u>

2)    <i>выделяет текст курсивом</i>

3)    <ем> выделяет текст курсивом </ем>

4)    _{отображает текст со сдвигом вниз}

5)    <suр>отображает текст со сдвигом вверх </suр>

6)    <s> перечёркнутый текст </s>

7)    <strike> перечёркнутый текст </strike>

8)    <strong> выделяет текст жирным шрифтом </strong>

9)    <b> выделяет текст жирным шрифтом  </b>

10)                       <table> тег, открывающий и закрывающий таблицу </table>
Тег <table> имеет атрибуты:

border="3" задаёт ширину внешней рамки в  пикселях

width=30% определяет ширину таблицы в процентном отношении к ширине окна браузера

height=10% определяет высоту таблицы в процентном отношении к высоте окна браузера

align= left определяет способ выравнивания таблицы

10.1)                <caption> заголовок таблицы </caption> имеет атрибуты:

10.1.1)            Аlign= top помещает заголовок над таблицей

10.1.2)            Аlign= bottom помещает заголовок под таблицей

10.2)                <tr>текст одной строки таблицы</tr> имеет атрибуты:

10.2.1)            аlign=определяет способ горизонтального выравнивания содержимого всей строки

10.2.2)            bgcolor= определяет цвет фона всех ячеек в строке

10.3)                <td>текст ячейки, задаваемый внутри строки</td> имеет атрибуты:

10.3.1)            аlign=определяет способ вертикального выравнивания содержимого ячейки

10.3.2)            bgcolor= определяет цвет фона ячейки

10.3.3)            colspan определяет количество столбцов, на которые простирается данная ячейка

10.3.4)            rowspan определяет количество строк, на которые простирается данная ячейка

ПРИМЕР

<table border="3" width=70% height=30% align=center>

<caption align=bottom> НоВаЯ ТаБлИчКа </caption>

                                    <tr>

                                                <td align=right> R </td>

                                               <td> RR </td>

                                    </tr>

                                    <tr>

                                                <td bgcolor=#008000>  F </td>

                                                <td >  FF  </td>

                                    </tr>

</table>

R	RR
F	FF

НоВаЯ ТаБлИчКа

Ход работы:

Создайте предложенную web- страницу (Приложение A)

Текст, расположенный в фигурных скобках, является пояснением к выполнению лабораторной работы и набирать его на странице не нужно.