Аўтар:
Bobbie Johnson
Дата Стварэння:
7 Красавік 2021
Дата Абнаўлення:
26 Чэрвень 2024
Задаволены
- крокі
- Метад 1 з 2: Стварэнне тлустага тэксту з дапамогай HTML
- Метад 2 з 2: Стварэнне тлустага тэксту з дапамогай CSS
- парады
Мова разметкі HTML дазваляе вылучыць тэкст тоўстым без асаблівых праблем, прычым нават адразу некалькімі спосабамі. Зрэшты, будзе лепш, калі вы выдаткуеце пару хвілін, вывучаючы базавыя правілы каскадных табліц стыляў - CSS, і дадасце іх у дакумент, каб ужо потым працаваць менавіта там. Сутнасць у тым, што куды прасцей кіраваць знешнім выглядам вэб-старонкі з CSS, у тым ліку і тады, калі нешта трэба вылучыць тоўстым.
крокі
Метад 1 з 2: Стварэнне тлустага тэксту з дапамогай HTML
- 1 strong> Выкарыстоўвайце тэг strong / strong>. У HTML5, паводле спецыфікацыі, вылучаць тэкст лепш менавіта так. Амаль заўсёды гэты тэг выдзеліць тэкст тоўстым.
- Змесціце тэкст, які трэба вылучыць, усярэдзіне тэгаў: strong>менавіта тут/ Strong>.
- 2 Выкарыстоўвайце загалоўкі, калі гэта дарэчы. Як правіла, іх размяшчаюць у верхніх частках старонкі або ў пачатку новага падзелу. Па змаўчанні, загалоўкі адлюстроўваюцца буйней і сыцей звычайнага тэксту, хоць і тут не без тонкасцяў. Ёсць шэсць узроўняў загалоўкаў, ад 1 да 6: h1> - h6>. Follow these guidelines when using them:
- Загаловак h1 пішацца так: h1> загаловак першага ўзроўню / h1>, і гэта самы важны, найбуйнейшы загаловак старонкі.
- h2> Загаловак h2 / h2> - для другога па значнасці загалоўка, ну і гэтак далей аж да самага h6> загалоўка h6, самага дробнага з усіх / h6>.
- Выкарыстоўваць загалоўкі трэба акуратна, у меру, адзіна для парадкавання кантэнту старонкі. Карыстальнік павінен мець магчымасць убачыць загаловак як мага хутчэй, каб зразумець, пад ім ці патрэбны яму кантэнт.
- Ствараючы падзагалоўкі, варта апускацца ўсё на ўзровень за раз. Іншымі словамі, не трэба ставіць пасля h1> адразу h3>. Так фарматаванне старонкі пры канвертаванні ў іншы фармат ня саб'ецца.
- 3 b> У крайнім выпадку, выкарыстоўвайце тэг b / b>. Тэг b> усё яшчэ падтрымліваецца ў HTML5, але strong> куды як лепш. Выкарыстоўваць b> можна ў тым выпадку, калі тэкст вылучаецца ў стылістычных, ня семантычных мэтах - напрыклад, для вылучэння ключавых або слоўнікавых слоў, назваў тавараў і гэтак далей.
- Як і большасць тэгаў, b> - парны, кіраўнік змешчаным ўнутр яго тэкстам / b>.
Метад 2 з 2: Стварэнне тлустага тэксту з дапамогай CSS
- 1 Запомніце, калі варта выкарыстоўваць CSS. CSS - вельмі магутны і зручны інструмент рэдагавання вонкавага выгляду старонкі. Уласна, CSS - гэта тое, як старонка «выглядае», тады як HTML - тое, што яна «значыць». Вядома, у тэгах HTML няма нічога дрэннага, імі можна карыстацца, але лепш усё ж працаваць з CSS - вы атрымаеце больш кантролю над тым, як менавіта будзе выглядаць ваш тэкст.
- Адкрыйце простую HTML-старонку ў розных браўзэрах. Заўважылі, што яна адлюстроўваецца злёгку па-рознаму ў кожным? З дапамогай CSS можна звесці гэтую розніцу да мінімуму.
- 2 Дадайце да тэксту тэг span>. Калі вы яшчэ не валодаеце CSS, то пачаць варта з так званага "inline CSS" - «ўбудаваных табліц стыляў», калі заўгодна. Гэтым, вядома, можна карыстацца, каб мяняць выгляд тэгаў накшталт p> або h1>, але часам так можна памяняць і такі тэкст, які яшчэ не узяты ў якія б там ні было тэгі. Тэг span> / span> - гэта як бы абгортка, якая сама па сабе ніякага эфекту або ўплыву не аказвае, але дае нам магчымасць прыўнесці патрэбныя змены на старонку. Вось прыклад:
- span> Я вучуся вылучаць тэкст тоўстым з дапамогай inline CSS./span>
- 3 Дадайце атрыбут style. Атрыбуты ў HTML пішуцца прама ў тэгу, прама ў галачкі>. Атрыбут style неабходны для ўстаўкі CSS-кода ў HTML-тэг, так што ўстаўце style = ў тэг span:
- span style => Я вучуся вылучаць тэкст тоўстым з дапамогай inline CSS ../ span>
- Навошта дадаваць атрыбут style, калі не дадаваць сам стыль? Намышляйце дакладна. Але мы тут выкладаем ўсе пакрокава!
- 4 Дадайце ўласцівасць font-weight. Ўласцівасці CSS дадаюцца як частка атрыбуту, у нашым выпадку - як частка атрыбуту style, а менавіта «font-weight» (тлустасць шрыфта, калі літаральна). Гэта ўласцівасць можа быць выкарыстана для задання напісання шрыфта, прычым не толькі тлустага, але і экстра-тлустага, тонкага або нармальнага. Пасля знака = напішыце "Font-weight:". Павінна атрымацца прыкладна так:
- span style = "font-weight:"> Я вучуся вылучаць тэкст тоўстым з дапамогай inline CSS ../ span>
- Пакуль зрабіце паўзу, нічога больш не пішыце (і так, яшчэ не ўсе).
- Не забудзьцеся паставіць двукоссі да і пасля font-weight:.
- 5 Дадайце значэнне bold. Што засталося? Правільна, задаць ўласцівасці атрыбуту значэнне! Куды яго ўставіць? Правільна, паміж font-weight: і закрывае двукоссі. У гэтага ўласцівасці ёсць некалькі разнавіднасцяў, якія адрозніваюцца тлустасцю напісання, і прасцей за ўсё будзе скарыстацца значэннем bold:
- span style = "font-weight: bold"> Я вучуся вылучаць тэкст тоўстым з дапамогай inline CSS./span>
- 6 Паэксперыментуйце з іншымі значэннямі. CSS дае куды больш магчымасцяў, чым HTML, так што не думайце, быццам вы звязаны па руках і нагах. Вось некалькі альтэрнатыў значэнні "bold":
- span style = "font-weight: bolder"> "Bolder" - так тэкст заўсёды будзе сыцей бацькоўскага элемента, калі б тлустым той ні быў сам па сабе. / span> Калі ўвесь параграф выдзелены з дапамогай "bold," то "bolder" дапаможа вылучыць яшчэ сыцей, скажам, асобны сказ, што знаходзiцца ў ёй.
- span style = "font-weight: normal"> "Normal" - такі тэкст будзе выглядаць як звычайна, нават калі знаходзіцца ўнутры тэга, які вылучаецца тэкст тоўстым. / span>
- span style = "font-weight: 900"> Для задання тлустасці тэксту можна выкарыстоўваць значэнні ад 100 да 900. 400 - звычайная напісанне, тоўстае - ад 700 і вышэй. / span>
парады
- Выкарыстоўваючы ў CSS для задання тлустасці лічбавыя значэння, выкарыстоўвайце тыя, што кратныя 100. Усе іншыя значэння ўсё роўна будуць акругляцца ў большы бок.
- Знешні CSS-файл, што і казаць, куды зручней таго, пра што распавядаецца ў гэтым артыкуле - так можна будзе з аднаго файла кіраваць знешнім выглядам ўсіх старонак сайта адразу!
- Нельга зрабіць шрыфт сыцей, чым закладзена ў яго першапачаткова друкарня. Працуючы з CSS, памятайце - шрыфт будзе мяняцца згодна стандарту. Адпаведна, розніцы паміж двума тлустымі варыянтамі шрыфтоў вы не ўбачыце (дакладней, можаце і ўбачыць - але гэта ўжо залежыць ад шрыфта).