В HTML удебеленият текст може да бъде направен по няколко начина. Те включват:

  • Етикет b;
  • Етикет силен;
  • CSS свойство тегло на шрифта.

Нека поговорим за всяка от опциите за избор на текст по ред.

Удебелен текст: таг

Етикет b HTML се прилага по следния начин:

Създател на сайтове "Nubex"

За етикет трябва да има затварянеи общи атрибути (като напр клас, идентификатор, заглавиеи т.н.)

Въпреки че валидността на етикета bи не е остарял от спецификацията на HTML, по-подходящ за използване е етикетът силенда видим защо.

Удебелен текст: таг

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

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

Използван етикет силенсъщия начин:

Създател на сайтове "Nubex"

Може да забележите, че външното прилагане на тагове и изобщо не се различава (защото всички модерни браузъриги тълкуват почти еднакво), но семантичните разлики в кода за търсачки, въпреки това, има къде да бъде. Затова повечето SEO препоръчват използването на етикета силен.

Удебелен текст с CSS

Вече отбелязахме важността на етикета силенпри промоция при търсене, но какво да направите, ако трябва да направите голямо количество текст удебелен (но текстът не трябва да бъде маркиран като важен за търсачките) или трябва да контролирате степента на "удебеляване" на шрифта? В такива случаи се използва свойството CSS тегло на шрифта. Прилага се както следва:

Удебелен текст с <a href="https://bar812.ru/bg/proverka-css-na-validnost-s-pomoshchyu-css-validation-service-ispravlenie-html.html">използвайки CSS</a>- "Нубекс"

Нашите сайтове наистина са огромна стъпкав уеб разработката.

Ние го правим наистина качествосайтове.

Доверете ни се и ние ще го направим ние няма да ви подведем.

Стойности по-смели запалкаможете да зададете степента на удебеляване повече (или по-малко) от родителя. Числовата стойност (100-900) може да се използва за задаване на степента на тлъстина.

Продължаваме да работим с шрифтове и в този урок ще разгледаме как са зададени свойствата, за да придадат на шрифта получер или курсив. Досега обмисляхме как създайте получер или курсив шрифткато се използва HTMLетикети. Но както вече знаем HTMLне трябва да се използва за проектиране на документ, той е предназначен само за създаване на маркиране, структура на страница, така че трябва да стилизирате всичко чрез стилов лист css. А сега нека да разгледаме как се задават такива свойства.

Наклонен CSS шрифт

Свойството помага за форматиране на текста в курсив. стил на шрифта: ; , на който е присвоена стойността курсив , което означава „Стилът на шрифта е курсив“.

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

HTML

HTML страница

Четвърти параграф Четвърти параграф Четвърти параграф

Задайте свойство за курсив.

Ако сте създали такива параграфи и сте задали свойство за тях, тогава текстът на втория параграф става курсив. Зададохме свойството за целия параграф, но сега нека го направим по-трудно и зададем курсив само за две думи в четвъртия параграф. Как да стане това? AT HTMLВ урока анализирахме тага на логическото ниво . Този таг се използва само за такива ситуации, когато за някаква част от елемента трябва да зададете някакъв клас. И така, ние вграждаме етикета в четвъртия параграф и му присвояваме клас клас="курсив"> . В резултат на това получаваме следния запис:

HTML

Първи параграф Първи параграф Първи параграф Първи параграф

Втори параграф Втори параграф Втори параграф Втори параграф

Трети параграф Трети параграф Трети параграф Трети параграф

Четвърти параграф Четвърти параграф Четвърти параграф

Пети параграф Пети параграф Пети параграф Пети параграф


Курсив (стил на шрифта: курсив; )

Вторият абзац и част от четвъртия параграф вече се показват в курсив. AT демонстрациятова е ясно показано.

Удебелен CSS

За да зададете получер шрифт, се използва друго свойство, наречено тегло на шрифта: ; с други думи, нарича се още наситеност на шрифта. Наситеността първоначално е зададена на нормално тоест наситеността на шрифта е нормална и като зададете стойността удебелен ще стане смело.

Получер (тегло на шрифта: получер; )

Можете също да зададете стойността на насищане с числа от 100 преди 900 стъпка по стъпка 100 . Значение нормално се равнява на число 400 , и стойността удебелен фигура 700 . Значение 900 не се поддържа от всички шрифтове, така че като зададете тази стойност, може да не забележите разликата от стойността 700 . Това състояние изглежда така:

Получер (тегло на шрифта: 700 ; )

AT htmlкод, те правят абсолютно същото: ако трябва да изберете целия абзац, ние му даваме нов клас, ако е част от текста, тогава използваме маркера клас="курсив"> . Помислете за малък пример:

HTML

HTML страница

Първи параграф Първи параграф Първи параграф Първи параграф

Втори параграф Втори параграф Втори параграф Втори параграф

