Мазмун

• Кадамдар
• Кеңеш
• Эскертүү

Адатта боштуктарды, табулатура баскычтарын жана киргизүү баскычтарын колдонуу менен түзүлгөн көптөгөн боштуктардын бардыгы веб программалоо тилдеринде эске алынбайт. HTML алардын бардыгын сөздүн ортосундагы кадимки боштук катары аныктайт жана бир гана боштукту көрсөтөт. CSS колдонуучуларга боштукка жана тегиздөөгө көбүрөөк гранулдуулукту орнотууга мүмкүнчүлүк берсе, HTMLде сиздин аралыкты настройкалоочу айрым куралдары жок.

Кадамдар

2-ыкманын 1-ыкмасы: боштуктарды жана жалгыз өтмөктөрдү кыстарыңыз

1. 

   Кыстаруучу боштуктар сынган жок. Адатта, HTML боштук тилкесин канча жолу басканыңызга карабастан, сөздөрдүн ортосунда бир гана боштукту көрсөтөт. Бир нече чектеш аралыкты көрсөтүү үчүн, же деп жазыңыз. Бул код "үзгүлтүксүз мейкиндик" деп аталган өзгөчө белгини жаратат жана ал ар дайым көрсөтүлүп турат.
   • Жогорудагы белги "бузулгус мейкиндик" деп аталат, анткени ал сызыктардын үзгүлтүккө учурашына жол бербейт. Эгер сиз бул белгини ашып кетсеңиз, анда браузер сап үзүндүлөрүн иреттүү жана вертикалдуу түрдө киргизе албай калат.

2. 

   
   
   Ар кандай кеңдиктеги боштуктарды кыстарыңыз. Браузерден бош орун көрсөтүшүн талап кылган айрым башка белгилер бар. Бул боштуктардын ар кандай браузерлерде чагылдырылышы бир аз башкачараак, бирок төмөнкү коддордон айырмаланып, сап үзүлүшүнө таасирин тийгизбейт:
   • - принтердин "N" мейкиндигине ылайык (өлчөө бирдиги), "en" мейкиндиги кадимки мейкиндиктен эки эсе кең.
   • - "em" мейкиндиги, болжол менен төрт мейкиндикке барабар.

3. 

   
   
   Көпчүлүк бузулбай турган мейкиндик менен өтмөктү окшоштурат. Абзацтарды чегиндирүү үчүн, бузулбас боштуктарды катары менен киргизсе болот:. Бул HTMLди гана колдонгондо гана чечим болот, бирок CSSди колдонсоңуз (төмөнкү кадамда өзүнчө сүрөттөлөт), ал кыска болот.
   • Эгерде тексттин татаал презентациясы бар болсо, анда алдын-ала тэгди колдонуңуз.

4. 

   
   
   Параграфтарды CSS менен тегиздөө. CSS "margin" жана "padding" касиеттери түздөн-түз браузерге көрсөтмөлөрдү берет, андыктан көрсөтүлгөн натыйжалар бир кыйла шайкеш келет. Сиз CSS жөнүндө эч нерсе билбесеңиз жана сиздин баракчада стилдик баракча болбосо, бул ыкманы ишке ашыруу кыйын эмес. Бул жерде бүтүндөй абзацты оң жакка жылдыруунун мисалы келтирилген:
   • Бөлүмдө HTML документинин төмөнкү кодун киргизиңиз:
     
     мында: "p.indent" тексттин атрибутун аныктайт (p tag) "indent" (башка аталышты колдонсоңуз болот) атын. Коддун калган бөлүгү абзацтын сол жагына "толтуруу" мейкиндигинин өзгөчөлүгүн кошот.
   • Эми, HTML документинин негизги бөлүгүнө. Абзацты качандыр бир чегиндирүүнү кааласаңыз (ушул мисалда дагы "чегинүү"), абзацты ушул кодго киргизиңиз:
     

   • Чегинүүнүн аралыгын тегиздөө үчүн CSS кодундагы "1.8" санын өзгөртүңүз. "Em" белгисин артта калтырыңыз, анткени бул шрифттин көлөмүнө байланыштуу узундук бирдиги.
   жарнама

2ден 2-ыкма: Узунураак боштуктарды орнотуңуз

1. 

   Алдын ала форматталган тэгдерди колдонуңуз. Каалаган ачкыч мейкиндик жакшы . Кирүү картага киргизилген

   сиз тергенде так көрсөтүлөт. Сиз бул тегди мисалдарды, ырларды же интервалдарды жана сап үзүндүлөрүн көрсөтүүдө жогорку тактыкты талап кылган башка тексттерди келтирүү үчүн колдонсоңуз болот.

   • Алдын ала форматталган карталардын негизги кемчилиги - бул туурасы. Кадимки HTMLден айырмаланып, алдын-ала форматталган текст колдонуучунун терезесинин көлөмүнө ылайыкташтырылып өзгөртүлбөйт.

2. 

   Сызык тыныгуусун түзүү. Карта
   тексттин учурдагы сабын аяктайт. Бир нече сап тыныгуу тэгдерин колдонуп, бош саптарды түзө аласыз. HTML менен жаңы таанышкан студенттер үчүн бул жакшы ыкма, бирок сиз CSS үйрөнгөн болсоңуз, анда бул милдеттүү HTML форматы сунушталбайт.

3. 

   Абзацты "p" белгиси менен аныктаңыз. Тексттин тегереги ошол абзацты аныктайт. Көпчүлүк браузерлер абзацты бош сап менен бөлүп алышат, бирок сиз тексттин ырааттуу форматына кепилдик бере албайсыз. жарнама

Кеңеш

• Веб-беттеги дисплейди акыркы жолу текшергенде, үзүндүнүн айланасында ашыкча белгилерди көрсөңүз, анда толук эмес тегдердин бар экендигин дагы бир жолу текшериңиз, мисалы. <> ордуна
  .
• CSS - бул веб-баракчаларды, анын ичинде тексттин аралыгын көрсөтүү үчүн кыйла күчтүү жана активдүү курал.
• Ачык тегдин артында же жабык тегдин алдында күтүлбөгөн боштуктарды чектеңиз. Мисалы, боштуктарды жазышыңыз керек Tutorial Spaces эмес Tutorial .
• Бузулбай турган мейкиндик - бул жактын символунун мисалы: сиз баскычтоптон кире албаган белгини чагылдырган код.

Эскертүү

• HTML атрибуту ачкычты билдирет Табулатура Чындыгында сиз ойлогондой натыйжалуу эмес. Стандарттуу HTML документинде өтмөктөр жок, андыктан өтмөктүн белгиси эч кандай натыйжа бербейт.
• HTML тилин ар дайым код редакторуна же жөнөкөй текст файлына жазыңыз, тексттик файлдарды иштетүү форматтарын колдонбоңуз. Эгерде сиздин мейкиндик веб-браузериңизде таң калыштуу символдорго айланып калса, анда тексттик процессор кошкон ашыкча маалыматтардан улам болушу мүмкүн, ал онлайн режиминде көрсөтүлбөйт.