HTML & CSS
Въведение
БОЯН ИВАНОВ
Hypertext Markup Language
 HTML е език за хипертекстово маркиране
• Език
• Хипертекст
• Маркиране
3
Предназначение на езика
 HTML не е език за програмиране.
 Той е описателен език.
• Чрез него се описва структурата на документи
в Интернет.
 Форматиране чрез HTML.
• HTML вече не е език за форматиране.
4
Производни Езици
 HTML – Hypertext
 xHTML – eXtensible Hypertext
 HTML5 – 5та версия на HTML
 SGML – Standard Generalized
 XML – eXtensible
 XSL – eXtensible Stylesheet
5
История на 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
6
HTML използва тагове
 Един HTML документ започва с <html> и
завършва с </html>
 Вътре документът се разделя на две части
• Head частта, започва с <head> и завършва с
</head>
• Body частта, започва с <body> и завършва с
</body>
7
HTML използва тагове
 Част от използваните тагове вътре в body
частта на документа
• <p></p> - параграф
• <h1></h1> - заглавие
• <b></b> - удебелен (bold)
• <i></i> - наклонен (italic)
 Съдържанието на текста се угражда с
отварящ и затварящ таг :
<h1> Това е заглавие </h1>
<p> Това е параграф </p>
8
Примерен 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>
10
Грешки и Валидация
 Валидиране на код:
• http://validator.w3.org
• Firefox HTML Validator
 Често срещани грешки:
• Еднакво изписани отварящ и затварящ таг :
<tag></tag> <tag></Tag>
• Стойностите на атрибутите са заградени в
кавички: attr = “value”
• Таговете винаги трябва да са правилно
вложени : <t1><t2><t3> </t3></t2></t1>
11
Информация с meta tag
meta charset="UTF-8"
meta http-equiv="refresh"
meta name="author"
meta name="copyright"
meta name="keywords"
meta name="description"
12
13
Край...
...Въпроси?

html introduction

  • 1.
  • 3.
    Hypertext Markup Language HTML е език за хипертекстово маркиране • Език • Хипертекст • Маркиране 3
  • 4.
    Предназначение на езика HTML не е език за програмиране.  Той е описателен език. • Чрез него се описва структурата на документи в Интернет.  Форматиране чрез HTML. • HTML вече не е език за форматиране. 4
  • 5.
    Производни Езици  HTML– Hypertext  xHTML – eXtensible Hypertext  HTML5 – 5та версия на HTML  SGML – Standard Generalized  XML – eXtensible  XSL – eXtensible Stylesheet 5
  • 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 6
  • 7.
    HTML използва тагове Един HTML документ започва с <html> и завършва с </html>  Вътре документът се разделя на две части • Head частта, започва с <head> и завършва с </head> • Body частта, започва с <body> и завършва с </body> 7
  • 8.
    HTML използва тагове Част от използваните тагове вътре в body частта на документа • <p></p> - параграф • <h1></h1> - заглавие • <b></b> - удебелен (bold) • <i></i> - наклонен (italic)  Съдържанието на текста се угражда с отварящ и затварящ таг : <h1> Това е заглавие </h1> <p> Това е параграф </p> 8
  • 10.
    Примерен HTML документ <!DOCTYPEHTML> <html> <head> <title>Page title</title> </head> <body> <h1> This is a Heading </h1> <p> This is a paragraph </p> </body> </html> 10
  • 11.
    Грешки и Валидация Валидиране на код: • http://validator.w3.org • Firefox HTML Validator  Често срещани грешки: • Еднакво изписани отварящ и затварящ таг : <tag></tag> <tag></Tag> • Стойностите на атрибутите са заградени в кавички: attr = “value” • Таговете винаги трябва да са правилно вложени : <t1><t2><t3> </t3></t2></t1> 11
  • 12.
    Информация с metatag meta charset="UTF-8" meta http-equiv="refresh" meta name="author" meta name="copyright" meta name="keywords" meta name="description" 12
  • 13.
  • 14.