Презентация "Введение в язык разметки гипертекста" 9 класс

Подписи к слайдам:
  • (с) 2013 г. МКОУ Плесская СОШ. Автор: Юдин А.Б.
  • Введение в язык
  • разметки гипертекста
  • <HTML>
  • <HEAD>
  • <TITLE>Первая страница
  • Иванова Ивана
  • </TITLE>
  • </HEAD>
  • <BODY>
  • Привет!
  • </BODY>
  • </HTML>
  • 1
  • Теги открывающие и закрывающие страницу
  • Служебная информация
  • Заголовок страницы
  • Основная часть страницы
  • 2
  • <BODY TEXT="white" BGCOLOR=green>
  • Привет!
  • </BODY>
  • Цвет всей страницы и текста
  • <P ALIGN="center">
  • Текст выровненный по центру
  • </P>
  • 3
  • left - по левой границе
  • right - по правой границе
  • center - по центру
  • <FONT COLOR=red
  • SIZE=6>
  • Привет!
  • </FONT>
  • 4
  • <FONT COLOR=red
  • SIZE=6>
  • Привет 1
  • Привет 2
  • </FONT>
  • 5
  • <FONT COLOR=red
  • SIZE=6>
  • Привет 1
  • <BR>
  • Привет 2
  • </FONT>
  • 6
  • Переход на новую строку
  • 7
  • курсив
  • <I>Пример</I>
  • Пример
  • жирный
  • <B>Пример</B>
  • Пример
  • подчеркивание
  • <U>Пример</U>
  • Пример
  • зачеркивание
  • <S>Пример</S>
  • Пример
  • верхний индекс
  • Пример<SUP>2</SUP>
  • Пример2
  • нижний индекс
  • Пример<SUB>2</SUB>
  • Пример2
  • <FONT COLOR=red
  • SIZE=6>
  • Пример <SUP> 2 </SUP>
  • </FONT>
  • 8
  • Текст выводимый как верхний индекс
  • 9
  • <UL>
  • <LI> Первый пункт списка </LI>
  • <LI> Второй пункт списка </LI>
  • <LI> Третий пункт списка </LI>
  • </UL>
  • Маркированный список
  • 10
  • <UL TYPE="disk" >
  • <LI> Первый пункт списка
  • <LI> Второй пункт списка
  • <LI> Третий пункт списка
  • </UL>
  • Тип маркеров:
  • disk 
  • circle ○
  • square ■
  • 11
  • Нумерованный список
  • <OL>
  • <LI> Первый пункт списка
  • <LI> Второй пункт списка
  • <LI> Третий пункт списка
  • </OL>
  • 12
  • <OL TYPE=i START=3>
  • <LI> Первый пункт списка
  • <LI> Второй пункт списка
  • <LI> Третий пункт списка
  • </OL>
  • Тип нумерованного списка:
  • 1, i, I, a, A
  • Номер первого пункта
  • 13
  • <OL TYPE="1" START="1">
  • <LI> Пункт один </LI>
  • <UL>
  • <LI> Первый пункт списка
  • <LI> Второй пункт списка
  • <LI> Третий пункт списка
  • </UL>
  • <LI> Пункт два </LI>
  • <LI> Пункт три </LI>
  • </OL>
  • В нумерованный список вложен маркированный
  • 14
  • <TABLE BORDER="1">
  • <TR>
  • <TD>Ячейка 1</TD>
  • <TD>Ячейка 2</TD>
  • <TD>Ячейка 3</TD>
  • </TR>
  • </TABLE>
  • Тег открывающий таблицу
  • Толщина рамки
  • Строка
  • Ячейки в строке
  • 15
  • <TABLE WIDTH="1000"
  • HEIGHT="300"
  • BGCOLOR="green"
  • ALIGN="center">
  • </TABLE>
  • <TR HEIGHT="50">
  • </TR>
  • Размеры, цвет и выравнивание таблицы
  • Размеры строки
  • 16
  • <TD>
  • <FONT COLOR="white">
  • Ячейка 1
  • </FONT>
  • </TD>
  • Установка белого цвета для текста в ячейке
  • <TD BGCOLOR="red">
  • <FONT COLOR="white">
  • Ячейка 1
  • </FONT>
  • </TD>
  • Установка Фона для отдельной ячейки
  • 17
  • <IMG SRC="risunok.jpg">
  • Вставка рисунка
  • <IMG SRC="images/risunok.jpg">
  • Вставка рисунка из вложенной папки
  • Вставка рисунка с другого сервера
  • <IMG SRC="http://www.pic.ru/risunok.jpg">
  • 18
  • <A HREF="Prim.html">Примеры</A>
  • Вставка гиперссылки на страницу в той же папке
  • Вставка гиперссылки на страницу во вложенной папке
  • <A HREF="Primer/Prim1.html">Пример</A>
  • Вставка гиперссылки на страницу в соседней папке
  • <A HREF="../text/text1.html">Текст</A>
  • 19
  • Вставка гиперссылки на сайт
  • <A HREF="http://www.ya.ru">Поиск</A>
  • Вставка гиперссылки на конкретную страницу
  • <A HREF="http://www.privples.ru/a1.html">
  • Пример</A>
  • Вставка гиперссылки на архив
  • <A HREF="http://www.privples.ru/arhiv.rar">
  • Скачать</A>