Оцените презентацию от 1 до 5 баллов!
Тип файла:
ppt / pptx (powerpoint)
Всего слайдов:
13 слайдов
Для класса:
1,2,3,4,5,6,7,8,9,10,11
Размер файла:
54.00 kB
Просмотров:
52
Скачиваний:
0
Автор:
неизвестен
Слайды и текст к этой презентации:
№1 слайд![Мова HTML Hiper Text Markup](/documents_6/7a5ddfcda29c9160b817617ee53a9884/img0.jpg)
Содержание слайда: Мова HTML
Hiper Text Markup Language
для створення Web – сторінок.
Текст програми записують у текстовому редакторі (Блокнот) і зберігають з розширенням *.htm або *.html
Переглядають Web - сторінку у броузері (Internet Explorer, Opera, Chrome…)
Для редагування файл відкривають так:
(1 п.к. – Відкрити з допомогою -- Блокнот)
№2 слайд![Структура HTML документа lt](/documents_6/7a5ddfcda29c9160b817617ee53a9884/img1.jpg)
Содержание слайда: Структура HTML документа
<HTML>
<HEAD>
<TITLE> заголовок вікна </TITLE>
</HEAD>
<BODY параметри>
… тіло документа …
</BODY>
</HTML>
№3 слайд![Заголовки lt H gt текст](/documents_6/7a5ddfcda29c9160b817617ee53a9884/img2.jpg)
Содержание слайда: Заголовки
<H1> текст заголовку </H1>
<H2> текст заголовку </H2>
<H3> текст заголовку </H3>
<H4> текст заголовку </H4>
<H5> текст заголовку </H5>
<H6> текст заголовку </H6>
№4 слайд![Параметри тега BODY BGCOLOR](/documents_6/7a5ddfcda29c9160b817617ee53a9884/img3.jpg)
Содержание слайда: Параметри тега BODY
BGCOLOR = “колір”
колір задається англійською назвою (red, blue, yellow, aqua, silver …), або відповідним шістнадцятковим кодом (#FF0000, #0000FF, #FFFF00, #00FFFF, #C0C0C0…)
BACKGROUND = “шлях до файла”
№5 слайд![Параметри шрифту TEXT кол р](/documents_6/7a5ddfcda29c9160b817617ee53a9884/img4.jpg)
Содержание слайда: Параметри шрифту
TEXT = “колір”
ALIGN = “вирівнювання”
вирівнювання може приймати такі значення: left, center, right
<FONT SIZE = “значення”> … </FONT> значення розміру може приймати абсолютне від 1 до 7 або відносне від -4 до +4 у порівнянні з розміром основного шрифту
№6 слайд![Форматування тексту lt B gt](/documents_6/7a5ddfcda29c9160b817617ee53a9884/img5.jpg)
Содержание слайда: Форматування тексту
<B> напівжирний </B>
<I> курсив </I>
<U> підкреслений </U>
<SUB> підрядковий </SUB>
<SUP> надрядковий </SUP>
<STRIKE> перекреслений </STRIKE>
№7 слайд![Одинарн теги lt BR gt -перех](/documents_6/7a5ddfcda29c9160b817617ee53a9884/img6.jpg)
Содержание слайда: Одинарні теги
<BR> -перехід на новий рядок
<P> - перехід на новий абзац
При цьому буде залишатися один порожній рядок. Також може використовуватися <P> …текст…</P>
<HR> - горизонтальна лінія
№8 слайд![Вставка картинок lt IMG SRC](/documents_6/7a5ddfcda29c9160b817617ee53a9884/img7.jpg)
Содержание слайда: Вставка картинок
<IMG SRC = “назва файла”> (допускає вставку картинок у форматах JPEG і GIF)
HEIGTH=“значення” і WIDTH=“значення” – визначають висоту і ширину зображення у пікселях
ALIGN – вказує спосіб вирівнювання
ALT=“текст” – при неможливості виводу малюнка виводиться заданий текст
BORDER=“значення” – визначає ширину рамки навколо зображення у пікселях
№9 слайд![Списки Нумерований список lt](/documents_6/7a5ddfcda29c9160b817617ee53a9884/img8.jpg)
Содержание слайда: Списки
Нумерований список
<OL TYPE=“1” START=“3”>
<LI> Перший пункт списку </LI>
<LI> Другий пункт списку </LI>
<LI> Третій пункт списку </LI>
</OL>
Параметр TYPE може приймати значення “I”, “a” або “A”.
Параметр START є необов’язковим.
№10 слайд![Списки Марк рований список lt](/documents_6/7a5ddfcda29c9160b817617ee53a9884/img9.jpg)
Содержание слайда: Списки
Маркірований список
<UL TYPE=“CIRCLE”>
<LI> Перший пункт списку </LI>
<LI> Другий пункт списку </LI>
<LI> Третій пункт списку </LI>
</UL>
Параметр TYPE може приймати значення “SQUARE” або за замовчуванням - крапки.
№11 слайд![Таблиц lt TABLE gt lt TABLE](/documents_6/7a5ddfcda29c9160b817617ee53a9884/img10.jpg)
Содержание слайда: Таблиці
<TABLE> … </TABLE> - теги побудови таблиці
<TH> …</TH> - формує заголовок таблиці
<TR> … </TR> - формує рядок таблиці
<TD> … </TD> - задає вміст клітинки
Наприклад
<TABLE BORDER=1>
<TH> <TD>Заголовок1</TD><TD>Заголовок2</TD></TH>
<TR> <TD> текст11</TD><TD> текст12</TD></TR>
<TR> <TD> текст21</TD> текст22<TD></TD></TR>
</TABLE>
№12 слайд![Таблиц Параметри тега lt](/documents_6/7a5ddfcda29c9160b817617ee53a9884/img11.jpg)
Содержание слайда: Таблиці
Параметри тега <TABLE параметри>
BORDER=1 - задає товщину рамки у пікселях
BORDERCOLOR=“blue” – задає колір рамки
Параметри тегу клітинки для об’єднання:
COLSPAN=2 – об’єднання заданої кількості стовпчиків
ROWSPAN=2 - об’єднання заданої кількості рядків
№13 слайд![Г перпосилання lt A HREF м я](/documents_6/7a5ddfcda29c9160b817617ee53a9884/img12.jpg)
Содержание слайда: Гіперпосилання
<A HREF=“ім’я файла”> текст </A> - здійснює перехід до вказаного файла
<A HREF=“#моя позначка”> текст </A> - здійснює перехід до вказаної позначки на даній сторінці; тоді слід в потрібному місці ввести тег, що називається якорем (позначкою)
<A NAME=“#моя позначка”> … </A>