Ну гаразд, але як мені додати вміст в мій web-сайт?

Як ви вже бачили раніше, у вашому HTML-документі є дві частини: а head і body. У розділі head ви вносите інформацію про сторінку, а body містить інформацію самої сторінки.

Наприклад, якщо ви хочете дати назву документу, щоб воно з'являлося у верхньому рядку браузера, це потрібно зробити в розділі "head". Тег для назви - <title>:

<html> <head> <title>Моя перша web-сторінка</ title> </head> <body> </body> </html>

Зверніть увагу, що цей title не з'являється на самій web-сторінці. Все, що ви хочете бачити на самій сторінці, є вмістом / content і повинно, перебувати між тегами "body".

Отже, ми хочемо, щоб на сторінці виводилося "Ура! Це моя перша сторінка." Цей текст, який ви хочете показати, і, природно, він повинен розташовуватися в розділі body. Тому в розділі body надрукуйте наступне:

<html> <head> <title> Моя перша web-сторінка </ title> </head> <body> <p>Ура! Це моя перша сторінка.</p> </body> </html>

Готово! Ви створили свій перший справжній web-сайт!

Тепер потрібно зберегти його на жорсткий диск, а потім відкрити у вашому браузері:

У Notepad виберіть "Save as ..." в меню "File".
Виберіть "All Files" в боксі "Save as type". Це дуже важливо - інакше ви збережете файл як звичайний текстовий документ, а не як HTML-документ.
Тепер збережіть ваш документ як "page1.htm" (розширення ".htm" вказує, що це HTML-документ. ".html" дасть той самий результат. Я завжди використовую ".htm", але ви можете вибрати будь-яке з цих двох розширень). Де ви збережете документ на жорсткому диску - не має значення, головне запам'ятати це місце, щоб потім легко знайти файли.

Тепер відкриємо браузер:

Виберіть "Open" в меню "File".
Клацніть "Browse" в діалозі.
Тепер знайдіть ваш HTML-документ і натисніть "Open".

Тепер ви повинні побачити сторінку з текстом "Ура! Це моя перша сторінка." у вашому браузері. Вітаємо!

Якщо ви хочете, щоб весь світ побачив ваш твір, можете перейти в Урок 14 і ви дізнаєтеся, як вивантажити вашу сторінку в Інтернет. Або наберіться терпіння і читайте далі. Все ще тільки починається.

Урок 5: Що ми вже знаємо?

Завжди починайте роботу з базового шаблону, який ми створили на попередньому уроці:

У розділі head завжди пишіть: <title> Назва вашої сторінки </title>. Зверніть увагу, що title виводиться в рядку заголовка вікна браузера:

Цей title дуже важливий, оскільки використовується пошуковими машинами (такими, як Google) для індексування вашого web-сайту і показу в результатах пошуку.

У розділі body ви записуєте вміст сторінки. Тепер ви вже знаєте кілька важливих тегів:

<p>Параграф.</p> <b>Текст жирним шрифтом.</b> <h1>Тема</h1> <h2>Підзаголовок</h2> <h3>Під-підзаголовок</h3>

Запам'ятайте: єдиний метод вивчити HTML - метод проб і помилок. Але не сумнівайтеся, ви ніколи не зможете пошкодити комп'ютер або Інтернет. Тому експериментуйте - це найкращий спосіб набратися досвіду.