Почнемо з чого-небудь простого. Як щодо сторінки, на якій написано: "Ура! Це моя перша web-сторінка." Читайте далі, і ви дізнаєтеся, як це легко зробити.
HTML простий і логічний. Браузер читає HTML так, як читаєте його ви: зверху вниз і зліва направо. Таким чином, HTML-документ починається і закінчується тим, чим повинен починатися і закінчуватися текст.
По-перше необхідно повідомити браузеру, що ви будете "говорити" з ним мовою HTML. Це робиться тегом <html> (тут нічого нового). Так що, перш ніж надрукувати що-небудь, потрібно поставити тег "<html>" в першому рядку документа Блокноту.
Як ви, можливо, пам'ятаєте з попереднього уроку, <html> це відкриваючий тег, який повинен мати і закриваючий тег після того, як ви закінчите введення HTML. Тому, щоб не забути, поставте закриваючий тег "</html>" на пару рядків нижче і вводіть весь текст документа між <html> і </ html>. Наступне, що необхідно, це "head" (голова або "шапка"), яка містить службову інформацію по вашому документі, і "body" (тіло), вміст самого документа. Оскільки HTML логічний, head ( <head> і </head> ) знаходяться вище body ( <body> і </ body> ). Ваш документ тепер має виглядати так:
| <html> <head> </head> <body> </body> </html>
|
Зверніть увагу, як ми структурували теги по рядках (за допомогою клавіші Enter) і які зробили відступи (клавішею Tab). В принципі не важливо, як ви структуруєте ваш HTML-документ. Але, для полегшення читання коду, настійно рекомендуємо структурувати ваш HTML за допомогою перекладу рядків і відступів, як у нашому прикладі.
Ось ви вже і зробили вашу першу web-сторінку - первістка, який, можливо, виглядає не так, як ви припускали, коли починали читати цей підручник, але це вже, в деякому роді, web-сайт. Ви створили базовий шаблон для всіх наступних HTML-документ.