Поняття про мову HTML
Web-сторінка - це створений за допомогою мови HTML текстовий файл, відображений у вікні Web-броузера.
HTML-файл
Для створення і редагування HTML-файла можна скористатися будь-яким текстовим редактором. Якщо HTML-файл відкрити за допомогою засобів перегляду, наприклад, Internet Explorer, він відображає текст, графіку і гіперпосилання на інші Web-сторінки.
Гіперпосилання - це фрагменти на Web-сторінці, які дозволяють відкривати інші Web-сторінки.
Гіперпосилання виглядає як підкреслений текст. Курсор миші на гіперпосиланні набуває форми руки. При клацанні на гіперпосиланні відкривається зв'язаний з ним документ. Якщо є доступ до Internet, гіперпосилання на Web-вузли відкриють Internet Explorer і доступ до відповідного Web-вузла. Гіперпосилання дають можливість користувачу переходити на Web-сторінках від одного матеріалу до іншого.
Користувачі WWW можуть не тільки переглядати чужі Web-сторінки, але й створювати свої. Щоб створювати Web-сторінки, немає необхідності вивчати мову HTML. Можна конвертувати у Web-сторінки документи, створені за допомогою текстового процесора Word'2000 та пізніші версії, або за допомогою засобу Front Page Express.
Проте конвертовані документи містять, як правило, багато зайвих чи нераціонально використаних елементів, що значно сповільнює роботу з ними, особливо в умовах несучасних каналів зв'язку.
Мова HTML (мова гіпертекстової розмітки) призначена для опису Web-сторінок і не є мовою програмування. Вона призначена для розмітки текстових документів, тобто для їх форматування. Всі Web-сторінки, які є в Internet, створені за допомогою мови HTML.
Коди (теги) мови html
Керуючим елементом мови HTML є тег, який визначає, як буде виглядати відповідний фрагмент на екрані броузера.
Тег - це команда формування вигляду фрагменту Web-сторінки, яка завжди записується в кутових дужках.
Наприклад, <І> - почати виводити текст курсивом, <В> - почати виводити текст напівжирним.
Закриваючий тег, який припиняє дію відповідної команди, починається з /. Наприклад, </І> (або </В>) - припинити виведення тексту курсивом (або напівжирним). Ці теги можна використовувати комбіновано.
Наприклад, так:
<В> напівжирний <І> напівжирний+курсив </І> напівжирний </В>
Теги типу <І> і <В> ще називають контейнерами, бо між ними знаходиться фрагмент тексту. Не всі теги є контейнерами. Наприклад, тег <IMG> - розміщує на сторінці зображення і не є контейнером.
HTML-тег може мати параметри, які називаються атрибутами.
Атрибут повідомляє броузеру додаткову інформацію про особливості застосування даного тега.
Web-сторінка зберігається в текстовому файлі з розширенням HTML або НТМ.
Структурні теги
Всі HTML-документи будуються за визначеними правилами:
текст документа починається тегом <HTML> і закінчується тегом </HTML>;
всередині контейнера <HTML> знаходяться ще два контейнери <HEAD> (заголовок Web-сторінки) і <BODY> (її зміст);
всередині контейнера <HEAD> знаходяться інші контейнери, серед них <TITLE> (рядок символів заголовка вікна броузера).
Наприклад, закінчений HTML-файл може мати наведений вигляд:
<html>
<head>
<title>Miй перший крок </title>
</head>
<body>
Привіт, це моя перша сторінка.
</body>
</html>
Засоби створення HTML-документів
Треба набрати цей текст у будь-якому редакторі (наприклад, "Блокнот"), зберегти його з довільним іменем, але обов'язково з розширенням.html a6o.htm (наприклад, priklad1.html). Якщо тепер відкрити програму Internet Explorer і виконати команду "Файл" "Открыть" кнопка "Обзор..." prikladl.html
При відображенні HTML-файла броузером зайві пропуски ігноруються. Якщо розділити два слова трьома пропусками, то на екрані між словами залишиться один пропуск, а кілька порожніх рядків на екрані броузера будуть замінені на один. Коли текст досягає правої границі вікна, він автоматично переходить на новий рядок.
Все, що розташовано між тегами <head> </head>, - це службова інформація.
Все, що розташовано між тегами <body> </body>, - це безпосередній зміст документа.
Встановлення кольору тексту
Кольори тексту встановлюються за допомогою палітри "Все цвета интернета", яку можна знайти за адресою web.design.ru/free/colors. Для подальшої роботи рекомендується цю палітру зберегти на диску. Над кожним кольором вказані два значення - RGB і HEX (для позначення кольору в HTML).
Палітра складається із 32 сполучень 6 відтінків червоного, зеленого і синього кольорів. Наприклад, наведемо кілька базових кольорів HTML.
#000000 #0000FF #FF00FF #808080 #008000 #00FF00 #800000 |
-чорний; -блакитний; -бузковий; -сірий; -зелений; -яскраво-зелений; -каштановий; |
#000080 #800080 #FF0000 #С0С0С0 #008080 #FFFFFF #FFFF00 |
-темно-синій; -пурпуровий; -червоний; -срібний; -темно-зелений; -білий; -жовтий. |
Щоб задати колір для всього документа, треба дати відповідну команду в <body>. Наприклад, так: <body text="#336699">
Тег <font></font> - багатофункціональний. За його допомогою можна задавати не тільки колір тексту в конкретній частині документа, але й розмір і вид шрифту (про це далі).