Текст этой презентации
Слайд 1

Оформление текста в HTML
Выполнила учитель технологии
МАОУ г.Рязани «Лицей №4»
Мирохина Ольга Игоревна
Слайд 2

Выделение текста жирным шрифтом
жирный текст
Тэг STRONG
Тэг EM
Выделение текста курсивом
текст курсивом
Тэг U
Подчёркивание текста подчёркнутый текст
Слайд 3

Перечёркивание текста
перечёркнутый текст
Тэг S
Тэг SUP
Создание верхнего индекса. 22=4 22=4
Тэг SUB
Создание нижнего индекса. H2O H2O
Слайд 4

Списки в HTML
Слайд 5

Слайд 6

Слайд 7

НЕпронумерованный список. Внутри контейнера обязательно должен быть хотя бы один пункт (тэг
). для переноса на следующую строку
Тег UL (контейнер)
- Аквариумы и оборудование
- Пресноводные рыбки
- Морские рыбки
- Аквариумные растения
- Другие обитатели
Слайд 8

Пронумерованый список. Также внутри контейнера должен находиться хотя бы один пункт списка.
Тег OL (контейнер)
Атрибуты тэга
:
Атрибут type задаёт стиль нумерации списка.
type="1" арабские числа 1,2,3 и т.д.
type="I" римские числа I,II,III и т.д.
type="A" заглавные буквы
type="a" строчные буквы.
start определяет с какой цифры начинается список.Например для значения start="3" список начнётся с цифры 3 и пойдёт по порядку 4, 5, 6 и т.д.
- Аквариумы и оборудование
- Пресноводные рыбки
- Морские рыбки
- Аквариумные растения
- Другие обитатели
Слайд 9

Ссылки в HTML
Слайд 10

Переход на сайт лицея
Ссылки в HTML документе это переходы с одной страницы на другую или на какой либо файл.
<а hrеf="aquarium.html">Аквариумы
<а hrеf="folder/aquarium.html">Аквариумы - ссылка на страницу в другой папке.
Слайд 11

Ввернуться к разделу о Золотых рыбках - ссылка на начало страницы
Золотые рыбки
.... далее текст раздела........... .....
<а hrеf="music.mp3"> Скачать файл - скачивание файлов
<а hrеf="mailto:xxx@xxxxx.ru"> Написать письмо - на электронную почту
Слайд 13

Чтобы назначить цвета ссылкам на всей странице используется контейнер
. Его дополняют атрибутами.
link - цвет ссылки
alink - цвет ссылки при нажатии на неё мышкой
vlink - цвет посещёной ссылки
Цвет ссылки в html
...тело документа...
Здесь будут ссылки зелёного цвета, при нажатии будут синего, а посещённые будут серого
Цвета отдельным ссылкам
Красная ссылкаСлайд 14

Создать список на вашей странице
Создать столько страниц – сколько есть в вашем списке
Прописать ссылки из списка на страницы со всеми атрибутами.
Задание