Даалгавар

Догол мөр бүрийн эхний мөрөнд догол мөр нэмнэ.

Шийдэл

Улаан шугам гэгддэг догол мөрний догол мөрийг тохируулахын тулд текстийн доголын хэв маягийн шинж чанарыг ашиглах нь зүйтэй. Үүний утга нь эхний мөрийн текстийг анхны байрлалаас нь хэр зэрэг баруун тийш шилжүүлэхийг тодорхойлдог. Текстийн блокийн өргөн өөрчлөгдөхгүй бөгөөд анх тохируулсан хэвээр байна. Дүүргэлтийн хэмжээг пиксел, хувь эсвэл бусад боломжтой нэгжээр тодорхойлж болно (жишээ 1).

Жишээ 1: Эхний мөрөнд догол хийх

HTML5 CSS 2.1 IE Cr Op Sa Fx

Библийн уламжлал ёсоор Вавилоны тахал бол Нимрод хааны Вавилонд тэнгэр шиг өндөр багана барих гэсэн бүтэлгүй оролдлого юм. Хүмүүсийн болгоомжгүй хүсэлд уурласан Бурхан барилгачдыг шийтгэхээр шийдэв: Тэр тэдний хэлийг хольж, тэднийг ойлгохоо больсон. бие биенээ, барилгын ажлыг зогсоохоос өөр аргагүй болж, аажмаар дэлхий даяар тархсан. Эндээс эртний хүмүүсийн тайлбарласнаар хэлний ялгаа гарч ирэв.

Ердийн ойлголтоор Вавилоны тахал гэдэг нь эмх замбараагүй байдал, олон тооны хүмүүсийн дунд төөрөгдөл гэсэн үг юм.

Үр дүн энэ жишээЗурагт үзүүлэв. нэг.

Улаан шугамын html-г 4 болгож тохируулж болно янз бүрийн арга замууд. Хэдийгээр энэ үзэгдлийн тодорхой стандартууд байдаг өгөгдсөн хэлпрограмчлал хангадаггүй тул энэ талаар ямар ч хязгаарлалт байхгүй. Энэ нийтлэлд бид улаан шугам үүсгэх стандарт бус хэрэгслүүдийг ашиглах болно.

1-р зам

Та хамгийн түгээмэл арга замаар эхлэх хэрэгтэй. Зөвхөн энэ тохиолдолд CSS нь гипертекст тэмдэглэгээний хэлтэй салшгүй холбоотой байдаг тул каскадын хүснэгтүүдийг ашиглах шаардлагатай. html-ийн улаан шугамыг "text-inent" шинж чанарыг ашиглан тохируулж болно. Хүссэн элемент болон баримт бичгийн зүүн талд байгаа доголд ашиглах зайг зааж өгөхөд хангалттай. Жишээ нь: "p (текст догол: 20px;)" гэсэн оруулга нь p догол мөр бүрт 20 пикселийн улаан шугам хийгдэнэ гэсэн үг юм. Текстийн дурын блокийг утгыг заасан элемент болгон ашиглаж болно. Үнэндээ өмч өгсөнулаан шугам биш харин сонгосон элементийн эхний мөрөнд догол мөрийг зааж өгнө. Гэхдээ ялгааг хэн анзаарах вэ? "Text-inent" шинж чанар нь гурвыг авч болно өөр төрлийнүнэ цэнэ:

• px (пиксел), инч (инч), pt (цэг) гэх мэт аливаа нийтлэг хэмжилтийн нэгж.
• Хувийн утга. Энэ тохиолдолд эх элементээс зайг харгалзан үзнэ.
• Өв залгамжлах. Та зааж өгөх үед өгөгдсөн үнэ цэнэөмч нь эх элементээс өвлөгдөнө.

2-р зам

Html дээр улаан шугамыг каскадын хүснэгт оруулахгүйгээр тохируулж болно. Хуудасны эх кодын эхний тэмдэгтийн өмнө хэд хэдэн хоосон зай тавихад хангалттай. Зөвхөн "" гэсэн тусгай тэмдэгтүүдийг ашиглах хэрэгтэй, учир нь хэрэв та ердийн зай тавьсан бол зөвхөн нэгийг нь харгалзан үзэх болно. Мөн энэ тэмдгийг ашиглан та шаардлагатай догол мөрийг тохируулж болно. Ийм улаан HTML шугам нь дэлхийн хэмжээнд нөлөө үзүүлэхгүй бөгөөд та бүх зайг гараар оруулах хэрэгтэй болно. Энэ хасах нь олон тооны баримт бичигтэй ажиллахад танд маш их ачаалал өгөх болно. Мөн энэ арга нь таны хуудасны кодыг хүчингүй гэж зарлах болно.

3-р зам

Дүгнэлт

Дүгнэж хэлэхэд, html нь CSS-тэй хамт олон төрлийн эффект хийх боломжийг танд олгоно. Заримдаа шинж чанарууд болон элементүүдийг өөр зорилгоор ашигладаг боловч та шошгоны стандарт утгаас хэт их хазайх ёсгүй.

Тодорхой хэв маягийг өгөхийн тулд та текстийг тохирох саванд байрлуулах хэрэгтэй.

Бүх форматын шошгыг гурван бүлэгт хувааж болно.

1. Гарчгийн шошго ( h1-h6).

2. Үндсэн текстийн дизайны шошго ( , , ,

, 
гэх мэт).
3. Бүлэглэх шошго ( 

, 

, 

)

Гарчгийн шошго
Энгийн текстийг тодорхой түвшний гарчиг болгон хувирга.  Tag 

эхний түвшний гарчиг үүсгэдэг - хамгийн том, хамгийн чухал (ихэвчлэн хуудасны нийтлэлийн гарчиг), 

зургаа дахь түвшний гарчгийг хариуцдаг - хамгийн жижиг, үл анзаарагдам.  Эдгээр шошго нь хэрэглэгчид болон хайлтын системүүдийн аль алинд нь чухал байдаг - дэд гарчигтай гарчиг нь хоёуланд нь дуртай байдаг.  Түвшингийн шатлалыг ажиглах ёстой, өөрөөр хэлбэл 

явах хэрэгтэй 

, мөн эсрэгээр биш.

Энэ хэрхэн ажилладагийг ойлгохын тулд html файлд дараах кодыг оруулна уу:
 
Эхний түвшний гарчиг
Хоёрдугаар түвшний гарчиг
Гурав дахь түвшний гарчиг
4-р түвшний гарчиг
5-р түвшний гарчиг
6-р түвшний гарчиг

Энэ нь хөтөч дээр иймэрхүү харагдах болно:
Үндсэн текстийн дизайны шошгууд
Тэмдэгтийн түвшинд форматлахыг зөвшөөрөх.  Та тэдэнтэй юу хийж болохыг харцгаая.
Тод фонт
Текст дээр анхаарлаа хандуулах хэрэгтэй.  Энэ нь хайлтын системд бас чухал ач холбогдолтой бөгөөд тэд түлхүүр үгсийг тодруулж чаддаг.
Зоригтой тэмдэглэгээг хариуцна 
болон .

Дээд тэмдэг ба доод тэмдэг
Тэдгээрийг томъёо, тэгшитгэл, зарим хэмжигдэхүүний тэмдэглэгээнд ашиглаж болно.
Шошго нь доод тэмдэгтийг үүсгэх үүрэгтэй 
, дээд шошгонд зориулагдсан 
.
X 1=32 м 2
Хэмжээг багасгах
Хэрэв та текстийг бүх хуудсан дээрх багцаас нэгээр бага болгох шаардлагатай бол та шошгыг ашиглах хэрэгтэй 

