🗊Презентация Мова HTML

Категория: Устройства и комплектующие
Нажмите для полного просмотра!
Мова HTML, слайд №1Мова HTML, слайд №2Мова HTML, слайд №3Мова HTML, слайд №4Мова HTML, слайд №5Мова HTML, слайд №6Мова HTML, слайд №7Мова HTML, слайд №8Мова HTML, слайд №9Мова HTML, слайд №10Мова HTML, слайд №11Мова HTML, слайд №12Мова HTML, слайд №13
Скачать
Вы можете ознакомиться и скачать презентацию на тему Мова HTML. Доклад-сообщение содержит 13 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

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

Слайд 1


Мова HTML Hiper Text Markup Language для створення Web – сторінок. Текст програми записують у текстовому редакторі (Блокнот) і зберігають з розширенням *.htm або *.html Переглядають Web - сторінку у броузері (Internet Explorer, Opera, Chrome…) Для редагування файл відкривають так: (1 п.к. – Відкрити з допомогою -- Блокнот)
Описание слайда:
Мова HTML Hiper Text Markup Language для створення Web – сторінок. Текст програми записують у текстовому редакторі (Блокнот) і зберігають з розширенням *.htm або *.html Переглядають Web - сторінку у броузері (Internet Explorer, Opera, Chrome…) Для редагування файл відкривають так: (1 п.к. – Відкрити з допомогою -- Блокнот)

Слайд 2


Структура HTML документа <HTML> <HEAD> <TITLE> заголовок вікна </TITLE> </HEAD> <BODY параметри> … тіло документа … </BODY> </HTML>
Описание слайда:
Структура HTML документа <HTML> <HEAD> <TITLE> заголовок вікна </TITLE> </HEAD> <BODY параметри> … тіло документа … </BODY> </HTML>

Слайд 3


Заголовки <H1> текст заголовку </H1> <H2> текст заголовку </H2> <H3> текст заголовку </H3> <H4> текст заголовку </H4> <H5> текст заголовку </H5> <H6> текст заголовку </H6>
Описание слайда:
Заголовки <H1> текст заголовку </H1> <H2> текст заголовку </H2> <H3> текст заголовку </H3> <H4> текст заголовку </H4> <H5> текст заголовку </H5> <H6> текст заголовку </H6>

Слайд 4


