KNOW INTUIT, Лекция, HTML Hypertext Markup Language
Маркиращ елемент STYLE
Маркиращият елемент STYLE е проектиран да съдържа дескриптори на стил. В този случай описанието на стила от дадения елемент за маркиране, ако съвпада с името на класа и/или идентификатора на подклас със стила, описан във външния файл, замества описанието на стила от външния файл. По отношение на засягането на целия документ, спецификаторите на стила дефинират правилата за изобразяване на контейнери на HTML документ за цялата страница.
В момента контейнерът се използва само с един атрибут TYPE, който указва типа на спецификатора на стила. Може да бъде текст/css или текст/javascript. Ако маркиращият елемент се отваря с отварящ таг, той трябва да завършва с краен таг. Като цяло записът на елемент STYLE изглежда така:
SCRIPT маркиращ елемент
Етикети за тялото на документа
Етикетите за тялото на документа са предназначени да контролират показването на информация в програмата с потребителски интерфейс. Те описват хипертекстовата структура на базата данни с помощта на контекстуални хипертекстови връзки, вградени в текста. Основната част на документа се състои от:
Тяло на документа - контейнер BODY
Описанието на таговете за тялото на документа трябва да започва с тага BODY. За разлика от тага HEAD, тагът BODY има атрибути.
Атрибутът BACKGROUND определя фона, на който се показва текстът на документа. Ако източникът за фон на HTML документ е графичен файл image.gif, тогава съответният атрибут се появява в отварящия таг на тялото BODY:
Обърнете внимание, че различните потребителски интерфейси поддържат различни незадължителни атрибути за маркера BODY.
Стойностите на атрибутите BGCOLOR, TEXT, LINK, ALINK и VLINK се определят или чрез шестнадесетична RGB стойност, или чрез един от 16-те основни цвята. Например:
Етикети за контрол на маркирането
| от до | Заглавия. Посочва началото на раздел в документ. Стандартът определя 6 нива на заглавия: от H1 до H6. Текстът, ограден с етикети, е голям - това е основното заглавие. Ако текстът е заобиколен от етикети, тогава той изглежда малко по-малък (подзаглавие); текстът вътре е още по-малък и така нататък до . | |
използва се за разделяне на текст на абзаци. Той използва същите атрибути като заглавките. | ПОДРАВНЯВАНЕ | |
| Принудителното преместване на ред се използва за нарушаване на реда по подразбиране на показване на текст. В нормален режим на интерпретация програмата за потребителски интерфейс показва текста в работния прозорец, като автоматично го разделя на редове. | ЯСНО | Използва се за спиране на обвиването на текст около обект в определена точка и след това продължаване на текста в празна област зад обекта. Възможни стойности на атрибута: LEFT, RIGHT, ALL. |
| Указва на браузъра да показва целия текст на един ред, без да прекъсва реда. Ако ограденият текст не се побира на екрана, браузърът ще добави хоризонтална лента за превъртане в долната част на прозореца на документа. |
Списъци в HTML
Списъците са друг начин за структуриране на текстове. HTML има следните типове списъци:
- неподреден списък (таг
-
);
- номериран списък;
- списъкдефиниции.
Неподреден списък се записва като последователност:
Можете да зададете произволен тип маркер на всяко място в списъка. Следните са тагове със стандартни атрибути на маркер:
-
ДИСК > Стандартни списъчни маркери от първо ниво (по подразбиране).
-
Кръгови маркери.
-
квадратни маркери.
Етикет
-
заедно с атрибута TYPE ви позволява да създаватеномериранисписъци, като използвате като числа не само обикновени числа, но и малки и главни букви, както и малки и главни римски цифри:
Списъчните тагове , ,се използват за създаване на списък с термини и техните дефиниции съгласно следната схема:
Коментари
Хипертекстови връзки
За запис на хипертекстова връзка се използва таг, който се нарича "котва". Anchor има няколко атрибута, като основният е HREF. Една проста връзка може да бъде написана като
Графика в HTML
За вмъкване на изображение в HTML документ се използва таг с необходимия атрибут SRC, чиято стойност е URL адресът на графичния файл.
HTML тагът, който кара браузъра да показва изображението, е този с необходимия SRC атрибут (SourCe, източник). Името на файла е името на изходния графичен файл. Краен етикет не е необходим.
Пример за вмъкване на изображение:
Изображенията на уеб страница могат да се използват като хипертекстови връзки точно като обикновен текст. Читателят щраква върху изображението и се изпраща на друга страница или преминава към друго изображение. За да обозначите изображение като хипертекстов етикет, се използва същият етикет като за текст, но етикетът на изображението се вмъква между и:
Тагът има един задължителен SRC атрибут и няколкопо избор: ALT, ALIGN, USEMAP, HSPACE, VSPACE, BORDER, WIDTH, HEIGHT.
| SRC | Указва файла с изображението и неговия път |
| ALT | Позволява ви да посочите текст, който да се показва вместо изображение от браузъри, които не могат да рендират графики |
| ПОДРАВНЯВАНЕ | Указва позицията на изображение спрямо заобикалящия го текст |
| USEMAP | Щракването върху гореща точка в изображение, което има дефиниран атрибут USEMAP, ще навигира до документа, посочен за тази гореща точка > |
| ГРАНИЦА | Определя дебелината на рамката около изображението. Ако стойността е нула, няма граница |
| HSPACE | Указва хоризонталното разстояние между вертикалната граница на страницата и изображението и между изображението и текста, който го обвива |
| VSPACE | Указва вертикалното разстояние между редовете текст и изображението |
| ШИРИНА, ВИСОЧИНА | Задава стойностите на размерите на изображението съответно хоризонтално и вертикално |
Средства за описание на таблици в HTML
Тагът се използва за описание на таблици. Редовете на таблицата се определят с помощта на тагове. Клетките с данни обикновено се поставят в ред на таблица. Всяка клетка, съдържаща текст или изображение, трябва да бъде оградена с тагове. Заглавията за колони и редове на таблица се указват с помощта на етикета за заглавие. Тези тагове са подобни, но текстът между таговете автоматично се удебелява и се позиционира в средата на клетката по подразбиране. Тагът ви позволява да създавате заглавки на таблици.