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/> няма затварящ таг, но вместо това съдържа символа на
затварящите тагове "/".
Материалите са използвани от интернет .
