Как да създадете смел текст с HTML

Автор: John Pratt
Дата На Създаване: 13 Lang L: none (month-010) 2021
Дата На Актуализиране: 9 Може 2024
Anonim
Старт в профессии верстальщика с HTML Academy
Видео: Старт в профессии верстальщика с HTML Academy

Съдържание

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

стъпки

Метод 1 от 2: Създаване на смел текст с HTML

  1. Използвайте маркера „силен“. В HTML5 предпочитаният стандарт, "силен" маркер, се препоръчва за важни текстове. Почти винаги се показва като удебелен текст в браузърите.
    • Въведете желания текст удебелено между тези маркери: удебелен текст тук.

  2. Използвайте заглавни маркери, когато е подходящо. Те се поставят в горната част на уебсайт или в началото на нов раздел. Заглавията обикновено се показват в по-големи, удебелени шрифтове, но това може да варира. Има шест различни тагове за заглавия,

    Най-

    , Следвайте тези инструкции, когато ги използвате.
    • Маркерът h1, написан като

      Вашето заглавие тук

      е най-важното заглавие, обикновено най-дългият текст в началото на страницата.
    • Маркерът h2

      е за второто най-важно заглавие и т. н. дори тагът
      h6, най-ниската
      .
    • Използвайте ги пестеливо, само за да организирате страницата си. Потребителите трябва да могат бързо да превъртат заглавията и да намерят това, което търсят.
    • Когато създавате субтитри, намалете едно ниво наведнъж. С други думи, не скачайте от

      за

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


  3. Използвайте маркера 'b' в краен случай., Етикетът все още се поддържа в HTML5, но той е най-предпочитан в повечето случаи. Използвайте маркера само когато смелият текст се използва по стилови причини, а не за подчертаване. Примерите включват ключови думи или речник в текст или имена на продукти за анализ.
    • Както повечето маркери, въведете текст между началото и края на маркер.

Метод 2 от 2: Създаване на смел текст с вграден CSS


  1. Разберете кога да използвате CSS, което е по-мощен и последователен начин за промяна на стила на вашия уебсайт. Този език е идеален за определяне на външния вид на вашия уебсайт, докато HTML определя какво означава вашият уебсайт. Добре е да използвате HTML, за да наблегнете на важен текст, но CSS ще ви даде повече контрол върху визуалния аспект на вашия смел текст.
    • Опитайте се да отворите една и съща HTML страница в различни браузъри и може да забележите някои разлики в дисплея. CSS „казва“ на браузъра точно как да покаже текста, променен с маркер, за да минимизира вариациите.
  2. Добавете маркер към вашия текст. Ако все още не знаете нищо за CSS, използването на „CSS inline“ е добър начин да започнете. Въпреки че можете да промените маркери като

    или

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

  3. Добавете атрибута на стил. HTML атрибутите се записват директно в маркера, в <> скоби. Функцията стил е необходима, за да вмъкнете CSS вътре в HTML маркера, така че ние ще вмъкнем стил = в маркера span:
    • Научих се да правя този текст удебелен с вграден CSS.
    • Няма причина да добавите атрибута на стил, без да посочвате нищо. Ние само научаваме едно по едно.
  4. Добавете свойството „font-weight“. CSS свойствата се добавят като атрибути на стил. В нашия случай ще използваме споменатото свойство, което определя дебелината на шрифта. Може да се използва за показване на удебелен, по-тънък текст или дори нормална дебелина. Добави "Шрифт тегло:" след знака =, както е показано по-долу:
    • Научих се да правя този текст удебелен с вграден CSS.
    • Отново все още не сме приключили.
    • Не забравяйте цитатите преди и след шрифт тегло:.
  5. Добавете смелата стойност. Единственото, което трябва да направим, е да установим стойност между шрифт тегло: и последните цитати. Има някои опции, които могат да се използват, но стойността смел е най-лесният за използване:
    • Научих се да правя този текст удебелен с вграден CSS.
  6. Експериментирайте с други стойности. CSS ви предоставя много опции освен HTML, така че не се ограничавайте. Ето няколко алтернативи на стойността „удебелен“:
    • Текстът "По-смел" ще бъде по-изложен от този, подобен на него. Например, ако направите цял абзац с „удебелен“ и след това използвате „по-смело“ в отделно изречение в рамките на абзаца, той ще изпъкне.
    • Опцията „Нормално“ ще запази текста без удебелен шрифт, дори ако е между маркер, който го прави смел.
    • Можете да използвате числова стойност, варираща от 100 до 900, за да зададете дебелина. 400 е нормално, докато смелият текст използва 700.

Съвети

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

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

Направете голям кръг, сочещ към страната, която гледа героят. Направете още един, по-малък кръг в долния ъгъл. Добавете две точки на яркост, като направите по-голяма отгоре и по-малка отдолу. Можете д...

Популярни По Портала