GGbitBG

ggbitbg
 
ИндексИндекс  CalendarCalendar  Въпроси/ОтговориВъпроси/Отговори  ТърсенеТърсене  ПотребителиПотребители  Потребителски групиПотребителски групи  Регистрирайте сеРегистрирайте се  ВходВход  

Share | 
 

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

Предишната тема Следващата тема Go down 
АвторСъобщение
Admin
Administrators
Administrators
avatar

Брой мнения : 57
Join date : 17.05.2009
Age : 107
Местожителство : plovdiv

ПисанеЗаглавие: Структура на HTML страницата   Пон Май 18, 2009 4:44 am

Като начало ще ви трябва текстов редактор (и най-обикновенния би свършил работа, аз ползвам 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>
Върнете се в началото Go down
Вижте профила на потребителя http://ggbit-forum.vampire-legend.com
 
Структура на HTML страницата
Предишната тема Следващата тема Върнете се в началото 
Страница 1 от 1

Permissions in this forum:Не Можете да отговаряте на темите
GGbitBG :: Уроци :: CSS и HTML-
Идете на: