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

1-ви метод

Струва си да започнете с най-често срещания метод. Само в този случай е необходимо да се използват каскадни таблици, тъй като CSS е неразривно свързан с езика за маркиране на хипертекст. Червеният html ред може да бъде зададен чрез свойството "text-indent". Достатъчно е да посочите желания елемент и разстоянието, което ще се използва за отстъп от лявата страна на документа. Например, изписването на: "p (text-indent: 20px;)" означава, че във всеки параграф p ще бъде направена червена линия от 20 пиксела. Можете да използвате произволен блок от текст като елемент, за който посочвате стойността. Всъщност това свойство не задава червената линия, а просто показва отстъпа за първия ред на избрания елемент. Но кой ще забележи разликата? Свойството "text-indent" може да приема три различни вида стойности:

• Всяка общоприета мерна единица, например px (пиксели), in (инчове), pt (точки) и други.
• Процентна стойност. В този случай се взема предвид разстоянието от родителския елемент.
• Наследяване. Ако зададете тази стойност, свойството ще бъде наследено от родителския елемент.

2-ри метод

В html червената линия може да бъде зададена без свързване на каскадни таблици. Достатъчно е да поставите няколко интервала преди първия знак в изходния код на страницата. Просто трябва да използвате специални символи, а именно „ “, защото ако поставите обикновен интервал, само един ще бъде взет предвид. И с помощта на този символ можете да зададете необходимия отстъп. Такава червена HTML линия няма да има глобално приложение и ще трябва да добавите всички интервали ръчно. Този минус ще ви натовари значително при работа с голям брой документи. Този метод също така ще обяви кода на вашата страница за невалиден.

3-ти метод

Заключение

Като заключение можем да кажем, че html заедно с CSS ви позволява да създавате голямо разнообразие от ефекти. Понякога свойствата и елементите не се използват по предназначение, но не трябва да се отклонявате твърде много от стандартното значение на таговете.

По правило блоковете от текст са разделени от абзаци (параграфи). По подразбиране има малко вертикално разстояние между абзаците, наречено интервал. Синтаксисът за създаване на параграфи е както следва.

Параграф 1

Параграф 2

Всеки параграф започва с таг

И завършва с незадължителен затварящ таг

.

Във всяка книга отстъпът на първия ред, наричан още „червена линия“, се използва за подчертаване на следващия абзац. Това позволява на читателя лесно да търси нов ред и по този начин увеличава четливостта на текста. На уеб страница тази техника обикновено не се използва, но се използва подложка за разделяне на параграфи.

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

Пример 7.1. Използване на параграфи

На някои места е още февруари, на други вече е април.

Времето минава, вечно броене: година след година, век след век...

Във всичко - спокойната му крачка, тъмното тичане.

В една година има двадесет и пет седмици на радост и тъга.

Имам двадесет и пет седмици от февруари и двадесет и пет седмици от април.

За двадесет и пет седмици вековете минават в мъглата.

Моят звучен фарс лети някъде към облаците.

М. Щербаков

Резултатът от този пример е показан на фиг. 7.1.

Ориз. 7.1. Отстъп на уеб страница при използване на параграфи

Както се вижда от фигурата, при използване на етикета

Има твърде много интервали между абзаците. Можете да се отървете от тях, ако добавите таг към нов ред:
. За разлика от параграф, таг за нов ред
не създава допълнителни вертикални интервали между редовете и може да се използва в почти всеки текст.

По този начин текстът на пример 7.1, като се вземат предвид прекъсванията на редовете, ще бъде трансформиран, както следва (пример 7.2).

Пример 7.2. Етикет

В едни градини цъфтят бадемови дървета, а в други веят снежни бури.
На някои места е още февруари, на други вече е април.
Времето минава, вечно броене: година след година, век след век...
Във всичко - спокойната му крачка, тъмното тичане.
В една година има двадесет и пет седмици на радост и скръб.
Имам двадесет и пет седмици от февруари и двадесет и пет седмици от април.
За двадесет и пет седмици вековете минават в мъглата.
Моят звучен фарс лети някъде към облаците.

М. Щербаков

Резултатът от примера е показан на фиг. 7.2. Вижда се, че разстоянието между редовете на текста е намаляло и той е придобил по-компактен вид.

