Введення в HTML

Швидкий старт

Щоб відразу ввести в курс справи нетерплячих читачів, запропонуємо їм можливість створення веб-сторінки без послідовного вивчення правил HTML. Принаймні ви зможете переконатися, що створення веб-сторінок досить проста штука.

У прикладі 1.1 наведено нескладний приклад такого коду.

Приклад 1.1. Перша веб-сторінка

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
                     "http://www.w3.org/TR/html4/strict.dtd">
                  <html>
                    <head>
                     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
                     <title>Моя перша веб-сторінка</title>
                    </head>
                    <body>

                     <h1>Заголовок сторінки</h1>
                     <p>Основний текст.</p>

                    </body>
                  </html>

Щоб переглянути результат прикладу, виконайте такі кроки.

1. У Windows відкрийте програму Блокнот (Пуск > Виконати > набрати «notepad» або Пуск > ;> Стандартні > Блокнот).

2. Наберіть або скопіюйте код у Блокноті (мал. 1.1).

Мал. 1.1

Мал. 1.1. Вигляд HTML-коду у програмі Блокнот

3. Збережіть готовий документ (Файл > Зберегти як...) під ім'ям c:\www\example11.html< /span>, при цьому обов'язково поставте у діалоговому вікні збереження тип файлу: Усі файли та кодування UTF-8 (рис. 1.2). Зверніть увагу, що розширення файлу має бути саме html.

Мал. 1.2

Мал. 1.2. Параметри збереження файлу в Блокноті

4. Запустіть браузер Internet Explorer (Пуск > Виконати > набрати «iexplore» або Пуск > Програми  /span>).

5. У браузері виберіть пункт меню Файл > Відкрити та вкажіть шлях до вашого файлу.

6. Якщо все зроблено правильно, то в браузері ви побачите результат, як показано на рис. 1.3.

Мал. 1.3

Мал. 1.3. Перегляд веб-сторінки у вікні браузера

У разі виникнення будь-яких помилок перевірте правильність набору коду згідно з прикладом 1.1, розширення файлу (має бути html) і шлях до документа.


Fatal error: Uncaught Error: Failed opening required '/home/gooli/html.in.ua/www/footer.php' (include_path='.:/usr/local/pear/php82') in /home/gooli/html.in.ua/app/samhtml/vvedenie-v-html/index.php:129 Stack trace: #0 {main} thrown in /home/gooli/html.in.ua/app/samhtml/vvedenie-v-html/index.php on line 129