Найпростіша html-сторіночка
На мал. 1.1 ви бачите текст, який показує браузер, виконуючи програму, написану на мові HTML. Деякі слова в цьому тексті виділені кольором і підкреслені. Покажчик миші, потрапляючи на такі виділення, перетворюється із звичайного курсора у вказуючий перст: це посилання. Достатньо клацнути на посиланні мишею, як поточний текст на екрані заміниться тим, на який це посилання набудовано.
Пристрій найпростіший HTML-програми вивчимо на наступному прикладі (мал. 1.2).
Ось текст HTML-програми (лістинг 1.1), яка показує цю сторіночку.
Лістинг 1.1. Текст HTML - програми і коментар.
<HTML> Початок HTML-документа
<HEAD> Початок головної частини
<МЕТА http-equiv="Content-Type" Інформація про документ
content="text/html; charset = windows-1251">
<ТІТLE>Упражнение1</TITLE> Назва документа
</HEAD> Кінець головної частини
<BODY> Початок тіла документа
<Н1>Первый НТМL-документ</Н1> Заголовок
<HR> Горизонтальна лінія
<Р> Початок абзацу
Корова не схожа на коня.
А кінь не схожий на корову. Абзац
Саме ця схожість ми і беремо за основу.
</Р> Кінець абзацу
</BODY> Кінець тіла документа
</HTML> Кінець HTML - документа
Html-програма
Команди мови HTML (теги) полягають в кутові дужки. Як правило, теги парні. Перший тег відкриває опис команди, другої, відмінний від першого наявністю косої межі «/» перед ключовим словом (ім'ям тега) - закриває його.
Тег <html> повинен відкривати програму, а тег </html> - закривати її.
Між цими двома основними тегами розташовується головна частина програми і її тіло:
<HTML>
головна частина програми
тіло програми
</HTML>
Головна частина програми
В блоці (<head>...</head>) описуються загальні правила відображення HTML-документа і міститься допоміжна інформація про документ.
Команда:
<МЕТА http-equiv="Content-Type"
content="text/html; charset=windows-1251">
задає браузеру інформацію про кодування, в якому написаний HTML-документ. В даному випадку задано стандартне кодування Windows.
Між парою тегов <title> і </title> розташовується ім'я HTML-документа, яке показується в заголовку вікна браузера.
Подивіться на мал. 1.2 І знайдіть ІМ'Я Вправа 1.
Тіло програми
Між тегами <body> і </body> розташовуються команди, слідуючи яким браузер виводить інформацію у вікно документа. Наша проста програма використовує наступні команди:
<Н1>..</Н1> - заголовок
<hr> - горизонтальна лінія
<р>...</р> - абзац