Параметри тега BODY BGCOLOR = “колір” колір задається англійською назвою (red, blue, yellow, aqua, silver …), або відповідним шістнадцятковим кодом (#FF0000, #0000FF, #FFFF00, #00FFFF, #C0C0C0…) BACKGROUND = “шлях до файла”
Описание слайда:
Параметри тега BODY BGCOLOR = “колір” колір задається англійською назвою (red, blue, yellow, aqua, silver …), або відповідним шістнадцятковим кодом (#FF0000, #0000FF, #FFFF00, #00FFFF, #C0C0C0…) BACKGROUND = “шлях до файла”

Слайд 5


Параметри шрифту TEXT = “колір” ALIGN = “вирівнювання” вирівнювання може приймати такі значення: left, center, right <FONT SIZE = “значення”> … </FONT> значення розміру може приймати абсолютне від 1 до 7 або відносне від -4 до +4 у порівнянні з розміром основного шрифту
Описание слайда:
Параметри шрифту TEXT = “колір” ALIGN = “вирівнювання” вирівнювання може приймати такі значення: left, center, right <FONT SIZE = “значення”> … </FONT> значення розміру може приймати абсолютне від 1 до 7 або відносне від -4 до +4 у порівнянні з розміром основного шрифту

Слайд 6


Форматування тексту <B> напівжирний </B> <I> курсив </I> <U> підкреслений </U> <SUB> підрядковий </SUB> <SUP> надрядковий </SUP> <STRIKE> перекреслений </STRIKE>
Описание слайда:
Форматування тексту <B> напівжирний </B> <I> курсив </I> <U> підкреслений </U> <SUB> підрядковий </SUB> <SUP> надрядковий </SUP> <STRIKE> перекреслений </STRIKE>

Слайд 7


Одинарні теги <BR> -перехід на новий рядок <P> - перехід на новий абзац При цьому буде залишатися один порожній рядок. Також може використовуватися <P> …текст…</P> <HR> - горизонтальна лінія
Описание слайда:
Одинарні теги <BR> -перехід на новий рядок <P> - перехід на новий абзац При цьому буде залишатися один порожній рядок. Також може використовуватися <P> …текст…</P> <HR> - горизонтальна лінія

Слайд 8


Вставка картинок <IMG SRC = “назва файла”> (допускає вставку картинок у форматах JPEG і GIF) HEIGTH=“значення” і WIDTH=“значення” – визначають висоту і ширину зображення у пікселях ALIGN – вказує спосіб вирівнювання ALT=“текст” – при неможливості виводу малюнка виводиться заданий текст BORDER=“значення” – визначає ширину рамки навколо зображення у пікселях
Описание слайда:
Вставка картинок <IMG SRC = “назва файла”> (допускає вставку картинок у форматах JPEG і GIF) HEIGTH=“значення” і WIDTH=“значення” – визначають висоту і ширину зображення у пікселях ALIGN – вказує спосіб вирівнювання ALT=“текст” – при неможливості виводу малюнка виводиться заданий текст BORDER=“значення” – визначає ширину рамки навколо зображення у пікселях

Слайд 9


Списки Нумерований список <OL TYPE=“1” START=“3”> <LI> Перший пункт списку </LI> <LI> Другий пункт списку </LI> <LI> Третій пункт списку </LI> </OL> Параметр TYPE може приймати значення “I”, “a” або “A”. Параметр START є необов’язковим.
Описание слайда:
Списки Нумерований список <OL TYPE=“1” START=“3”> <LI> Перший пункт списку </LI> <LI> Другий пункт списку </LI> <LI> Третій пункт списку </LI> </OL> Параметр TYPE може приймати значення “I”, “a” або “A”. Параметр START є необов’язковим.

Слайд 10


Списки Маркірований список <UL TYPE=“CIRCLE”> <LI> Перший пункт списку </LI> <LI> Другий пункт списку </LI> <LI> Третій пункт списку </LI> </UL> Параметр TYPE може приймати значення “SQUARE” або за замовчуванням - крапки.
Описание слайда:
Списки Маркірований список <UL TYPE=“CIRCLE”> <LI> Перший пункт списку </LI> <LI> Другий пункт списку </LI> <LI> Третій пункт списку </LI> </UL> Параметр TYPE може приймати значення “SQUARE” або за замовчуванням - крапки.

Слайд 11


Таблиці <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>
Описание слайда:
Таблиці <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


Таблиці Параметри тега <TABLE параметри> BORDER=1 - задає товщину рамки у пікселях BORDERCOLOR=“blue” – задає колір рамки Параметри тегу клітинки для об’єднання: COLSPAN=2 – об’єднання заданої кількості стовпчиків ROWSPAN=2 - об’єднання заданої кількості рядків
Описание слайда:
Таблиці Параметри тега <TABLE параметри> BORDER=1 - задає товщину рамки у пікселях BORDERCOLOR=“blue” – задає колір рамки Параметри тегу клітинки для об’єднання: COLSPAN=2 – об’єднання заданої кількості стовпчиків ROWSPAN=2 - об’єднання заданої кількості рядків

Слайд 13


Гіперпосилання <A HREF=“ім’я файла”> текст </A> - здійснює перехід до вказаного файла <A HREF=“#моя позначка”> текст </A> - здійснює перехід до вказаної позначки на даній сторінці; тоді слід в потрібному місці ввести тег, що називається якорем (позначкою) <A NAME=“#моя позначка”> … </A>
Описание слайда:
Гіперпосилання <A HREF=“ім’я файла”> текст </A> - здійснює перехід до вказаного файла <A HREF=“#моя позначка”> текст </A> - здійснює перехід до вказаної позначки на даній сторінці; тоді слід в потрібному місці ввести тег, що називається якорем (позначкою) <A NAME=“#моя позначка”> … </A>

Скачать

Теги Мова HTML
Похожие презентации
Mypresentation.ru
Загрузить презентацию