Текст между етикетите<ВIG>или , съответно ще бъде повече или по-малко от стандарта.

Горна и индекси

Използване на етикети И можете да зададете горните и долните индекси, необходими за записване на търговски марки, символи за авторско право, връзки и бележки под линия. Въпросните етикети ви позволяват да създавате горни или долни индекси с произволен размер в текстовата област. Можете да използвате тагове, за да изглеждат по-малки от околния текст. И с Атрибут FONT SIZE=-1, което намалява размера на шрифта.

атрибут РАЗМЕР

Атрибут РАЗМЕР на етикет ви позволява да зададете размера на текста в дадената област. Ако не използвате етикета за да зададете определен размер на шрифта за цялата страница, по подразбиране е 3. Някои браузъри таг не поддържат, така че е препоръчително да го използвате само в текстовата област. В други случаи е по-добре да използвате тагове<Н1>, <Н2>, <НЗ>и т.н. Основното предимство на етикета е, че след края на действието не прекъсва линията, като етикетите<Нn>. Следователно етикетът може да бъде много полезно за промяна на размера на шрифта в средата на ред.

Атрибут COLOR

Ако искате да направите страницата си по-цветна, можете да използвате атрибута COLOR в тага FONT и тогава единственото ограничение ще бъде цветовата палитра на компютъра на потребителя.

Етикетите, които контролират формата за показване, са показани в таблицата.

Тези етикети позволяват влагане, така че всички те имат начален и краен етикет. Когато използвате такива етикети, трябва да се помни, че тяхното показване зависи от настройките на програмата за потребителски интерфейс, които може да не съвпадат с настройките на програмата за разработчици на хипертекст.

Създаване на списъци в HTML

Списъците са важно средство за структуриране на текст и се използват във всички езици за маркиране. HTML има следните видовесписъци: неподреден списък (неподреден) (Неподредени списъци

), номериран списък (подреден) (Подредени списъци
) и списък с дефиниции. Таговете за неподредени и номерирани списъци са в основата на HTML. HTML 3.2 добавя няколко атрибута към етикетите на списъка, за да избира различни типове водещи символи в неподредени списъци и различни схеминомериране в номерирани. Можете да включите такива атрибути в самите тагове на елемент от списъка.
1. ), за да промените типа на маркера в средата на списъка. След появата на нов атрибут всички следващи маркери в списъка ще имат същия вид.

   Неподредени списъци - етикет

   Неподреден списък. Неподреден списък е предназначен да създава текст като:

   • първият елемент от списъка;
   • вторият елемент от списъка;
   • третият елемент от списъка.

   Записано този списъккато последователност:

   • първият елемент от списъка
   • вторият елемент от списъка
   • трети елемент от списъка

   Етикетите са началните и крайните тагове на неподреден списък, етикетът

