1.Какво е HTML?
· HTML е акроним от HyperText Markup Language - в свободен превод "тагов език за хипер текст".
· HTML е най-широко използвания език за писане на интернет страници.
· HTML използва тагове (етикети), за да маркира определени елементи от интернет страниците и да позволи тяхното представяне като заглавия, параграфи, списъци, хипервръзки и др.
2.HTML тагове
· HTML таговете са команди, които се обозначават със знаците "<" и ">", напр. <p>
· HTML таговете често образуват двойка от отварящ и затварящ таг, напр. двойката тагове за параграф е: <p> и </p>. Текстът, заключен между <p> и </p>ще бъде представен на интернет страницата като един параграф.
3.HTML документи
· HTML документите описват интернет страници.
· HTML документите, наричани още уеб страници, съдържат тагове, които не се извеждат на страниците, и обикновен текст.
· HTML документите са по същество текстови файлове и могат да бъдат създавани и редактирани с обикновен текстов редактор като Notepad
· Браузъри като Internet Explorer, Firefox и Google Chrome прочитат HTML документите и ги показват като уеб страници. Те не показват HTML таговете, а ги използват, за да интерпретират съдържанието на страницата.
· HTML документите се записват като файлове с разширение .htm или .html. Няма разлика във функционирането между .htm и .html - разширението .htm е от времето, когато разширенията на файловете са били само с три знака.
Пример:
HTML код | страницата би изглеждала така в браузъра: | |
| Едно интересно Заглавие Един забавен Параграф |
В този пример са използвани следните тагове:
· <html> и </html> указват началото и края на уеб страницата.
· <body> и </body> задават видимата част от документа, която ще бъде показана на екрана.
· <h1> и </h1>ограждат текст, който ще бъде показан като заглавие.
· <p> и </p>ограждат текст, който ще бъде показан като параграф.
4.Какво е нужно за създаване на уеб страница?
Нужни са ви само текстов редактор, с който да създадете HTML документа и браузър, с който да видите как изглежда на екрана. Нямате нужда от наемане на сървър, запазване на домейн име или създаване на интернет сайт.Включените в този цикъл от уроци примери "опитай сам" дори не изискват текстов редактор - можете да редактирате примерите направо в прозореца на браузъра.
Примерна структура на html страница:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=windows-1251" http-equiv="content-type">
<title>Заглавие</title>
</head>
<body>
Съдържание
</body>
</html>
<html>
<head>
<meta content="text/html; charset=windows-1251" http-equiv="content-type">
<title>Заглавие</title>
</head>
<body>
Съдържание
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> - указва типа на документа (в случая HTML)
<html>.....</html> - указват начало и края сайта;
<head>.....</head> - между тях се въвежда информация за самия сайт;
<meta content="text/html; charset=windows-1251" http-equiv="content-type"> - указва кодовата таблица
<title>.....</title> - записва се заглавието на сайта (браузърът го визуализира на заглавната си лента, най-отгоре);
<body>.....</body> - в него въвеждате съдържанието на сайта;
HTML - заглавия и параграфи
1.Заглавия
Ако искате някой текст да бъде изведен като заглавие, трябва да го оградите със следните тагове: непосредствено преди началото на заглавието сложете<h1> , а след края</h1>:
<h1>Челно заглавие</h1>
Това ще изведе възможно най-голямото заглавие. Ако искате да се изведе подзаглавие, използвайте <h2>, <h3> и т.н. до <h6> - с нарастване на номера след h в <h_> големината на заглавието намалява. Можете да избирате между 6 големини за текста, но на практика се използват <h1>, <h2> и <h3>.
2.Параграфи
Параграфите се ограждат с таговете <p> и </p>:
<p>Параграф</p>
Всеки нов параграф се извежда на нов ред, но можете да прекъснете реда по средата и да отправите останалия текст на нов ред без да прекъсвате параграфа, като използвате таг <br/>. <br/> няма затварящ таг, но вместо това съдържа символа на затварящите тагове "/".
Материалите са използвани от интернет .
