Препоручени метод са ЦСС-ом и ХТМЛ-ом
За увлачење текста или одломка, најчешће коришћени и препоручени метод би био да се користи ЦСС. У наставку су наведени различити примери како се ЦСС може користити за увлачење текста. Сваки од ових примјера би био постављен између ваших ХТМЛ ознака.
Следећи пример би креирао класу стила названу "таб" која увлачи текст и параграф 40 пиксела са леве стране.
Када се горе наведени код налази у одељку, можете га користити у било ком тренутку додавањем у пасус (
) ознаке као што је приказано.
Пример картице
Укључивање ЦСС-а у ваш ХТМЛ документ, као што је приказано горе, назива се "ин-лине" ЦСС. То је корисно за брзо прављење промјена, али дугорочно је тешко касније промијенити.
Умјесто тога, можете узети сав ваш ЦСС код и смјестити га у засебну датотеку, са екстензијом .цсс. Затим можете да се повежете са овом једном датотеком из било ког ХТМЛ документа, а тај документ може да користи те ЦСС особине. Коришћење спољне ЦСС датотеке олакшава касније промену ЦСС-а, јер је ЦСС дефинисан на једном месту.
Да бисте се повезали са екстерном ЦСС датотеком, додајте следећу линију у ХТМЛ документу у елементу (после
Када се креира ова .цсс датотека, уредите датотеку и додајте исти ЦСС код, изузимајући ознаке и коментаре, као што је приказано.
.таб {маргин-лефт: 40пк; }
Коначно, након што се горе наведени кораци заврше, можете да унесете било који текст користећи исти
пример који смо приказали горе.
Постоје и други облици увлачења. На пример, ако желите да увучете само прву линију пасуса, уместо да користите горњу ЦСС линију, користите следећу линију.
.таб {тект-индент: 40пк}
Савет: Можете и увлачити помоћу процента. На пример, уместо увлачења од 40 пиксела (пиксела), замену индента са 5% можете заменити текстом за увлачење за 5% тренутног приказа. Такође можете користити ем простор када дефинишете ширину увлаке.
Бонус тип: Можете да промените и из левог отиска у десни индент променом маргине лево на маргину десно.
Препоручена метода помоћу ХТМЛ-а
Исте резултате можете постићи горе наведеним стилом у ХТМЛ-у. Док користите горе наведени пример ЦСС-а, можете га лакше одржавати на више веб страница, ако желите да користите стил само једном када можете користити следећи пример.
Овај текст је увучен.
У овом првом примеру, сав текст у ознаци пасуса је увучен са 40 пиксела лево. Све остале ознаке ознака нису увучене.
Овај текст је увучен.
У овом другом примеру, само прва линија текста у пасусу ће бити увучена 40 пиксела са леве стране. Све додатне линије текста у том пасусу неће бити увучене.
Савет: Можете и увлачити помоћу процента. На пример, уместо увлачења од 40 пиксела (пиксела), замену индента са 5% можете заменити текстом за увлачење за 5% тренутног приказа. Такође можете користити ем простор када дефинишете ширину увлаке.
Бонус тип: Можете да промените и из левог отиска у десни индент променом маргине лево на маргину десно.
Алтернативе метход
Још једна уобичајена (али неисправна) метода увлачења текста је коришћење ознака, као што је приказано у следећем примеру. Иако је ово много лакше рјешење, постоје проблеми приступачности који могу бити узроковани кориштењем овог рјешења за увлачење текста. Ова ознака је намењена за цитирање текста, а не за увлачење.
Овај текст би био увучен