Чырвоная радок.Афармляем водступ у HTML

Дата:

2018-06-18 18:20:14

Прагляды:

526

Рэйтынг:

1Любіць 0Непрыязнасць

Доля:

Table of contents:

Пры афармленні тых ці іншых тэкстаў ці нават табліц вэб-майстрам прыходзіцца сутыкацца з такой праблемай, як афармленне чырвоных радкоў, і абзацы ў тэксце. Здавалася б, усё даволі проста - скапіяваць тэкст у патрэбнае поле, і водступы будуць аформленыя аўтаматычна. Але, на жаль, не ўсё так проста. Таму давайце разбярэмся, як правільна адфарматаваць тэкст, каб ён глядзеўся прыгожа і эфектна, і даведаемся, як можна аформіць водступ у HTML.

Спосаб першы

водступ ў html

Пачнем з найбольш простага, але ў той жа час працаёмкага афармлення водступаў. Для вырашэння дадзенай праблемы выкарыстоўваем код прабелу -  . Выкарыстаўшы яго ў пачатку абзаца некалькі разоў, вы атрымаеце патрэбны вам водступ.

Перавагі дадзенага спосабу ў тым, што гэты код чытаецца любым браўзэрам. Недахоп адзін - прыйдзецца доўга і нудна ўстаўляць прабелы ў абраны вамі тэкст. Такі спосаб падыходзіць тым, хто толькі пачынае сваё знаёмства з HTML. Водступы ў табліцы таксама можна зрабіць такім спосабам.

Спосаб другі

html водступы ў табліцы

Другі спосаб - аформіць водступ з дапамогай парнага тэга <blockquote. Для гэтага трэба заключыць тэкст, які вам трэба адфарматаваць, паміж якія адкрываюць і зачыняюць тэгам.

Лягчэй, чым у першым выпадку. Але вось бяда, дадзены тэг робіць водступ толькі на 40 пікселяў, акрамя таго, пры яго выкарыстанні водступ задаецца не толькі злева, але і справа, зверху і нават знізу. Для тэксту не заўсёды прыгожа, для табліцы такі спосаб зрабіць водступ ў HTML будзе нашмат больш эфектыўна.

Калі хочаце прыгожа вылучыць блок інфармацыі - дадзены тэг падыдзе, калі ж няма - раім скарыстацца першым спосабам ці ж паглядзець тыя, што засталіся два.

трэці Спосаб

Падстаўляем слова, літары якога маюць аднолькавы колер з фонам, гэта значыць, у пачатку кожнага абзаца устаўляемы слова-нябачнік. Такім чынам лёгка зрабіць водступ. HTML дазваляе напісаць адзін раз спецыяльны код і ўстаўляць яго ў пачатку кожнага абзаца.

Больш:

Lenovo v580c: падрабязны агляд

Lenovo v580c: падрабязны агляд

Сёння мы вырашылі напісаць пра ноўтбуку Lenovo v580c. Агляд будзе падрабязным, так як гэты партатыўны ПК серыі IdeaPad мае высокую папулярнасць, але не многія ведаюць, чым жа прыцягвае гэта прылада пакупнікоў. Мадэль з'яўляецца хуткай і змяшчае ў саб...

Брандмаўэр - што гэта? Стандартны абаронца ПК

Брандмаўэр - што гэта? Стандартны абаронца ПК

Брандмаўэр – што гэта такое? Карысная функцыя ў аперацыйнай сістэме або малаэфектыўныя сродак абароны? Перш чым адказаць на гэтае пытанне, нам трэба высветліць, што робіць кампутар і як правільна яго наладзіць.Агульныя звесткіДля паспяховай пра...

"Аблівіян": праходжанне гульні. Кіраўніцтва і парады па праходжанні гульні "Аблівіян"

The Elder Scrolls IV: Oblivion — ролевая гульня ад кампаніі Bethesda Games Studios. Адразу ж пасля рэлізу у 2006 годзе яна стала вельмі папулярнай. Сюжэт заснаваны на супрацьстаянні галоўнага героя і культу Прынца Разбурэння, які плануе адкрыць...

