Поняття про мову HTML. Основні теги і атрибути. Гіпертекст це текст, у який вбудовані спеціальні коди, що задають форматування тексту, наявність у ньому. - презентация

1 Поняття про мову HTML. Основні теги і атрибути

2 Гіпертекст це текст, у який вбудовані спеціальні коди, що задають форматування тексту, наявність у ньому ілюстрацій, мультимедійних вставок та гіперпосилань. HTML (Hyper Text Markup Language – мова гіпертекстової розмітки) – мова тегів, якою пишуться гіпертекстові документи для мережі Інтернет. 1. Базові конструкції мови HTML

3 2. Поняття тегу Вся інформація про форматування документу міститься в фрагментах розташованих між знаками такий фрагмент називають тегом. Приклади тегів HTML:,,,,,. Теги бувають: Контейнерні (парні) поодинокі (одинарні) Відкриваюча дужка закриваюча дужка

4 Приклади парних тегів:,,,,. Приклади одинарних тегів:,,,,.

5 Відкривальні теги (вказують програмі на початок об'єкту) можуть містити атрибути, які впливають на ефект, створюваний тегом. Атрибути задають значення властивостей об'єкту, поміщеного у контейнер. Приклад тегу з атрибутами:

6 3. Структура HTML-документа HTML-документ складається з основного тексту і тегів розмітки. HTML-документи містяться у файлах із розширенням.htm або.html. Структура: Заголовок документа Текст, що відображається на екрані

7 - починає та закінчує документ - починає та закінчує заголовок документу - задає назву документу - починає та закінчує тіло документу

8 Структура html-файла веб-сторінка Вітаю ВАС на веб-сторінці Проста сторінка створена за допомогою простих тегів

9 Для того щоб розбити текст на логічні частини, використовують заголовки. (Існує 6 рівнів заголовків документів). Вони позначені тегами від... до.... найвищий рівень найнищий рівень Заголовки

10 Для визначення звичайних абзаців у мові HTML використовують теги і. Абзаци та рядки Теги та можуть додатково містити атрибут ALIGN, який додатково використовується для того, щоб вирівняти текст заголовку або абзацу по центру, за правим або лівим краєм. Наприклад:.

11 Одинарні теги - одинарний тег, що використовується для переходу на новий рядок без створення абзацу - одинарний тег, що використовується для створення горизонтальної лінії, яка візуально відділяє різні частини документа.

12 Кольори та зображення для всього документа і його тла задають за допомогою тегу. Він може мати такі атрибути: BACKGROUND="URL" замість URL вказують адресу малюнка, який має бути тлом для сторінки; BGC0L0R=значення задає колір, який має бути фоновим для документа; ТЕХТ=значення задає колір тексту; LINK=значення визначає колір гіперпосилань у документі; ALINK=значення задає колір гіперпосилань під час клацання; VLINK=значення задає колір переглянутих гіперпосилань.

13 Гарнітуру, розмір та колір шрифту для фрагмента тексту задають за допомогою тегу Текст. Наприклад: текст ….. текст текст - означає, що літери слова комп'ютер матимуть темно- синій колір.

14 4. Теги форматування символів тексту ТегиЕфектПриклад та Напівжирне накреслення bold та Курсивне накреслення italic та Підкресленеunderlined та Перекресленеstriken та Верхній індексsuperscrtpt та Нижній індексsubscript

15 Є й інші теги, які можна застосовувати для зміни параметрів тексту. Teкст збільшення розміру шрифту. Teкст зменшення розміру шрифту. Текст виділення важливих фрагментів тексту. (Текст відображатиметься курсивом) Teкст створення перекресленого тексту. (Текст буде перекреслено горизонтальною лінією)

16

17 У HTML-документах використовують три види списків: невпорядкований (маркований); упорядкований (нумерований); список визначень.

18 У невпорядкованому списку для виділення елементів використовуються певні позначки (крапки, квадрати тощо). Починається такий список із тегу, а закінчується. Кожний елемент списку починається з тегу. Тег може мати атрибут TYPE, який визначає форму позначки. Цей атрибут набуває таких значень: disk зафарбоване коло; circle коло; square маленький чорний квадрат. І-кур ІІ-курс ІІІ-курс

19 В упорядкованому списку всі елементи пронумеровані. починається список із тегу, а закінчується. Кожний елемент такого списку також починається з тегу. Тег може мати атрибут TYPE, який визначає тип нумерації. Цей атрибут набуває таких значень: А велика літера; а мала літера; І велика римська цифра; і мала римська цифра; 1 арабська цифра. У разі потреби за допомогою атрибута START можна задати відмінний від одиниці початковий номер елемента, наприклад, Нумерований список, початковий елемент якого позначено латинською літерою Е, яка є п'ятою в алфавіті, описують так: Перший елемент списку Другий елемент списку Третій елемент списку Четвертий елемент списку

20 для всього документа призначається розмір шрифту. Наприклад: можна визначити колір шрифту для кожного елемента списку. Наприклад: Райдуга Червоний Оранжевий Жoвтий Зелений Блакитний Синій Фіолетовий

21 Текстові гіперпосилання Для створення гіперпосилання необхідно використовувати теги та, визначивши для тегу атрибут HREF. Його значенням має бути адреса URL, на яку вказує посилання. Текст посилання розташовують між тегами і. Якщо веб-сторінка, на яку вказує посилання, розміщена на іншому веб-сайті, то значенням атрибута HREF має бути повна URL-адреса з назвою протоколу включно; такі посилання називають зовнішніми. Якщо ж гіперпосилання вказує на іншу сторінку того самого сайту, то для пошуку документа достатньо задати лише відносний шлях; таке посилання називають внутрішнім.

22 Гіперпосилання може вказувати на певне місце всередині сторінки, якщо туди попередньо вбудувати якір-мітку. Для визначення якоря також використовують теги і, але замість атрибута HREF задають атрибут NAME, значенням якого має бути імя якоря. Воно може складатися з літер та цифр, але не повинно містити символів пробілу. Якщо на сторінці є кілька міток, то всі вони повинні мати різні назви. Для створення посилання на встановлений якір потрібно у тегу зазначити його ім'я в кінці адреси URL після імені документа, відокремивши його символом #. Символ # вказує на те, що після нього записано назву мітки, а не ім'я файлу. Посилання на мітку всередині поточного документа задають так: Текст посилання. Якщо в атрибуті HREF задати адресу електронної пошти зі словом mailto: перед нею, то після вибору такого посилання можна надіслати електронний лист, де в полі Кому буде записано цю адресу.

23 ... Житомирський обласний педагогічний ліцей Житомирської обласної ради має свій блог. A тепер можна перейти на іншу сторінку. Про те, як зв'язатися з автором, розповідається в кінці цієї сторінки Можна використати матеріали, що розміщені в цьому текстовому документі. pedliceum@mail.ru …">

24 Наша продукція Наші замовники