Энгийн текст. Багасгасан текст.
Доогуур зур
Энэ төрлийн тодруулгыг баримт бичигт оруулсан өөрчлөлтийг зааж өгөх эсвэл зүгээр л текстийг онцлон тэмдэглэхэд ашиглаж болно.
Энгийн текст. Доор зурсан текст.
Зураас
Хэрэв энэ нь хамааралтай байдлаа алдсан бол та мэдээллийг хасаж болно.  Энэ шошгонд зориулагдсан 
.
Налуу
Текст дээр анхаарлаа төвлөрүүлэх шаардлагатай бөгөөд шошготойгоор үүсгэж болно 
эсвэл 
.

Компьютерийн текст оруулах
Та програмын эх код болон түүний ажлын үр дүнг вэб хуудсанд нэмэх шаардлагатай болдог.  Текстийн өөр өөр хэсгүүдийг бие биенээсээ ялгахад хялбар болгохын тулд HTML хөгжүүлэгчид энэ бүлгийн хаягуудыг нэвтрүүлсэн.
Сав руу 
Програмын кодыг дуусгахын зэрэгцээ түүний хувьсагчдыг шошгоноор тодруулна 
, мөн гүйцэтгэлийн үр дүн байна 
.  Контейнер 
программтай ажиллахдаа хэрэглэгчийн гараас оруулах ёстой текст болон шошгонд хавсаргасан бүх зүйлийг агуулна. 
, түүний дотор анхны форматыг хадгална нэмэлт зайболон мөрийн тасалдал.

  ингэж a, b, c, энд програмын гүйцэтгэлийн үр дүн , мөн энэ нь хэрэглэгчийн оруулсан текст 
ингэж харуулав
.

Ишлэл ба тодорхойлолтууд
Код нь иймэрхүү харагдах болно 
ингэж 
, хувьсагчдыг дараах байдлаар тэмдэглэв. 
 a, b, c 
, энд 
програмын гүйцэтгэлийн үр дүн 
, мөн энэ нь 
хэрэглэгчийн оруулсан текст 
.  Анхны форматыг хадгалах 
ингэж харуулав 

.

 
Блок ишлэл дээр иш татах.
Ишлэл авсан савны доторх ишлэл.q шошготой богино ишлэл.Зориулалтын тодорхойлолт.Товчлол (ТББ, IP).

Ерөнхий жишээ
Шошго нь юу үүрэгтэй, хэрхэн ажилладаг талаар илүү сайн ойлгохын тулд дараах код болон түүний гүйцэтгэлийн үр дүнг харна уу.
 
Таргантекстийг тэмдэглэж болно хүчтэйболон б.  Пер налуухариулах emболон би.
шошго дэдболон supбий болгоход ашигладаг доогуур(х 1…x n) ба дээд (42=16) индекс. Дэл гарч ирдэг, инс - онцолж байна.
шошго код, кбд, varболон дээжховор хэрэглэгддэг бөгөөд програмын жагсаалтыг харуулахад шаардлагатай байдаг
 товчлолтовчлолд шаардлагатай ( HTML).  Иш татахдаа блок ишлэл, ишлэл, q тэмдэглэгээг ашигладаг ( Тэнгэр аль хэдийн намар амьсгалж байсан)
Урьдчилсан шошго нь хоосон зай, мөр таслалгүйгээр текстийн анхны форматыг хадгалдаг.

Хөтөч энэ кодыг дараах байдлаар тайлбарладаг.

Бүлэглэх шошго
Текст нь нэг тасралтгүй мөрөнд орохгүй, харин логик бүрэлдэхүүн хэсгүүдэд хуваагдах шаардлагатай.
Шошго нь догол мөрийг агуулна.
 
Эхний догол мөр
Хоёр дахь догол мөр


Tag 

догол мөрийн дараагийн мөрөнд шилжинэ (мөрийн өмнө догол мөр байхгүй).

хэвтээ шугам зурах боломжийг танд олгоно.  Та текстийг илүү нүдээр салгахын тулд үүнийг ашиглаж болно.  Атрибутууд өргөн, хэмжээ, өнгө, тэгшлэхболон хамрын сүүдэршугамын өргөн, зузаан, өнгө, зэрэгцүүлэлт, 3D эффект байхгүй зэргийг тус тус тохируулна.
 