Так, нядрэннае рашэнне, але што, калі ваш сайт мае фонавы малюнак ці карцінку? Такі спосаб тут не падыдзе. Ды і да таго ж пры выдзяленні дадзенае слова будзе відаць. А яшчэ ўспомнім аб тым, што гэты код будзе даступны ўсім карыстальнікам Інтэрнэту. У такім выпадку, прагледзеўшы зыходны код вашай старонкі, карыстальнікі могуць застацца ў здзіўленні. Таму ўсё ж раім выкарыстоўваць спецыяльныя тэгі для афармлення водступаў. Таксама адзначым, што такі варыянт афармлення не зусім падыдзе для табліц, хоць і можа быць выкарыстаны для фарматавання тэксту.

Спосаб чацвёрты

зрабіць водступ html

І, нарэшце, апошні спосабаў зрабіць водступ тэксту. У HTML гэта можна ажыццявіць з дапамогай двух простых тэгаў. І найбольш просты спосаб зрабіць абзац - выкарыстоўваць звязак з двух тэгаў - < br > < dd >.

Першы тэг пераносіць тэкст на новую радок, фармуючы абзац. Другі ж служыць табулятором, то ёсць выстаўляе чырвоную радок. Як бачыце, усё даволі проста і зразумела. Да таго ж такая запіс будзе зразумелая большасці карыстальнікаў, зазірнуў на ваш сайт і зацікаўленых яго кодам.

Выкарыстоўваць дадзенае спалучэнне лёгка, хоць і яго прыйдзецца ўстаўляць у пачатак кожнага абзаца ўручную. Але што парабіць, далёка не ўсе рэдактары валодаюць здольнасцю прыгожа і правільна афармляць тэкст.

Патрэбен ці тэг абзаца?

Напрыканцы пагаворым трохі аб тэгу < p >. Звычайна ён ужываецца для таго, каб вызначыць у тэксце пачатак новага абзаца. Праўда, пры выкарыстанні дадзенага тэга не захоўваецца чырвоная радок у абзацы, але затое з'яўляецца водступ паміж абзацамі.

У большасці еўрапейскіх краін дадзенае афармленне з'яўляецца агульнапрынятым, але задавальняе ці яно нас? Усе мы прывыклі да наяўнасці чырвоных радкоў і даволі часта задаемся пытаннем аб тым, як аформіць водступ у HTML, да таго ж не заўсёды зручна чытаць тэкст, адфарматаваны такім чынам.

 водступ тэксту ў html

Калі вы хочаце зрабіць тэкст больш звыклым і лёгкім для ўспрымання, раім адмовіцца ад тэга < p >, і замяніць яго на звязак < br > < dd >. Паверце, гэта будзе нашмат прыгажэй і хупавей, чым наяўнасць пустых радкоў паміж абзацамі. Ды і так вы зможаце зэканоміць месца на экране.

Высновы

такім чынам, мы з вамі навучыліся афармляць водступы. Як аказалася, гэта не так складана. Галоўнае – ведаць некалькі карысных тэгаў і кодаў, а таксама мець запас цярпення і вольны час для таго, каб расставіць іх.

Зрабіць водступ у HTML можна некалькімі спосабамі. Мы з вамі разабралі кожны з іх, выдзелілі іх перавагі і недахопы. Таксама пагаварылі аб тым, што тэг < p > далёка не заўсёды так карысны, як нам бы хацелася.


Article in other languages:

AR: https://www.tostpost.com/ar/computers/245-html.html

DE: https://www.tostpost.com/de/computer/408-die-rote-zeile-wir-machen-den-einzug-in-html.html

En: https://www.tostpost.com/computers/18364-the-red-string-prepare-indent-in-html.html

ES: https://www.tostpost.com/es/los-ordenadores/413-rojo-de-la-cadena-formalizamos-la-sangr-a-en-el-html.html

