Преглед на урок

Структура на HTML страницата

Структура на HTML страницата




Като начало ще ви трябва текстов редактор (и най-обикновенния би свършил работа, аз ползвам Notepad). След като разполагате с такъв текстов редактор, сте готови да създавате базов шаблон за вашите HTML документи. Това е скелета на HTML страницата, който вие ще използвате за изграждането на съдържателни страници, използвайки елементи за маркиране. Скелетът включва елементи на документа, които са просто маркиращи елементи, дефиниращи създавания файл като Web страница.
HTML документа има две отличителни части - заглавна част и тяло. Заглавната част на HTML документа е мястото, където въвеждате наименованието на страницата. За да създадете заглавната част на вашия HTML документ, въведето следното в текстовия редактор:

Код
<head>
</head>

Като първия елемент <head> съобщава, че започвате заглавната част и втория </head>, че я свършвате.
За уроците по-нататък няма да обяснявам, че елемнта съдържащ наклонена черта е затварящия, а този без е даващия начало.
Между двата тага <head> и </head> се разполагат други два тага и те дават име на документа, като това име в повечето графични Web браузъри се разполага в заглавната лента на прозореца. Тези два тага са:

Код
<title>
</title>

Вече имаме заглавната част и това означава, че ни е необходимо тяло на документа. Тялото е мястото, където извършвате почти цялата работа в изграждането на вашия сайт. За да добавите елемeнта тяло във вашия HTML шаблон въведете тези два тага след </head> :

Код

<body>
</body>
Сега дойде ред на един друг елемент и той е:

Код
<html>
</html>

Благодарение на него въпреки, че вашият документ е записан в обикновен ASCII текст, Web браузъра ще знае, че страницата представлява HTML документ. Но понеже използваме XHTML-съвместими документи, необходимо е да въведем следното нещо в горепоказаните тагове:

Код
<html xmlns="http://www.w3.org/1999/xhtml">
</html>

От личен опит ви казвам, че сайта който ще направите би си работил без проблеми дори и ако ги няма тези два тага.
Неможем да завършим документа ни, който следва всички стандарти на XHTML без да добавим към горната част на страницата нещо, наречено DTD (document type definition - дефиниция за типа на документа). В интерес на истината, всички Web браузъри ще прочетат документа ви и без DTD и ще я покажат без проблеми. Затова няма нужда да обяснявам всички елемнти от него, а само ще го напиша:

Код
<!DOCTYPE html
	PUBLIC "\//W3C//DTD XHTML 1.0 Strict//EN"
	"DTD/xhtml1-strict1.dtd">

Само да спомена, че дори и да използвате друг език за текста във вашата страница, езикът на XHTML е винаги EN.

Има още един елемент, който заслужава да бъде споменат и това е коментара към вашите страници (той би могъл да ви подсеща за разни работи, примерно кога за последно сте си обновявали файл и т.н.). Ето как се въвежда коментар в HTML шаблона:

Код
<!--Текста на коментара-->

И ето как би изглеждал вече завършения HTML шаблон:

Код

<!DOCTYPE html
	PUBLIC "\//W3C//DTD XHTML 1.0 Strict//EN"
	"DTD/xhtml1-strict1.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Studio-bg.com - Уроци на български език</title>
<!--Урока е направен от А-->
<!--Studio-bg.com-->
</head>
<body>
</body>
</html>

Автор: Adrian


Ако урокът ви допада, споделете го в Twitter и Facebook или го запазете в Delicious.




Урокът е добавен от: toddor

Добави коментар

Трябва да сте регистиран потребител за може да оставяте коментари! Направете своята безплатна регистрация още сега.