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

Структура HTML документа заголовок вікна … тіло документа …

Слайд 1Мова HTML
Hiper Text Markup Language
для створення Web – сторінок.

Текст програми записують

у текстовому редакторі (Блокнот) і зберігають з розширенням *.htm або *.html

Переглядають Web - сторінку у броузері (Internet Explorer, Opera, Chrome…)

Для редагування файл відкривають так:
(1 п.к. – Відкрити з допомогою -- Блокнот)

Слайд 2Структура HTML документа


заголовок вікна


… тіло документа …



Слайд 3Заголовки
текст заголовку
текст заголовку
текст заголовку
текст

заголовку
текст заголовку

текст заголовку



Слайд 4Параметри тега BODY
BGCOLOR = “колір”
колір задається англійською назвою (red,

blue, yellow, aqua, silver …), або відповідним шістнадцятковим кодом (#FF0000, #0000FF, #FFFF00, #00FFFF, #C0C0C0…)

BACKGROUND = “шлях до файла”

Слайд 5Параметри шрифту
TEXT = “колір”
ALIGN = “вирівнювання”
вирівнювання може приймати

такі значення: left, center, right
значення розміру може приймати абсолютне від 1 до 7 або відносне від -4 до +4 у порівнянні з розміром основного шрифту

Слайд 6Форматування тексту
напівжирний
курсив
підкреслений
підрядковий
надрядковий


перекреслений

Слайд 7Одинарні теги

-перехід на новий рядок

- перехід на новий абзац

При цьому буде залишатися один порожній рядок. Також може використовуватися

…текст…




- горизонтальна лінія

Слайд 8Вставка картинок
(допускає вставку картинок у форматах

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

Слайд 9Списки
Нумерований список

Перший пункт списку
Другий пункт списку


  • Третій пункт списку


  • Параметр TYPE може приймати значення “I”, “a” або “A”.
    Параметр START є необов’язковим.

    Слайд 10Списки
    Маркірований список

    Перший пункт списку
    Другий пункт списку

    Третій пункт списку

    Параметр TYPE може приймати значення “SQUARE” або за замовчуванням - крапки.

    Слайд 11Таблиці
    … - теги побудови таблиці

    - формує заголовок таблиці
    … - формує рядок таблиці
    … - задає вміст клітинки

    Наприклад



    текст22
    Заголовок1Заголовок2
    текст11 текст12
    текст21



    Слайд 12Таблиці
    Параметри тега
    BORDER=1 - задає товщину рамки у пікселях
    BORDERCOLOR=“blue” –

    задає колір рамки

    Параметри тегу клітинки для об’єднання:
    COLSPAN=2 – об’єднання заданої кількості стовпчиків
    ROWSPAN=2 - об’єднання заданої кількості рядків



    Слайд 13Гіперпосилання
    текст - здійснює перехід до вказаного файла

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


    Обратная связь

    Если не удалось найти и скачать презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

    Email: Нажмите что бы посмотреть 

    Что такое ThePresentation.ru?

    Это сайт презентаций, докладов, проектов, шаблонов в формате PowerPoint. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами с другими пользователями.


    Для правообладателей

    Яндекс.Метрика