HI: https://www.tostpost.com/hi/computers/245-html.html

JA: https://www.tostpost.com/ja/computers/244-html.html

KK: https://www.tostpost.com/kk/komp-yuterler/411-yzyl-zhol-oformlyaem-sheg-n-s-html.html

PL: https://www.tostpost.com/pl/komputery/414-czerwona-linia-sporz-dzamy-wci-cie-w-html.html

PT: https://www.tostpost.com/pt/computadores/411-linha-vermelha-legalizar-o-recuo-em-html.html

TR: https://www.tostpost.com/tr/bilgisayarlar/417-k-rm-z-dize-oformlyaem-girinti-html.html

UK: https://www.tostpost.com/uk/komp-yuteri/413-chervona-ryadok-oformlya-mo-v-dstup-v-html.html

ZH: https://www.tostpost.com/zh/computers/291-html.html






Alin Trodden - аўтар артыкула, рэдактар
"Прывітанне, Я Алін Тродден. Я пішу тэксты, чытаю кнігі і шукаю ўражанні. І я нядрэнна ўмею распавядаць вам пра гэта. Я заўсёды рады ўдзельнічаць у цікавых праектах."

Заўвага (0)

Гэтая артыкул не мае каментароў, будзьце першым!

Дадаць каментар

Навіны

Попел Аларых: дзе ўзяць, як выбіць?

Попел Аларых: дзе ўзяць, як выбіць?

World of Warcraft – гэта самая папулярная за апошнія дзесяць гадоў шматкарыстальніцкая ролевая гульня ў свеце. Яна сабрала мільёны прыхільнікаў, якія з велізарным задавальненнем пракачваюць сваіх герояў, адпраўляюцца ў рэйды...

Як гуляць у

Як гуляць у "Праўду або дзеянне": правілы гульні

Гульня пад назвай "Праўда ці дзеянне" мае мноства прыхільнікаў. У яе гуляюць як самыя маленькія дзеці, так і дарослыя. Яна мае мноства варыяцый і версій, а правілы будуць зразумелыя любому ўдзельніку.Названая гульня добрая тым, шт...

Праграмы для скрыншотаў экрана. Апісанне і магчымасці

Праграмы для скрыншотаў экрана. Апісанне і магчымасці

Праграм для скрыншотаў з экрана кампутара ці ноўтбука існуе вялікая колькасць, аднак не ўсе з іх зручныя ў выкарыстанні, ды і да таго ж сустракаюцца і платныя версіі, у якіх бедны і абмежаваны функцыянал. У сённяшняй артыкуле хаце...

Як зрабіць скрыншот экрана

Як зрабіць скрыншот экрана

У паўсядзённым жыцці вялікае месца займае не столькі жывое зносіны, колькі абмен інфармацыяй па Інтэрнэту, і тады ўзнікае патрэба ў перадачы, напрыклад, эпізоду з гульні, тэксту або яго фрагмента. Гэта можа быць ілюстрацыя для кар...

Якім чынам адбываецца кадаванне графічнай інфармацыі ў камп'ютэры?

Якім чынам адбываецца кадаванне графічнай інфармацыі ў камп'ютэры?

У сярэдзіне мінулага стагоддзя, у сувязі з патрэбай навочнага прадстаўлення дадзеных, пачатак зараджацца кадаванне графічнай інфармацыі. На сённяшні дзень мы ўжо не можам прадставіць сабе паўнавартаснага кампутара без вялікага гля...

Як зрабіць фон белым у Фоташопе: інструкцыя для пачаткоўцаў

Як зрабіць фон белым у Фоташопе: інструкцыя для пачаткоўцаў

Сёння вы даведаецеся, як зрабіць фон белым у Фоташопе. Гэта можа спатрэбіцца, калі ў вас маецца выдатная фатаграфія з вашым малюнкам, але на ёй прысутнічае непажаданы фон. Вядома, можна выкарыстоўваць не толькі белы колер, але і л...