Как да направите текста удебелен с HTML

Съдържание

Стъпки
Метод 1 от 2: Създайте удебелен текст с HTML
Метод 2 от 2: Създайте удебелен текст с CSS
Съвети

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

Стъпки

Метод 1 от 2: Създайте удебелен текст с HTML

1 strong> Използвайте tag / strong> tag. В HTML5, според спецификациите, това е най -добрият начин за подчертаване на текст. Този маркер почти винаги ще прави текста удебелен.
- Поставете текста, който искате да подчертаете, в маркерите: strong>точно тук/ силен>.
2 Използвайте заглавия, когато е подходящо. Обикновено те се поставят в горната част на страницата или в началото на нов раздел. По подразбиране заглавията се показват по -големи и по -смели от нормалния текст, въпреки че и тук има някои тънкости. Има шест нива на заглавия, от 1 до 6: h1> - h6>. Следвайте тези указания, когато ги използвате:
- Заглавието h1 е написано така: h1> заглавие от първо ниво / h1> и това е най -важното, най -голямото заглавие на страницата.
- h2> Заглавие h2 / h2> - за второто най -важно заглавие и така нататък до самата h6> заглавие h6, най -малката от всички / h6>.
- Трябва да използвате заглавията внимателно, умерено, единствено за организиране на съдържанието на страницата. Потребителят трябва да може да види заглавието възможно най -бързо, за да разбере дали желаното съдържание е отдолу.
- Когато създавате подзаглавия, си струва да слизате само едно ниво наведнъж. С други думи, няма нужда да поставяте след h1> веднага h3>. По този начин форматирането на страницата няма да се провали при преобразуване в друг формат.
3 b> В краен случай използвайте етикета b / b>. Етикетът b> все още се поддържа в HTML5, но много по -добре. Можете да използвате b>, когато текстът е подчертан за стилистични, несемантични цели - например за подчертаване на ключови думи или думи от речника, имена на продукти и т.н.
- Подобно на повечето тагове, b> е двойка, която контролира / b> текста, който е поставен вътре в него.

Метод 2 от 2: Създайте удебелен текст с CSS

1 Не забравяйте кога да използвате CSS. CSS е много мощен и удобен инструмент за редактиране на външния вид на страница. Всъщност CSS е как страницата "изглежда", докато HTML е това, което "означава". Разбира се, няма нищо лошо в HTML таговете, те могат да се използват, но е по -добре да работите с CSS - имате по -голям контрол върху това как ще изглежда текстът ви.
- Отворете проста HTML страница в различни браузъри. Забележете как изглежда малко по -различно във всеки от тях? CSS може да помогне да се намали тази разлика до минимум.
2 Добавете span> tag към текста. Ако все още не притежавате CSS, трябва да започнете с така наречения „inline CSS“ - „inline style sheet“, ако желаете. Това, разбира се, може да се използва за промяна на външния вид на тагове като p> или h1>, но понякога можете да промените и текст, който все още не е включен в никакви тагове. Етикетът span> / span> е като обвивка, която сама по себе си няма ефект или ефект, но ни дава възможност да направим необходимите промени в страницата. Ето пример:
- span> Уча се как да направя текст удебелен с вграден CSS ./span>
3 Добавете атрибута на стила. Атрибутите в HTML се записват директно в маркера, точно в квадратчетата за отметка>. Атрибутът style е необходим за вмъкване на CSS в HTML маркер, така че вмъкнете стил = в маркера span:
- span style => Уча се как да направя текст удебелен с вграден CSS ../ span>
- Защо да добавяте атрибут на стил, ако не добавите самия стил? Мисли правилно. Но тук излагаме всичко стъпка по стъпка!
4 Добавете свойството font-weight. CSS свойствата се добавят като част от атрибута, в този случай като част от атрибута style, а именно "font-weight" (буквално тегло). Това свойство може да се използва за задаване на стила на шрифта, не само удебелен, но и изключително удебелен, тънък или нормален. След знака = пишете "font-weight:"... Трябва да изглежда така:
- span style = "font-weight:"> Уча се как да направя текста удебелен с помощта на вграден CSS ../ span>
- Пауза засега, не пишете нищо друго (и да, предстои още).
- Не забравяйте да поставите кавички преди и след това тегло на шрифта:.
5 Добавете удебелена стойност. Какво е останало? Точно така, задайте свойството на атрибута на стойност! Къде да го вмъкна? Точно така, между тегло на шрифта: и заключителен цитат. Това свойство има няколко разновидности, различаващи се по смелост и най -лесният начин е да използвате стойността удебелен:
- span style = "font-weight: bold"> Уча се как да направя текст удебелен с помощта на вграден CSS./span>
6 Експериментирайте с други стойности. CSS е много по -мощен от HTML, така че не се чувствайте като вързани за ръце и крака. Ето няколко алтернативи на удебелен:
- span style = "font -weight: bolder"> "Bolder" - по този начин текстът винаги ще бъде по -дебел от родителския елемент, без значение колко смел е. / span> Ако целият абзац е избран с "bold", тогава "по -смел" ще помогне да се подчертае още по -смело, да речем, отделно изречение, което е в него.
- span style = "font -weight: normal"> "Нормално" - такъв текст ще изглежда както обикновено, дори когато е в таг, който прави текста удебелен. / span>
- span style = "font -weight: 900"> За да зададете теглото на текста, можете да използвате стойности от 100 до 900. 400 - обикновен стил, удебелен - от 700 и повече. / span>

Съвети

Когато използвате числови стойности за тегло в CSS, използвайте кратни на 100. Всички останали стойности все още ще бъдат закръглени нагоре.
Външен CSS файл, разбира се, е много по -удобен от описания в тази статия - по този начин ще бъде възможно да се контролира външния вид на всички страници на сайта от един файл наведнъж!
Не можете да направите по -дебел шрифт от първоначално предвиденото от типографистите. Когато работите с CSS, не забравяйте, че шрифтът ще се промени според стандарта. Съответно няма да видите разликата между двете опции с удебелен шрифт (по -точно, можете да го видите - но това вече зависи от шрифта).