Първа HTML Страница

от Fuedo - Уеб дизайн енциклопедия

Направо към: навигация, търсене

Създаване на вашата първа HTML страница

След като вече знаете най основните неща за HTML вече е време да направим и първата страница. HTML може да се пише в най-простите текстообработващи програми, като NotePad или WordPad. Ние ви препоръчваме да използвате PSPad който има доста предимства и се разпространява безплатно. Можете да свалите английската версия от тук (За съжаление PSPad се разпространява само за Windows, за други Операционни Системи ще трябва да използвате друга текстообработваща програма)
След като сте свалили и инсталирали PSPad вече имате всичко необходимо да направите първата си страница. Отваряме PSPad, Notepad, или какъвто там текстов едитор искате, и давате от менюто, File -> New, и се отваря нов файл. Сега копирайте следното(После ще го обсъдим ред по ред):

<html>
  <head>
    <title>First HTML page!</title>
  </head>
  <body bgcolor="#e1e1e1">
    <p>First HTML page!</p>
  </body>
</html>

След като сте копирали горният HTML дайте от менюто File -> Save и запаметете някъде където искате важното е разширението на файла да е .html Сега ако отворите файла с някакъв браузър Internet Explorer или Firefox например ще трябва да се появи надпис "First HTML page!" на сив фон, което пак значи че току що направихте първата си страница! Честито!
Сега обаче да обясним защо толкова много редове HTML за да се появи едно тъпо "First HTML page!". Всяка HTML страница започва и завършва с тагът html който показва че пишете на HTML. Веднага след него започва тагът head който отбелязва главната част на страницата(така нареченият хедар :-)). В тагът head обикновено стоят неща които не се виждат от потребителите в браузарите(напр, кой е създателят на страницата, кога е създадена и т.н.), единственият таг който се записва в главната част на страницата и се вижда от потребителя е тагът title. Съдържанието на тагът title се изписва в лентата отгоре на браузара. След главната част на страницата започва и тялото което се определя с тагът body. Всичко което е поставено между отварящият и затварящият таг на body ще бъде визуализирано в браузъра на потребителя. Забелязвате и атрибутът bgcolor който ни позволява да зададем цвят на фона на страницата, като му зададем или шестнадесетична стойност или ключова дума. Ключовите думи заедно със съответстващите им шестнадестични стойности може да видите тук. Веднага след тага body виждате тага <p> . Тагът <p> е таг за параграф. На 6-ти ред сте задали параграф със съдържание "First HTML page!".
След като затворите параграфа, затваряте body и html таговете и с това страницата е завършена.

Съдържание

Лични инструменти