2. (Елемент от списък) указва етикета за елемент от списъка. Освен тези тагове, има таг, който ви позволява да наименувате списъци - (ListHeader).

   Атрибути на маркер в неподреден списък

   За да избегнете използването на едни и същи символи на различни нива на влагане, можете да използвате атрибута TYPE. Можете да зададете всеки тип маркер навсякъде в списъка. Може дори да се смесва различни видовемаркери в един списък. Следните са тагове със стандартни атрибути на маркер:

   Етикетът създава твърди маркери от същия тип като в списъците от първо ниво по подразбиране.
   Тагът създава маркери под формата на кръгове.
   Етикетът създава плътни квадратни маркери.

   Подредени списъци - етикет

   Номерирани списъци. Етикет

   заедно с атрибута TYPE= в HTML 3.2, ви позволява да създавате номерирани списъци, като използвате не само обикновени числа като числа, но и малки и главни букви, както и малки и главни римски цифри. Ако е необходимо, можете дори да смесите тези видове номериране в един списък:

   <ОL ТYРЕ=l>Тагът създава списък, номериран във формат 1., 2., 3., 4. и т.н.<ОL ТYРЕ=А>Тагът създава списък, номериран във формат A., B., C., D. и т.н.

   Тагът създава списък с номерация във формат a., b., c., d. и т.н.<ОL ТYРЕ=I>Тагът създава списък с номерация във формат I., II., III., IV. и т.н.

   Списък с дефиниции - таг

   Етикети за списък (Списък с дефиниции:

   ,

   ,

   ) се използва за създаване на списък с термини и техните дефиниции. Схемата за използване на етикета е следната.

   Срок

   Определение

   Дефинираният термин се изписва на един ред, а определението му на следващия, с лек отстъп вдясно. Етикет

   ви позволява да създавате отделни абзаци с отстъп без номериране или водещи символи. Вдлъбнатината се прави от левия ръб. Ако има няколко тагове на страницата

   , след това текстът постепенно се измества все повече и повече надясно. Поставете затварящ етикет в края на дефиницията

   . Не забравяйте, че тагът lt;DL> измества само лявото поле на параграф.

   Хоризонтални линийки - етикет<НR>

   Хоризонталната линейка (Хоризонтална линейка) се използва за разделяне на документа на части. Само с един етикет<НR>можете да придадете на страницата оригинален вид. Опитайте да експериментирате с етикета<НR>, и ще получите линии, които са напълно различни от тези, които обикновено използвате.

   Предварително форматиран изход - етикет<РRЕ>

   Използването на този етикет ви позволява да показвате текста "какъвто е" (без форматиране), със същите знаци и със същите нови редове.

   Приложение за етикети

   Текст между етикетите И, трепти. Този етикет се поддържа само от браузъра Netscape Navigator. Те трябва да се използват с голямо внимание.

   Контейнерът е елемент от html страница, който е предназначен да подчертае конкретен фрагмент от нея. Това може да бъде параграф, заглавие, цитат, фрагмент от текст и т.н. Браузърът не подчертава контейнера на html страницата по никакъв начин.

   Използвайки контейнера, уебмастърът може да се "прикачи" към определен елемент от html страницата желан стил. В допълнение, контейнерът осигурява "свързващо" поведение към елемента на html страницата.

   Има два вида контейнери: блокови контейнери и вградени контейнери.

   Вграден контейнере част от блоковия елемент на html страницата. Например контейнерът на блок може да бъде фрагмент от текст на абзац, графично изображение, което е поставено в абзац и т.н.

   Двойният таг е предназначен за създаване на вграден контейнер SPAN. Желаният фрагмент от блоковия елемент се поставя вътре в етикета SPAN, а желаният стил се създава в CSS, който след това се „прикачва“ към тага SPAN.

   ПРИМЕР: Блок (цвят на шрифта: червен) ... плодове от офика червенцветове.

   Блок контейнери

   Блоковият контейнер е оформен с помощта на сдвоен етикет DIVи се използва доста често. Различни блокови елементи се поставят в блоков контейнер: параграфи, заглавия, таблици и т.н.

   Понякога е необходимо да се подравни голям блок от документ, съдържащ не само текст, но и фигури, таблици и др. За тази цел се използва контейнерен елемент. DIV. Спецификация на DIV елемент:

   ALIGN="подравняване">

   Атрибутът ALIGN определя типа подравняване на съдържанието и може да има същите стойности като елемента P.

   Вдлъбнатина

   Понякога искате да покажете блок от текст с отстъп. За да направите това, блок от текст се поставя в контейнерен елемент. БЛОК ЦИТАТ. Тогава съдържанието на този елемент ще бъде показано с малки отстъпи отляво и отдясно, а също и отделено от останалия текст с празни редове.

   маси

   Таблиците са един от най-мощните и широко използвани инструменти в HTML. Те се използват не само традиционно като метод за представяне на данни, но и като средство за форматиране на уеб страници. Един HTML документ може да съдържа произволен брой таблици и таблиците могат да бъдат вложени една в друга.

   Всяка таблица започва с таг<ТАБЛИЦА> и завършва с етикетаТАБЛИЦА>. Вътре в тази двойка тагове има описание на съдържанието на таблицата. Всяка таблица се състои от един или повече редове, които съдържат данни за отделни клетки.

   Всеки ред започва с таг<TR> и завършва с етикетаTR>. Една клетка в ред е оградена от чифт тагове<TD> иTD> или<TH> иTH>. Етикет използва се за клетки в заглавки на таблица и – за клетки с данни. Разликата между тези тагове е, че заглавието е удебелено по подразбиране, докато данните са нормални.

   етикети И не може да се появи извън описанието на реда на таблицата .

   Примерна таблица:

   Клетка 1

   Клетка 2

   Клетка 3

   Клетка 4

   Този пример ще се покаже в браузъра така:

   Спецификация на етикета

   :

   ALIGN="подравняване"

   BORDER="дебелина на границата"

   CELLPADDING="разстояние"

   CELLSPACING="разстояние"

   HEIGHT="височина"

   WIDTH="ширина"

   Атрибутът ALIGN указва подравняването на таблицата в прозореца на браузъра. Може да има една от двете стойности: ЛЯВО (подравнено вляво) и ДЯСНО (подравнено вдясно). По подразбиране е LEFT.

   Атрибутът BORDER контролира дебелината на рамката. Стойността на този атрибут е число. Това число определя дебелината на границата на таблицата в пиксели. Ширината на рамката по подразбиране е 1.

   Атрибутът CELLPADDING определя разстоянието в пиксели между границата и съдържанието на клетката. По подразбиране е 1.

   Атрибутът CELLSPACING определя разстоянието в пиксели между клетките на таблицата. По подразбиране е 2.

   Атрибутът HEIGHT указва височината на таблицата в пиксели.

   Атрибутът VALIGN указва вертикалното подравняване на съдържанието на таблицата. Може да има следните стойности: TOP (отгоре), MIDDLE (среда) и BOTTOM (отдолу). По подразбиране е MIDDLE.

   Атрибутът WIDTH указва ширината на таблицата в пиксели или процент от ширината на прозореца на браузъра.

   Спецификация на етикета

   ALIGN="подравняване"

   BGCOLOR="цвят на фона"

   VALIGN="вертикално подравняване"

   Атрибутът ALIGN определя подравняването на съдържанието на всички клетки в ред. Може да има една от трите стойности: LEFT (ляво), RIGHT (дясно) и CENTER (център). По подразбиране е ЦЕНТЪР.

   Атрибутът BGCOLOR определя цвета на фона за всички клетки в ред. Стойността му може да бъде посочена в символна нотация или в RGB формат.

   Атрибутът VALIGN определя вертикалното подравняване на съдържанието на всички клетки в ред. Може да има следните стойности: TOP (отгоре), MIDDLE (среда) и BOTTOM (отдолу). По подразбиране е MIDDLE.

   Спецификация на етикета

   ALIGN="подравняване" BGCOLOR="цвят на фона" COLSPAN="брой клетки" HEIGHT="височина на клетката" ROWSPAN="брой клетки" VALIGN="вертикално подравняване" WIDTH="ширина на клетката" Атрибутът ALIGN указва подравняването на съдържанието на клетката. Може да има една от трите стойности: LEFT (ляво), RIGHT (дясно) и CENTER (център). По подразбиране е ЦЕНТЪР. Атрибутът BGCOLOR указва цвета на фона на клетката. Стойността му може да бъде посочена в символна нотация или в RGB формат. Атрибутът COLSPAN ви позволява да обедините няколко съседни клетки хоризонтално. Стойността на този атрибут е броят на клетките, които трябва да бъдат обединени. Атрибутът HEIGHT указва височината на клетката в пиксели. Атрибутът ROWSPAN ви позволява да обедините няколко съседни клетки вертикално. Стойността на този атрибут е броят на клетките, които трябва да бъдат обединени. Атрибутът VALIGN определя вертикалното подравняване на съдържанието на клетката. Може да има следните стойности: TOP (отгоре), MIDDLE (среда) и BOTTOM (отдолу). По подразбиране е MIDDLE. Атрибутът WIDTH указва ширината на клетката в пиксели. Въпроси за консолидация. Как се различават параграфите от заглавията? Какви са списъците? Какви етикети се използват за промяна на шрифта? Какво е "информация"? 4. Домашна работа: 1. Създайте таблица, която има една клетка в първия ред, две клетки във втория и три клетки в третия. 2. На практика наблюдавайте ефекта от използването на различни стойности на атрибута ALIGN на тага . Има две основни категории HTML елементи, които съответстват на техните видове съдържание и поведение в структурата на уеб страница − блокИ вградени елементи. Използвайки блокови елементи, можете да създадете структурата на уеб страница, вградените елементи се използват за форматиране на текстови фрагменти (с изключение на елементите И ). Разделянето на елементите на блокови и вградени се използва в HTML спецификацията преди версия 4.01. В HTML5 тези концепции са заменени от по-сложен набор от , който изисква всеки HTML елемент да следва правила, които определят какво съдържание е разрешено за него. CSS модел за визуално форматиране в детайли 1. Модел на визуално форматиране Моделът за визуално форматиране на CSS е алгоритъм, който обработва HTML документ и го показва на екрана на устройството. Този модел трансформира всеки елемент в документа, така че да генерира нула или повече правоъгълни кутии според модела на CSS кутия. Позицията на тези блокове на страницата се определя от следните фактори: размера на елемента (като се има предвид дали са изрично зададени или не); тип елемент (вграден или блоков); схема на позициониране (нормален поток, позиционирани или плаващи елементи); връзки между елементи в DOM (елемент родител-дете); вътрешните размери на съдържащите се изображения; външна информация (например размерите на прозореца на браузъра). 2. Дефиниция на термина "съдържащ блок" Позицията и размерът на блока(овете) на даден елемент понякога се изчисляват спрямо някакъв правоъгълник, наречен съдържащ блокелемент (съдържащ блок). Съдържащият елементен блок се дефинира, както следва: Съдържащият блок, който съдържа коренния елемент е правоъгълник – т.нар начален съдържащ блок. За елементи с позиция: относителна или позиция: статична, съдържащият блок се формира от ръба на областта на съдържанието на най-близкия родителски контейнерен блок. За елемент с позиция: фиксирана, съдържащият блок се определя от прозореца за изглед. За елемент с позиция: абсолютна, съдържащият се блок е зададен на най-близкия предшественик с дадената позиция: абсолютна/относителна/фиксирана 3. Блокови елементи и блокови контейнери Блокови елементи- елементи от най-високо ниво, които са визуално форматирани като блокове, разположени вертикално на страницата в прозореца на браузъра. Показване на стойности на свойства, като блок, елемент от списък и таблица, прави елементи на ниво блок. Елементите на ниво блок генерират основен блок, който съдържа само блока на елемента. Елементи, зададени за показване: списък-елемент, генерират допълнителни кутии с водещи точки, които са позиционирани спрямо основната кутия. , ,