Шугамын дээрх мөр. 
Шугамын доогуур шугам.

Өдрийн мэнд эрхэм уншигчид аа.  Өнөөдөр хэрхэн хийх талаар товч тэмдэглэл html хуудасны догол мөр бүрийн улаан шугам.  Хэрэв хэн нэгэн мэдэхгүй бол улаан шугам нь текстийн блокийн эхний мөрний догол мөр юм.  Догол мөр дэх ийм догол мөрийг бараг бүх хэвлэсэн текстээс олж болно, гэхдээ вэбсайт үүсгэх үед улаан шугамын загвар нь текстийг илүү унших боломжтой болгодог ч маш ховор байдаг.  Хэрэв үйлчлүүлэгч гэнэт өөрийн сайт дээрх догол мөрүүдийг улаан шугамаар эхлүүлэхийг шаардвал би танд энэ асуудлыг шийдэх энгийн жорыг өгөх болно.
Та асуудлыг олон янзаар шийдэж болно, жишээлбэл, догол мөр бүрийн эхэнд хэд хэдэн үг дараалан оруулж болно. тусгай дүрүүдгэхдээ хангалттай байж магадгүй олон тооныцаг.  Тиймээс би улаан шугам үүсгэхийн тулд CSS шинж чанарыг ашиглахыг зөвлөж байна текст догол, аль нь тогтоодог эхний мөрийн доголтекстийн блок.  Энэ тохиолдолд үлдсэн мөрөнд ямар ч нөлөө үзүүлэхгүй.
Text-indent шинж чанар нь энгийн синтакстай:
текст догол мөр:<значение> | <проценты>|  өвлөн авах
Утга болгон та CSS-д хүлээн зөвшөөрөгдсөн пиксел (px), цэг (pt) болон бусад нэгжийг зааж өгч болно.  Утга нь эхний мөрийн текстийг анхны байрлалаас баруун тийш хэр их шилжүүлэхийг тодорхойлдог.  Сөрөг утгыг зааж өгөхийг зөвшөөрнө, дараа нь текст зүүн тийш шилжих болно.  Хувийн утгыг зааж өгөхдөө эхний мөрний догол мөрийг текстийн блокийн өргөнөөс хамаарч тооцдог.
Хэрэв улаан шугамыг зөвхөн нэг догол мөрөнд нэмэх шаардлагатай бол та үүнийг хийж болно:

Үр дүн:
Замын захад царс мод байв.  Энэ нь ойг бүрдүүлдэг хуснаас арав дахин том, хус тус бүрээс арав дахин зузаан, хоёр дахин өндөр байсан байх.  Энэ бол хугарсан мөчир, хуучны шарханд дарагдсан холтостой асар том царс байв.  Асар том, болхи, тэгш бус сунгасан болхи гар, хуруугаараа тэр инээмсэглэсэн хус модны хооронд хөгшин, ууртай, үл тоомсорлосон галзуу хүн шиг зогсож байв.  Гагцхүү тэр ганцаараа хаврын увдисыг захирахыг хүсээгүй бөгөөд хавар, нарны аль алиныг нь харахыг хүссэнгүй.
Эсвэл улаан шугамаар эхлэх ёстой догол мөрөнд ангийн шинж чанарыг нэмж, хүссэн хэв маягаа нэмнэ үү.


Ханхүү Андрей ой дундуур явж байхдаа энэ царс мод руу хэд хэдэн удаа эргэж харав.  Царс модны доор цэцэг, өвс ногоо байсан ч тэр дунд нь гунигтай, хөдөлгөөнгүй, муухай, зөрүүд зогсож байв. 


