HTML - мова розмітки ГИПЕР ТЕКСТУ.
Гіпер текст - це текст включає в себе переходи (посилання) на інші документи або частини тексту. Використовується для створення Internet сторінок. Як команд HTML - застосовують ТЕГИ.
Парні - застосовують коли необхідно надати певний вид частини документа ( <ТЕГ> текст для форматування ).
Непарні - для введення в документ одиночних елементів. Іноді можна використовувати тільки першу частину "парного" тега
Структура HTML документа:
- початок заголовка документа, парний тег. Тема необхідний для завдання спеціальної інформації.- завдання параметрів виведення документа, непарний тег - застосовувати без изменеия, якщо ви використовуєте російський шрифт.
- закриває тег, кінець програмного коду.
- закриває тег кінець заголовка.
- початок тіла документа, парний тег - все що слід в цьому тезі буде виведено на екран.- початок абзацу (починається завжди з нового рядка), парний тег - може містити параметр вирівнювання. напімер:
- всі рядки абзацу притиснути до лівого краю (використовується за умовчанням).
- всі рядки абзацу притиснути до правого краю.
- всі рядки абзацу відцентрувати по сторінці.
- всі рядки абзацу вирівняти по ширині сторінки.
- закриває тег кінець абзацу, може бути відсутнім, якщо далі починається новий абзац або буде новий тег, який зробить перенесення рядка.- напівжирний шрифт, парний тег. ТЕКСТ напівжирний текст
- закриває тег кінець напівжирного шрифту.
- похилий шрифт (курсив), парний тег. ТЕКСТ курсив
- закриває тег кінець похилого шрифту.
- підкреслений шрифт, парний тег. ТЕКСТ ПОДЧЕРКНИТИЙ ТЕКСТ
- закриває тег кінець підкресленого шрифту.
- моно шрифт (шрифт друкарської машинки), парний тег. ТЕКСТ Моноширинний ТЕКСТ
- закриває тег кінець моноширинного шрифту.
- сильно виділений шрифт, парний тег. ТЕКСТ СИЛЬНО ВИДІЛЕНИЙ ТЕКСТ
- закриває тег кінець сильно виділеного шрифту.
- виділений шрифт, парний тег. ТЕКСТ ВИДІЛЕНИЙ ТЕКСТ
- закриває тег кінець виділеного шрифту.
- попередньо відформатований текст (шрифт друкарської машинки), парний тег. Починається завжди з нового рядка і виводиться на екран в тому вигляді в якому набраний (кількість "прогалин" то, яке ви набрали). ТЕКСТ- закриває тег кінець попередньо відформатованого тексту.
- примусовий перенесення рядки, непарний тег - перехід на новий рядок.
- горизонтальна лінія, непарна команда - вставка горизонтальної лінії, при цьому до і після лінії відбувається перехід на новий рядок. Може містити параметри. наприклад:
- горизонтальна лінія товщиною 1 (використовується за умовчанням).
- горизонтальна лінія товщиною 2.
- закриває тег кінець шрифту розмір 1.
по центру
- - початок нумерованого списку, парний тег.
- - початок елемента списку, парний тег.
- - початок елемента списку, парний тег.
- - початок елемента термін, парний тег.
- - початок елемента визначення, парний тег.
- Інформатика
- Наука вивчає всі аспекти роботи з інформацією
- комп'ютер
- Універсальний інструмент для роботи з інформацією
- БІТ
- Мінімальна і неподільна одиниця інформації
- файл
- Зазначені дані знаходяться на носії інформації
- Будь-параметр може бути відсутнім.
- Якщо параметр задіяний, то він повинен знаходитися всередині тега.
Приклад виведення картинки
SRC = "../../ eye1.jpg"
WIDTH = "150"
HEIGHT = "130"
HSPACE = "5"
VSPACE = "5"
BORDER = "2"
ALT = "тут повинен бути малюнок"
TITLE = "ви навели миша на малюнок"
>- початок таблиці, парний тег. Вид таблиці можна задати за допомогою параметрів: BORDER = "число" - вказує товщину кордону навколо осередків таблиці
- закриває тег, кінець таблиці.- початок рядка в таблиці, парний тег. - закриває тег кінець рядка в таблиці.- початок осередки в таблиці, парний тег. - закриває тег кінець осередки в таблиці.Приклад використання таблиці:
приклад
- перший рядок, 2 коміркиПонеділок 10 - другий рядок, 2 коміркиВівторок 11 - третій рядок, 2 коміркисереда 12 - четвертий рядок, 2 коміркичетвер 13 - закриває тег, кінець посилання.
Приклад використання посилань
HREF = "# start"
TITLE = "список тегів"
> ТЕГИПримітка За допомогою параметра HREF тега A в документ можна вставити посилання, яка при активізації запустить поштову програму і передасть в неї необхідні параметри для відправки електронної пошти.
Приклад запуску поштової програми
Надіслати листа до школу №1951
- закриває тег, кінець основного документа.
- Уроки - завдання назви нумерованого списку
Приклад нумеровванного списку:
- - початок маркованого списку, парний тег.
- Уроки - завдання назви маркованого списку
Приклад маркованого списку:
- - початок списку термінів і визначень, парний тег.
- Визначення - завдання назви списку термінів і визначень
Приклад списку термінів і визначень:
- визначення
ОпределеніяІнформатіка Наука вивчає всі аспекти роботи з інформацією Комп'ютер Універсальний інструмент для роботи з інформацією БІТ Мінімальна і неподільна одиниця інформації Файл пойменованого дані знаходяться на носії інформації
- графічний об'єкт, непарна команда. Вид задають за допомогою параметрів. Деякі параметри: SRC = "файл" - задає розташування і ім'я графічного файлу (якщо файл перебувати в тому ж каталозі, де і документ, то досить імені).
WIDTH = "ширина" - задає ширину відведену під картинку (можна у відсотках).
HEIGHT = "висота" - задає висоту відведену під картинку (можна у відсотках).
HSPACE = "ширина" - задає ширину поля з боків від картинки.
VSPACE = "висота" - задає висоту поля з верху і знизу від картинки.
BORDER = "ширина" - задає ширину смуги обрамлення навколо поля картинки.
ALT = "текст" - задає текст, який буде вивкден в поле картинки, якщо (поки) вона відсутня.
TITLE = "текст" - задає текст, який з'явитися при наведенні курсору миші на поле картинки.