HTML е стандартният език за маркиране за създаване на уеб страници.
Какво е HTML?
- HTML е съкращение от език за маркиране на хипертекст
- HTML е стандартният език за маркиране за създаване на уеб страници
- HTML описва структурата на уеб страница
- HTML се състои от поредица от елементи
- HTML елементите казват на браузъра как да показва съдържанието
- HTML елементите обозначават части от съдържанието, като например „това е заглавие“, „това е параграф“, „това е връзка“ и т.н.
Прост HTML документ
Пример
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Обяснение на примера
- Декларацията
<!DOCTYPE html>определя, че този документ е HTML5 документ - Елементът
<html>е коренният елемент на HTML страница - Елементът
<head>съдържа мета информация за HTML страницата - Елементът
<title>определя заглавие за HTML страницата (което се показва в заглавната лента на браузъра или в раздела на страницата) - Елементът
<body>определя тялото на документа и е контейнер за цялото видимо съдържание, като заглавия, параграфи, изображения, хипервръзки, таблици, списъци и др. - Елементът
<h1>определя голям заглавен текст - Елементът
<p>определя параграф
Какво е HTML елемент?
HTML елементът се дефинира от начален таг, част от съдържанието и краен таг:
HTML елементът е всичко от началния таг до крайния таг:
| Start tag | Element content | End tag |
|---|---|---|
| <h1> | My First Heading | </h1> |
| <p> | My first paragraph. | </p> |
| <br> | none | none |
Забележка: Някои HTML елементи нямат съдържание (като елемента <br>). Тези елементи се наричат празни елементи. Празните елементи нямат краен етикет!
Уеб браузъри
Целта на уеб браузъра (Chrome, Edge, Firefox, Safari) е да чете HTML документи и да ги показва правилно.
Браузърът не показва HTML таговете, а ги използва, за да определи как да се покаже документът:
Структура на HTML страницата
По-долу е дадена визуализация на структурата на HTML страница:
Забележка: Съдържанието в секцията <body> ще се покаже в браузър. Съдържанието в елемента <title> ще се покаже в заглавната лента на браузъра или в раздела на страницата.
История на HTML
От ранните дни на световната мрежа (World Wide Web) е имало много версии на HTML:
| Year | Version |
|---|---|
| 1989 | Tim Berners-Lee invented www |
| 1991 | Tim Berners-Lee invented HTML |
| 1993 | Dave Raggett drafted HTML+ |
| 1995 | HTML Working Group defined HTML 2.0 |
| 1997 | W3C Recommendation: HTML 3.2 |
| 1999 | W3C Recommendation: HTML 4.01 |
| 2000 | W3C Recommendation: XHTML 1.0 |
| 2008 | WHATWG HTML5 First Public Draft |
| 2012 | WHATWG HTML5 Living Standard |
| 2014 | W3C Recommendation: HTML5 |
| 2016 | W3C Candidate Recommendation: HTML 5.1 |
| 2017 | W3C Recommendation: HTML5.1 2nd Edition |
| 2017 | W3C Recommendation: HTML5.2 |
Този урок следва най-новия стандарт HTML5.
