html introduction
TRANSCRIPT
HTML & CSSВъведениеБОЯН ИВАНОВ
3Hypertext Markup Language
HTML е език за хипертекстово маркиране• Език• Хипертекст• Маркиране
4Предназначение на езика
HTML не е език за програмиране.
Той е описателен език.• Чрез него се описва структурата на
документи в Интернет.
Форматиране чрез HTML.• HTML вече не е език за форматиране.
5Производни Езици HTML – Hypertext xHTML – eXtensible Hypertext HTML5 – 5та версия на HTML
SGML – Standard Generalized XML – eXtensible XSL – eXtensible Stylesheet
6История на HTML
1991 – Tim Berners-Lee 1993 – Първата публична версия на HTML 1995 – W3C създава първия стандарт за HTML 2 1995 – Започва създаването на HTML 3 1997 – HTML 3.2 с кодово име Wilbur 1997 – Започва създаването на HTML 4 1999 – HTML 4.0.1 2000 – xHTML 1.0 2001 – xHTML 1.1 2008 – HTML5
7HTML използва тагове Един HTML документ започва с <html>
и завършва с </html> Вътре документът се разделя на две
части• Head частта, започва с <head> и
завършва с </head>• Body частта, започва с <body> и
завършва с </body>
8HTML използва тагове Част от използваните тагове вътре в
body частта на документа• <p></p> - параграф• <h1></h1> - заглавие• <b></b> - удебелен (bold)• <i></i> - наклонен (italic)
Съдържанието на текста се угражда с отварящ и затварящ таг : <h1> Това е заглавие </h1><p> Това е параграф </p>
10
Примерен HTML документ<!DOCTYPE HTML><html>
<head><title>Page title</title></head><body><h1> This is a Heading </h1><p> This is a paragraph </p></body>
</html>
11Грешки и Валидация
Валидиране на код:• http://validator.w3.org• Firefox HTML Validator
Често срещани грешки:• Еднакво изписани отварящ и затварящ
таг : <tag></tag> <tag></Tag>• Стойностите на атрибутите са
заградени в кавички: attr = “value”• Таговете винаги трябва да са правилно
вложени : <t1><t2><t3> </t3></t2></t1>
12Информация с meta tag
meta charset="UTF-8"
meta http-equiv="refresh"meta name="author"meta name="copyright"meta name="keywords"meta name="description"
13
Край...
...Въпроси?