HTML дээр хоосон зай оруулах 3 арга

Агуулгын хүснэгт:

HTML дээр хоосон зай оруулах 3 арга
HTML дээр хоосон зай оруулах 3 арга

Видео: HTML дээр хоосон зай оруулах 3 арга

Видео: HTML дээр хоосон зай оруулах 3 арга
Видео: Компьютер дээр RPT файлыг хэрхэн нээх вэ 2024, Дөрөвдүгээр сар
Anonim

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

Алхам

3 -ийн 1 -р арга: HTML кодыг ашиглах

HTML -д хоосон зай оруулах 1 -р алхам
HTML -д хоосон зай оруулах 1 -р алхам

Алхам 1. HTML баримтыг нээнэ үү

Та Windows дээрх Notepad эсвэл TextEdit гэх мэт текст засварлах програм ашиглан HTML баримтуудыг засах боломжтой. Та Adobe Dreamweaver гэх мэт HTML засварлагч ашиглаж болно. HTML баримтыг нээхийн тулд эдгээр алхмуудыг дагана уу.

  • Windows компьютер дээр (эсвэл Mac дээрх Finder) File Explorer дээрээс HTML баримт бичгийг хайх.
  • Засахыг хүссэн HTML документ дээр хулганы баруун товчийг дарна уу.
  • Сонголт дээр хулганаа дарна уу " Ашиглан нээх ”.
  • Файлыг засварлахын тулд ашиглахыг хүссэн програмаа дарна уу.
HTML дээр хоосон зай оруулах 2 -р алхам
HTML дээр хоосон зай оруулах 2 -р алхам

Алхам 2. Ердийн орон зай нэмэхийн тулд зайны товчлуурыг дарна уу

Ердийн орон зай нэмэхийн тулд хоосон зай оруулах ёстой газраа товшоод гарныхаа завсарыг дарна уу. Ер нь HTML нь хоосон зайг хэдэн удаа дарахаас үл хамааран үг хоорондын ганцхан зайг харуулдаг.

Image
Image

Алхам 3. Арын хоосон зайг хүчээр нэмэхийн тулд бичнэ үү

Үүссэн кодыг тасардаггүй зай эсвэл тогтмол зай гэж нэрлэдэг, учир нь код байрлуулсан газарт шугам хуваагдахаас сэргийлдэг.

  • Жишээлбэл, Сайн уу, бүгдэд нь бичээрэй! "Сайн уу" болон "бүгд!" гэсэн үгсийн хооронд нэмэлт зай оруулах.
  • Хэрэв та эдгээр тэмдэгтүүдийг хэтрүүлэн хэрэглэвэл таны хөтөч мөрийн завсарлагааг цэвэр, уншихад хялбар байдлаар оруулахад хэцүү байх болно.
  • Та мөн хүчээр зай оруулахын тулд бичиж болно.
Image
Image

Алхам 4. Янз бүрийн өргөнтэй зай оруулах

Та дараах сонголтуудын аль нэгийг ашиглан илүү урт зай нэмж болно.

  • Хоёр зай - Төрөл
  • Дөрвөн зай - Төрөл
  • Догол мөр - Төрөл

3 -ийн 2 -р арга: CSS кодыг ашиглах

HTML -д хоосон зай оруулах 5 -р алхам
HTML -д хоосон зай оруулах 5 -р алхам

Алхам 1. HTML эсвэл CSS баримтыг нээнэ үү

CSS кодыг HTML баримт бичгийн толгой хэсэгт ашиглах эсвэл гадаад CSS баримт бичиг болгон бичих боломжтой.

HTML баримт бичгийн толгой нь файлын дээд талд байна. Энэ хэсэг нь "" ба "" тэмдгийн хооронд байна

Image
Image

Алхам 2. CSS кодын загварын сегментийг үүсгэнэ үү

Загварын сегментийг HTML кодын эхэнд эсвэл тусдаа загварын хүснэгтэд нэмэх шаардлагатай. Дараах тугуудыг ашиглан HTML баримт бичигт хэв маягийн сегмент үүсгэх эсвэл тусдаа загварын хүснэгтийг үүсгэнэ үү.

  • Загварын сегментийг нээхийн тулд бичнэ үү. Энэ тэмдгийн дараа бүх CSS кодыг нэмэх шаардлагатай.
  • Загварын хэсгийг хаахын тулд бичнэ үү. Энэхүү хаалтын тэмдгийн өмнө бүх CSS кодыг оруулах шаардлагатай.
