Като начало ще ви трябва текстов редактор (и най-обикновенния би свършил работа, аз ползвам 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>
Индекс 
Последни снимки 
Регистрирайте се 