Үр дүн:
Ханхүү Андрей ой дундуур явж байхдаа энэ царс мод руу хэд хэдэн удаа эргэж харав.  Царс модны доор цэцэг, өвс ногоо байсан ч тэр дунд нь гунигтай, хөдөлгөөнгүй, муухай, зөрүүд зогсож байв.
Одоо та амархан чадна дээр нь улаан шугам тавь html хуудаснууд
.  Удахгүй уулзацгаая!
Сайн уу?  Вэбсайт програмчлалын үндсийг үргэлжлүүлэн авч үзье.  Тэдгээрийн дор хаяж нэгийг нь төсөөлөхөд хэцүү байдаг бөгөөд кодонд догол мөрийн шошго байхгүй болно.  Өнөөдөр бид үүнийг хэрхэн зөв бичих, тексттэй хамт хэд хэдэн нэмэлт үйлдлүүдийн тайлбарыг авч үзэх болно.
 
Жишээ
 
HTML кодоор догол мөрийг хэрхэн хийх жишээг авч үзье.
 
 
Нэг буюу хэд хэдэн санал.

 
Урьдчилсан нөхцөл бол нээх, хаах шошго байх явдал юм.  Дашрамд хэлэхэд бүх зүйлийг Notepad дээр шууд хийх боломжтой бөгөөд дараа нь та файлыг зохих форматаар хадгалах хэрэгтэй болно.
 
Форматлаж байна
 
Хүмүүс улаан шугамыг хэрхэн яаж хийхийг сонирхож байгааг би олонтаа анзаардаг.  Тодорхой догол мөрийн хувьд энэ нь маш энгийн.
 
Эдгээр сонголтыг идэвхжүүлснээр эхний мөрийг зүүн захаас 15 пикселээр догол болгоно.  Хэрэв ийм өөрчлөлтийг бүх P шошгонд хийх шаардлагатай бол сайтын хуудсанд холбогдсон CSS файлд доор үзүүлсэн кодыг бичиж болно.
 
Би хувьдаа тэмдэглэлийн дэвтэр эсвэл өөр редактор дээр код засварлахдаа ихэвчлэн улаан зураас гаргадаггүй.
 
Би зүгээр л текст блокуудын хооронд дүүргэлт оруулдаг.  Үүнийг хийхийн тулд та CSS дээр тусгай параметрүүдийг бичих хэрэгтэй.
 
 
p (доод талын захын зай: 25px;)
 
Хэрэв та энэ загварыг ашиглавал догол мөр бүрийн дараа 25 пикселийн догол мөр гарч ирнэ.
 
Үнэн хэрэгтээ HTML болон янз бүрийн хэв маягтай ажиллах олон сонголт байдаг.  Би тэдгээрийн цөөхөн хэдэн зүйлийг тайлбарласан, бүгдийг нэг нийтлэлд багтаах нь маш хэцүү байдаг.
 
Илүү ихийг мэдмээр байна уу?  Дараах сэдвээр бичсэн миний өмнөх нийтлэлүүд танд хэрэгтэй байж магадгүй.
 
Үүн дээр би нийтлэлээ дуусгах болно, одоо HTML дээр догол мөрүүдийг хийж, тусгай шошгоны тусламжтайгаар сайхан цэгцлэх нь тийм ч хэцүү биш байх болно гэж бодож байна.
 
Програмчлалд суралцахад тань өндөр амжилт хүсье.  Дашрамд хэлэхэд, та мэдээллийн арилжааны бус сайтууд дээр мөнгө олох талаар бодож байсан уу?  Тэр зүгээр л уншигчдадаа гайхалтай мэдээлэл өгсөн.
 
Ердийн ажил, онлайн санхүү бол энэ блогын гол сэдэв юм.  Та нийтлэгдсэн материалаас яг одоо онлайнаар хувь хүний ​​хэтийн төлөвтэй танилцах боломжтой.  Би шинэ, хамгийн чухал нь үнэхээр хэрэгтэй контент бэлтгэж, нийтэлсээр байна.  Өөрийн ажлын Workip шинэчлэлтийг захиалаарай имэйл.  Харилцаа холбоо хүртэл.