Глава 1
ВЪВЕДЕНИЕ В HTML
HTML (Hyper Text Markup Language) означава език за маркиране на
хипертекст. Той е разработен от Тим Бернерсон Ли в рамките на проект за
разпределена хипертекстова система, която той нарекъл word wide web (WWW)
или всемирна паяжина. HTML е предназначен за написване на хипертекстови
документи, публикувани в WWW и лесно преносими от една платформа на
друга. Един документ на езика HTML може да включва следните документи:
•стилизиран и форматиран текст;
•команди за включване на графически и звукови файлове;
•хипервръзки с различни ресурси на Интернет;
•скриптове на езика JavaScript и VBScript;
•различни обекти, например Flash анимация.
Документите на HTML се явяват обикновени текстови файлове,
съдържащи специални тагове (или управляващи елементи) за отбелязване
(маркиране). Тези тагове указват на браузъра на WEB (програма на потребителя
за изобразяване на web-страници, например Internet Explorer, Mozilla Firefox,
Netscape или Opera) как трябва да се изобрази страницата.
Файловете HTML обикновено имат разширение htm или html и могат да се
създават с обикновен текстов редактор.
Езикът HTML се явява подмножество на мощния език SGML (Standard
Generalized Markup language), който широко се използва в издателската
дейност. Основната полза от използването на този език се състои в
преносимостта на текста между различните издателски системи. Тази особеност
се съхранява и в HTML. Четейки документа потребителите могат да установят
начина за маркиране на текста, начина на изобразяване и размера на шрифта по
свой вкус, да отменят изобразяването на изображенията и др.
В документа на HTML могат да се разграничат два основни блока:
заглавна част и тяло на документа. Съдържанието на заглавната част не се
извежда на екрана на потребителя, с изключение на заглавието, в него като
правило се указват ключови думи, автори и друга служебна информация, а
също така се включват външни таблици, стилове и скриптове. В тялото на
документа се разполага тази информация, която ще бъде изведена на
потребителя.
Първи стъпки
В различните операционни системи съществуват различни редактори за
създаване на HTML документи. За операционната система Microsoft Windows
използвайте редактора Notepad;
Съществуват и голям брой специализирани редактори за създаване на
HTML файлове, такива като FrontPage, Macromedia Dreamweaver или Adobe
Web Bundle, които притежават възможността WYSIWYG (What You See Is
What You Get - каквото виждаш, това и ще получиш). С тяхна помощ можете
лесно да създавате HTML документи, Но за начално изучаване на HTML е
желателно да използвате прост текстов редактор.
1.Въведете в текстовия редактор кодът от Пример 1
Пример 1 :
1
2
3
4
5
6
7
8
9
<html>
<head>
<title>Това е заглавие на страницата</title>
</head>
<body>
<h1>Здравейте!</h1>
<p>Това е първа страница на HTML.<b> Този текст се извежда с
удебелен шрифт. </b></p>
</body>
</html>
2.Съхранете файла с името "page1.html".
При съхраняване на HTML файла можете да използвате разширение.htm
или .html. Разширението .htm е разбираемо за старите версии на операционните
системи, които допускаха 3 буквено разширение за файловете. Сега
практически всички операционни системи нямат такова ограничение и затова
спокойно можете да използвате разширението .html.
3.Стартирайте браузъра и изпълнете файла.
4.Резултатът от изпълнението на създадения HTML файл е даден на
фиг. 1.
Изпълнение в браузер на Пример 1
Фиг. 1. Резултатът от изпълнението на Пример1
Разбор на примера
Вашият пръв HTML документ започва с тага <html> (ред1), който
съобщава на браузъра за началото на документа HTML и завършва с тага
</html> (ред 9), който го информира за достигане на края на HTML документа.
Текстът между таговете <head> (ред 2) и </head> (ред 4) се явява
информация за заглавието на документа и не се извежда в прозореца на
браузъра.
Текстът "Това е заглавна страница" (ред 6) между таговете <title> и </title>
се явява заглавието на документа, което се извежда в реда за заглавие на
браузъра.
Текстът между таговете <body> (ред 5) и </body> (ред 8) представлява
текстът, който се извежда в прозореца на браузъра. Текстът "Здравейте!" (ред 6)
между таговете <h1> и </h1> ще бъде изобразен със стил на заглавие,
обикновено удебелен и с голям размер.
Тагът <p> (ред 7) означава, че започва нов параграф, а тагът </p> означава
край на параграфа.
Текстът "Този текст се извежда с удебелен шрифт" (ред 7) между таговете
<b> и </b> ще се изобрази с удебелен шрифт.
Елементи на HTML
Web страницата се изобразява с помощта на HTML документ и
представлява обикновен текстов файл, съдържащ специални елементи,
наречени тагове.
295
33