Тагове, определящи абзац, интервал, HTML блок и абзац

Нека го разгледаме подробно HTML блокове и параграфикато елементи на уеб страница.

• HTML параграфопределени от тагове.
• HTML параграфиобикновено съдържат текст, етикети за форматиране и изображения.
• HTML параграфне може да съдържа блокови елементи като заглавки
  

  -

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

Разгледайте кода по-долу:

Резултат:

Можем да видим това HTML параграфиимат вертикални вдлъбнатини - това е характеристика на таговете. HTML блокове

такива пространства не се създават, защото не носят никакъв товар, а са просто контейнери.

Етикетите не могат да съдържат други или

. Вътре могат да се поставят линейни елементи, като или, например, тагове, отговорни за форматирането на текста.

Етикетите и по принцип са едно и също нещо, но консорциумът на W3C препоръчва използването на малки букви. В новата версия на HTML, както и в съвременния XHTML, използването на главни букви при писане на тагове е забранено.

Блокирайте

може да съдържа колкото желаете и други елементи HTMLдокумент. Той е идеален за оформление, но повече за това по-късно - в уроците по CSS.

HTML пространство от таблица със специални знаци

HTML пространствови позволява да увеличите разстоянието между думите и знаците.

Що се отнася до интервалите между думите, без значение колко са в Notepad, тоест в изходния код, само един ще бъде показан на уеб страницата. Ако трябва да увеличите разстоянието, използвайте интервала от таблицата със символи. Може да попитате: Защо са необходими тези кодирани значения на обикновени знаци? - Ще отговоря: Те са необходими, за да показват например такива скоби< >. С други думи, за да покажа етикети на екрана, в моя редактор пиша: . Етикети , както си спомняме, преобразувайте текста в monospace (машинописен).

Начини за показване на HTML параграф

Примери за извеждане на параграфи.

За да му придадете определен стил, трябва да поставите текста в съответния контейнер.

Всички тагове за форматиране могат да бъдат разделени на три групи:

1. Етикети за заглавие ( h1-h6).

2. Тагове за дизайн на основния текст ( , , ,

, 
и т.н.).
3. Етикети за групиране ( 

, 

, 

)

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

създава заглавие от първо ниво - най-голямото и най-важно (обикновено заглавието на статията на страницата), 

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

трябва да тръгвам 

, а не обратното.

За да разберете как работи това, въведете следния код в html файла:
 
Заглавка от първо ниво
Заглавие от второ ниво
Заглавие от трето ниво
Заглавие от четвърто ниво
Заглавие от ниво 5
Заглавие от шесто ниво

В браузъра ще изглежда така:
Тагове за дизайн на основния текст
Позволява форматиране на ниво символ.  Нека да видим какво можете да направите с тях.
Удебелен шрифт
Необходимо е да се фокусира вниманието върху текста.  Също така е важно за търсачките, те могат да подчертават ключови думи.
Отговаря за етикетите с удебелен стил 
И .

Горен и долен индекс
Те могат да се използват във формули, уравнения и обозначаване на определени величини.
Тагът е отговорен за създаването на индекси 
, за най-горните се използва тагът 
.
х 1=32 м 2
Съкращаване
Ако трябва да направите текста с едно по-малко от зададената стойност в цялата страница, тогава трябва да използвате маркера 

Обикновен текст. Намален текст.
Долна черта
Този тип осветяване може да се използва за обозначаване на промени, направени в документ или просто за привличане на вниманието към текста.
Обикновен текст. Подчертан текст.
Зачертано
Можете да зачеркнете информация, ако вече е загубила своята релевантност.  Това е етикетът за това 
.
Курсив
Необходим е за фокусиране на вниманието върху текста и може да се създаде с таг 
или 
.

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

  По този начин a, b, c, Тук резултат от изпълнението на програмата , а това е въведен от потребителя текст 
показа нещо подобно
.

Цитати и определения
Програмният код ще изглежда така 
По този начин 
, променливите се обозначават, както следва: 
 a, b, c 
, Тук 
резултат от изпълнението на програмата 
, а това е 
въведен от потребителя текст 
.  Запазете оригиналното форматиране 
показа нещо подобно 

.

 
Цитат в тага blockquote.
Цитат вътре в цитирания контейнер.Кратък цитат с етикет q.Специално определение.Съкращение (NPO, IP).