Image
Image

Алхам 3. Загварын хэсэгт дараах зүйлийг бичнэ үү: p {text-indent: 5em;}. Энэ туг нь тохирох HTML код дээр нэмэхэд хөтөчид таван орон зай оруулахыг хэлдэг.

  • Та "text-indent:" кодын дараа өөр дугаар бичиж зайны тоо эсвэл өргөнийг тохируулж болно.
  • "Em" нэгж нь заасан эсвэл ашиглах боломжтой фонтын хэмжээтэй нэг зайтай тэнцүү байна. Та хувь гэх мэт бусад нэгжийг ашиглаж болно (жишээ нь "текст-догол: 15%;") эсвэл уртын нэгж (жишээ нь "текст-догол: 3мм;").
Image
Image

Алхам 4. Тикка

догол мөр оруулахыг хүсч буй хэсэгтээ.

Энэ тэмдгийг оруулахыг хүссэн текстээс өмнө HTML -ийн үндсэн хэсэгт нэмэх шаардлагатай. Үүний дараа CSS кодонд заасан техникийн дагуу догол мөрийг текстэд нэмж оруулах болно.

3 -ийн 3 -р арга: Урьдчилан форматласан текст ашиглах

HTML -д хоосон зай оруулах 9 -р алхам
HTML -д хоосон зай оруулах 9 -р алхам

Алхам 1. HTML баримтыг нээнэ үү

Та Windows дээрх Notepad эсвэл TextEdit гэх мэт текст засварлах програм ашиглан HTML баримтыг засах боломжтой. Та Adobe Dreamweaver гэх мэт HTML засварлагч ашиглаж болно. HTML баримтыг нээхийн тулд эдгээр алхмуудыг дагана уу.

  • Windows компьютер дээр (эсвэл Mac дээрх Finder) File Explorer дээрээс HTML баримт бичгийг хайх.
  • Засахыг хүссэн HTML документ дээр хулганы баруун товчийг дарна уу.
  • Сонголт дээр хулганаа дарна уу " Ашиглан нээх ”.
  • Файлыг засварлахын тулд ашиглахыг хүссэн програмаа дарна уу.
Image
Image

Алхам 2. Төрөл

текстийн өмнө та урьдчилан форматлахыг хүсч байна.

Энэ код нь текстийг нээх токенийг урьдчилан форматласан болно.

Image
Image

Алхам 3. "" дараа хүссэн текстээ бичнэ үү.

".

Урьдчилан форматлахад "Enter" товчлуурыг ашиглан үүсгэсэн бүх зай, мөр таслалтыг HTML хуудсанд харуулах болно.

Image
Image

Алхам 4. Төрөл текстийн дараа.

Урьдчилан форматласан текст сегмент дуусна.

Зөвлөмж

  • Хэрэв таны оруулсан зай таны хөтөч дээр хачин тэмдэгт үүсгэж байгаа бол энэ нь интернет дээр харагдах ёсгүй текст боловсруулах програмын форматын нэмэлт өгөгдлөөс үүдэлтэй байж магадгүй юм. Та Notepad эсвэл TextEdit гэх мэт энгийн текст засварлах програмд код бичиж тэмдэг гарч ирэхээс урьдчилан сэргийлэх боломжтой.
  • CSS бол вэб хуудсан дээрх элементүүдийг зохиох, текст хоорондын зайг багтаасан илүү боловсронгуй, урьдчилан таамаглах боломжтой загварын хэл юм.
  • Тогтмол орон зай (тасрахгүй зай)
  • нь тэмдэгтийн нэгжийн жишээ бөгөөд таны гараар бичих боломжгүй тэмдэгтийг хэлдэг код юм.

Анхааруулга

  • Таб -д зориулсан HTML тэмдэгтүүд

  • таны хүлээж байсан шиг ажиллахгүй байна. Стандарт HTML баримт бичигт хүснэгтийн зогсолт байхгүй тул тэдгээр тэмдэгтүүд ажиллахгүй болно.
  • Үргэлж HTML кодоо текст засварлах файлын форматаар (жишээ нь Word) биш код засварлагч эсвэл энгийн текст файлд бичээрэй.

Зөвлөмж болгож буй: