- •Язык разметки гипертекста html порядок создания html-документа с помощью текстового редактора блокнот:
- •Правильно правильно не правильно лабораторная работа №1. Форматирование текста
- •Создать текстовый документ
- •Сохранить и проверить результат.
- •Сохранить и проверить результат.
- •Сохранить и проверить результат.
- •Задание для самостоятельной работы
- •Лабораторная работа №2. Создание списков
- •Задания для самостоятельной работы:
- •Лабораторная работа №3. Создание таблиц
- •Лабораторная работа №3. Вставка графических изображений
- •Лабораторная работа №4. Создание таблиц
- •Задания для самостоятельной работы:
- •Лабораторная работа №5. Создание гиперссылок
- •Задание для самостоятельной работы
Задания для самостоятельной работы:
Оформить, используя возможности языка HTML, таблицу.
Расписание занятий |
|||||||
Понедельник |
Вторник |
||||||
8-00 |
Электротехника |
лекция |
С-104 |
10-00 |
Химия |
лекция |
СП-135 |
10-00 |
Электротехника |
практика |
С-242 |
12-00 |
Психология |
практика |
СП-108 |
Примечание: Для объединения ячеек используется тег:
<td colspan=N> ... </td> - объединение N столбцов
<td rowspan=N> ... </td> - объединение N строк
Лабораторная работа №5. Создание гиперссылок
Гиперссылки бывают нескольких видов:
- внутри документа (например, с конца документа в начало)
- на другой документ или ресурс
Задание:
-
Создать HTML-документ со следующим содержанием:
Примечание: Для слова гиперссылка нужно использовать такой код:
<a href=1.html> гиперссылка </a>
-
Сохранить документ с именем 1.html. Сравнить результат.
-
Создать html-документ, вставить графическое изображение. Для графического изображения использовать такой код (вместо многоточия вставьте имя объекта):
<a href=1.html> <img src=……………………> </a>
-
Сохранить второй документ с именем 1.html в той же папке, где сохранен файл 2.html.
-
Открыть файл 1.html в браузере, щелкнуть по гиперссылке (должен открыться другой документ). В файле 2.html щелкнуть по графическому изображению (должен открыться документ 1.html).
Таблица основных цветов
Аквамарин |
|
aqua |
#00FFFF |
Белый |
|
white |
#FFFFFF |
Желтый |
|
yellow |
#FFFF00 |
Зеленый |
|
green |
#008000 |
Золотистый |
|
gold |
#FFD700 |
Индиго |
|
indigo |
#4B0080 |
Каштановый |
|
maroon |
#800000 |
Красный |
|
red |
#FF0000 |
Оливковый |
|
oliv |
#808000 |
Пурпурный |
|
purple |
#800080 |
Светло-зеленый |
|
lime |
#00FF00 |
Серебристый |
|
silver |
#C0C0C0 |
Серый |
|
gray |
#808080 |
Сизый |
|
teal |
#008080 |
Синий |
|
blue |
#0000FF |
Ультрамарин |
|
navy |
#000080 |
Фиолетовый |
|
violet |
#EE80EE |
Фуксиновый |
|
fuchsia |
#FF00FF |
Черный |
|
black |
#000000 |