Общ пример
За да разберете по-добре за какво отговаря всеки таг и как работи, вижте следния код и резултата от неговото изпълнение.
 
Мазнитекстът може да се превърне в тагове силенИ b.  Отзад курсивотговор емИ аз.
Етикети субИ супизползвани за създаване нисък(х 1…х н) И горен (42=16) индекси. Дел зачерква, инс - подчертава.
Етикети код, kbd, варИ пробасе използват рядко и са необходими за показване на списъци с програми
 съкрнеобходими за посочване на съкращения ( HTML).  Таговете blockquote, cite и q се използват за форматиране на цитати ( Небето вече дишаше есенно)
Предварителният етикет запазва оригиналното форматиране на текста, без да премахва интервали или нови редове.

Браузърът интерпретира този код по следния начин:

Групиране на етикети
Необходимо е текстът да не тече в един непрекъснат ред, а да е разделен на логически компоненти.
Вътре в етикетите има параграф.
 
Първи параграф
Втори параграф


Етикет 

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

ви позволява да начертаете хоризонтална линия.  Можете да го използвате за по-ясно разделяне на текста.  Атрибути ширина, размер, цвят, подравнетеИ noshadeзадайте съответно ширина, дебелина, цвят, подравняване и липса на 3D ефект на линията.
 
Ред над ред. 
Ред под ред.









 „Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate „Velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.“  Параграф 1.10.32 „de Finibus Bonorum et Malorum“, написан от Цицерон през 45 г. сл. Хр.  „Sed ut perspiciatis unde omnis iste natus error sit voluptatem actuantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fu git , седквия consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam , quis nostrum recitationem ulam corporis suscipit laboriosam, nisi ut aliquid ea ea commodi mostatur? quis autem vel eum iure represhenderit qui in ea voluptate velit esse quam nihil molestiae fequatur, vel qui dolorem eum fugiat quo voluptas nulla pariatur?  Английски превод 1914 г., H. Rackham „Но трябва да ви обясня как се е родила цялата тази погрешна идея за заклеймяване на удоволствието и възхвала на болката и ще ви дам пълен разказ за системата и ще обясня действителните учения на великия изследовател на истината, основният строител на човешкото щастие. Никой не отхвърля, не харесва или избягва самото удоволствие, защото то е удоволствие, а защото онези, които не знаят как да преследват удоволствието рационално, се сблъскват с последствия, които са изключително болезнени. Нито пък отново има всеки, който обича, преследва или желае да получи болка от себе си, защото това е болка, но защото понякога се случват обстоятелства, при които маслото и болката могат да му осигурят някакво голямо удоволствие.Да вземем тривиален пример, кой от нас някога предприема трудоемки физически упражнения , освен да получи някаква изгода от това? Но кой има право да търси грешки в човек, който избира да се наслаждава на удоволствие, което няма досадни последствия, или този, който избягва болка, която не причинява никакво удоволствие?"  Параграф 1.10.33 „de Finibus Bonorum et Malorum“, написан от Цицерон през 45 г. сл. Хр. „At vero eos etcusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias exceptionuri sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas acceptnda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveni д t "ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat."  Английски превод 1914 г., H. Rackham „От друга страна, ние заклеймяваме с справедливо възмущение и неприязън хора, които са толкова измамени и деморализирани от очарованието на удоволствието на момента, толкова заслепени от желанието, че не могат да предвидят болката и неприятностите, които са длъжни да последват; и еднаква вина принадлежи на онези, които не изпълняват задълженията си поради слабост на волята, което е същото като да се каже чрез свиване от труд и болка. Тези случаи са съвършено прости и лесни за разграничаване. В свободен час, когато нашата сила на избор е неограничена и когато нищо не ни пречи да можем да правим това, което най-много харесваме, всяко удоволствие трябва да бъде приветствано и всяка болка да се избягва.Но при определени обстоятелства и поради претенциите за задължение или задълженията на бизнеса често ще случва се, че удоволствията трябва да бъдат отхвърлени и раздразненията да бъдат приети. Следователно мъдрият човек винаги се придържа по тези въпроси към този принцип на подбор: той отхвърля удоволствията, за да си осигури други по-големи удоволствия, или пък понася болки, за да избегне по-лоши болки.