Трети параграф Трети параграф Трети параграф Трети параграф

Четвърто четвърти параграф четвъртипараграф

Пети параграф Пети параграф Пети параграф Пети параграф

Получер (тегло на шрифта: получер; )

В резултат на това подчертахме с получер текст част от четвъртия абзац, където е едновременно с курсив, и целия пети абзац. Ето още два свойства, които проучихме. Те се използват доста често, така че си струва да запомните, че:

  • Курсивът е зададен: стил на шрифта: курсив; .
  • Удебелен шрифт е зададен: тегло на шрифта: удебелен; .
  • За да върнете шрифта към нормална наситеност, задайте стойността: тегло на шрифта: нормално; или стойност тегло на шрифта: 400 ; , което в случая означава същото.

Тук разгледахме още две свойства на шрифтовете. Вижте в Демонстрациякакво трябваше да се случи с вас в крайна сметка и преминаваме към изучаване на следните свойства.

Един от най-лесните начини да маркирате дума или фраза в текст е да използвате различни букви. Така че можете да подчертаете дума или фраза, използвайки получер. Страницата ви позволява лесно да подчертавате думи, като използвате различен стил - курсив, подчертано, получер.

Удебелен шрифт като начин да подчертаете основното

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

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

Други опции за избор

И така, открихме, че е възможно да маркирате текст с различен стил. Решихме, че най-простото и в същото време ефективно използване на получер HTML. Сега нека поговорим за други опции за избор.

Например, можете да наклоните текст с помощта на тага за двойка , подчертайте го с . Това е най прости начиниподчертаване на текст.

Има и по-малко известни и използвани тагове, които могат да се използват за подчертаване на думи и изречения в текст. Така че, за да зачеркнете текста, е достатъчно да използвате . Тагът за двойка ще ви помогне да направите текста монопространствен . Ако трябва да създадете горен индекс, използвайте , нисък - .

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

Използване на множество шрифтове

Ако искате да направите текста по-изразителен, можете да използвате нещо повече от получер. HTML маркирането ви позволява да маркирате дума, като използвате няколко стила едновременно. Например, можете да направите една дума удебелена, зачертана и курсив едновременно.

В същото време трябва да запомните едно нещо - всички тагове трябва да бъдат затворени последователно. Например правилният запис може да бъде:

  • избрания текст.

Ако затворите етикетите в различен ред, тогава текстът ще бъде маркиран неправилно. Пример за грешно въвеждане:

  • избрания текст.

В този случай браузърът ще се обърка и няма да разбере какво точно искате от него.

Между другото, тук може да се отбележи, че три опции за стил - получер, подчертан и курсив - се запомнят доста лесно, ако притежавате горещи клавиши в Word. Там стилът се задава с помощта на същите букви-клавиши, докато държите натиснат Ctrl.

Както можете да видите, можете да използвате не само курсив или получер шрифт. HTML маркирането прави маркирането на думи толкова лесно, колкото бихте направили в обикновен Word.

заключения

За подчертаване на текст широко се използват не само различни цветове и нюанси, различни размери и видове шрифтове, но и неговият стил. Освен това с помощта на различен контур можете красиво и лесно да изберете един или друг фрагмент от текст.

За да промените стила на шрифта, трябва да използвате всеки таг, който познавате. Удебеленият шрифт на HTML страница е най-яркият и най-видимият и следователно е най-често използваният за подчертаване.

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

Удебелен шрифт със силен етикет

Това пътят е добърако искате да удебелите важна част от текста. HTML тагът е логичен таг за форматиране и неговата същност е да "подчертае" важността на избрания фрагмент.

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

Други видове избор на текст са описани в статията:.

обикновен текст подчертана важна част от текста. Обикновен текст.

Удебелен текст с b таг

обикновен текст удебелен текст. Обикновен текст.

Удебелени CSS стилове

Удебелен текст може да се направи не само с помощта на специални HTML тагове. Можете да го направите получер на всеки етикет, като зададете свойството font-weight: bold; (не работи за всички шрифтове).

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

Освен това можете да изберете както конкретен таг, така и група от елементи наведнъж, като зададете стилове чрез CSS клас.

CSS свойството в атрибута style:

Текст с удебелен шрифт.

Текст с удебелен шрифт.

Текст с нормален шрифт.

Текст с удебелен шрифт.

Какво да направите, ако не можете да направите текста удебелен

Ако не можете да направите текста удебелен, вероятно вашият сайт е заменил стиловете на CSS елементи. В този случай ще трябва да коригирате тези стилове. В повечето случаи това може да стане чрез файла на основната таблица css стилове. Ако не разбирате това, свържете се с уеб администратора. С голяма степен на вероятност ще са необходими не повече от 5 минути работа, за да се реши този проблем (въпреки че, разбира се, може да има изключения).