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