HTML/XHTML

От Уикикниги
Jump to navigation Jump to search

HTML[редактиране]

HTML, което означава HyperText Markup Language , е език за създаване на web страници. Страниците създадени с HTML могат да съдържат графика, текст, музика, анимация, както и връзки към други страници(хиперлинкове). HTML е лесен за научаване език и в края на този урок Вие ще можете да създадете първата си web страница.

Няколко думи за XHTML: От 2000 година вече се препоръчва да се използва езикът наследник на HTML - XHTML, който е доста подобен на HTML, но например не позволява използване на главни букви в имената на етикетите, а в по-новите версии етикетите и атрибутите за стилово оформление са премахнати от езика в полза на езика CSS. Никой обаче не може да ви накара да ползвате новия стандарт, който е създаден с цел по-голяма съвместимост на страниците с различни програми и устройства.

И така, от какво се нуждаете за да създадете HTML страница? Трябват ви две неща - елементарен текстов редактор и интернет браузър. Ако сте потребители на MS Windows, за текстов редактор можете да използвате вградения в Windows Notepad (не ви препоръчвам да ползвате Word) а за браузър можете на използвате Internet Explorer или Netscape Navigator. Файлът, който ще създадете с Notepad е текстов файл, който обаче трябва да запишете с разширение .html (или .htm). По нататък ще го наричам HTML документ. Сега нека направим една web страница. За целта стартирайте Notepad и напишете следното:


   <HTML>
    <HEAD>
     <TITLE> My first page </TITLE>
    </HEAD>
    <BODY>
    
    </BODY>
   </HTML>

Сега запазете на твърдия диск написаното от вас във файл с разширение .html . За целта отворете менюто File в Notepad, изберете Save As и в полето име на файл напишете index.html

Можете да отворите току що направената страница и да я разгледате с някой браузър. За целта кликнете два пъти върху файла в папката, където се намира и той ще бъде отворен от браузъра по подразбиране. В горния случай няма да видите нищо, защото страницата не съдържа никаква информация, която да се визуализира на екрана. Нека ви обясня кое какво означава.

Текста между символите < и > се нарича етикет (tag). С етикетите се означават различни елементи на страницата - заглавие, списък, параграф, и т. н. Можем да разделим етикетите на 2 вида - отварящи и затварящи. Отварящите задават на браузъра да започне някакво действие, а затварящите да го приключи. Затварящия етикет се различава от отварящия само по символа / преди името на елемента. От примера се вижда, че етикетите вървят по двойки - отварящ и затварящ. Някой етикети обаче нямат съответен затварящ етикет.

HTML документа започва винаги с етикета <HTML> и завършва съответно с </HTML>. <HTML> означава начало на HTML документ, а </HTML> - край на HTML документ. Следващата задължителна двойка етикети е <HEAD> и </HEAD>, което буквално означава глава. В главата обикновено се съдържа информация за самия HTML документ. В примера там стои заглавието на документа <TITLE>. Между елементите <TITLE> и </TITLE> се съдържа името на HTML документа. Когато срещне тази двойка елементи повечето браузъри визуализират текста между тях на заглавната си лента най-отгоре.

Същинската част на HTML документа се намира между елементите <BODY> и </BODY> . Виждате, че елементите могат да се влагат един в друг, но внимавайте да спазвате последователноста на двойките етикети. Например неправилно е да се напише следното:

неправилно

 <HTML>  
 <HEAD>  
 </HTML>  
 </HEAD>  

правилно

 <HTML>
 <HEAD>
 </HEAD>
 </HTML>


Затварящия етикет </HEAD> трябва да бъде преди затварящия </HTML>. Трябва да се получи нещо като огледален образ, първия затварящ трябва да отговаря на последния отварящ.

Ето какво научихте до тук.

1. WEB страницата е всъщност текстов файл, но с разширение .html (или .htm), който лесно можете да създадете с помощта на Windows notepad.

2. Елементите на HTML документа се означават с етикети, имената на които са заградени със символите < и > и показват на браузъра какво действие трябва да извърши на екрана Ви.

3. Етикетите условно се разделят на два вида - отварящи и затрварящи, като вървят по двойки, на всеки отваряш следва един затварящ (с малки изключения).

4. Задължителните елементи за всеки HTML документ са <HTML></HTML> за начало и край на документа, <HEAD></HEAD> за информация за самия документ и <BODY></BODY> за съдържанието на документа.