Језик за означавање хипертекста (ХТМЛ) је предњи језик који се користи за дизајн и развој веб странице. ХТМЛ је основни језик свих језика који се користе за дизајнирање статичких или динамичких веб страница. ХТМЛ има много функција које су потребне при дизајнирању. Уз помоћ ознака, команди написаних у угластим заградама, дизајнирана је веб страница. ХТМЛ омогућава кориснику да креира или уређује текст, слику или било који други елемент попут било ког уређивача текста, нпр. Мицрософт Ворд. Садржај ХТМЛ -а је текст, слика, боја, дизајн итд. Дизајн је веома важан део јер је одговоран за украшавање текста. Курзив текста је један од примера дизајнирања текста. Овај елемент је важан за наглашавање или привлачење пажње корисника. Неки од примера су истакнути у овом водичу.
Потребне основне ствари
ХТМЛ захтева два алата за дизајнирање и развој веб странице. Један је уређивач текста који је потребан за писање хтмл кода у њега. То може бити било који уређивач текста који вам је на располагању, нпр. Бележница, нотепад ++, узвишен, визуелни студио итд. Други је прегледач на рачунару, Гоогле Цхроме, Интернет Екплорер итд. У овом чланку користили смо нотепад и Гоогле цхроме. За дизајнирање статичке странице потребан вам је ХТМЛ и за обликовање ЦСС стилског листа. Сваки од њих се користи у овом водичу са примерима.
ХТМЛ формат
Да бисмо објаснили дизајн курзивног текста, прво разумемо код хтмл -а. ХТМЛ код има два дела. Један је део главе, а други део тела. Укључујемо наслов у део главе; овај наслов је заправо наслов странице. Унутрашње обликовање се такође врши унутар тела главе. Док тело садржи све остале ознаке везане за текст, слику и боју итд. Осим тога, све што желите да додате на хтмл страницу је записано у делу тела хтмл кода.
< хтмл >
< глава >...</ глава >
< тело >….</ тело >
</ хтмл >
Слика испод је пример ХТМЛ кода. Можете видети да је назив наслова написан унутар дела главе. У исто време, додали смо пасус у тело хтмл -а помоћу ознаке
. тада се боди таг и хтмл тагови затварају.
Резултат овог узорка се види у прегледачу. Можете видети да је назив наслова приказан у називу картице, који смо декларисали у заглављу хтмл кода.
ХТМЛ има ознаке за отварање и затварање за све ознаке написане унутар његовог тела. Када се код отвори, мора се затворити након писања текста између њега. Ознака је затворена косом цртом. Код се затим чува у датотеци бележнице. Једна ствар коју треба имати на уму је да приликом чувања кода датотека уређивача текста мора бити сачувана са хтмл екстензијом. На пример, сампле.хтмл. тада ћете видети да је датотека сачувана са иконом тренутног прегледача који користите у ту сврху.
Ово је била позадина дизајна у хтмл -у. Сада ћемо користити једноставан пример да текст учинимо курзивом.
Пример 1
Узмите датотеку бележнице и напишите једноставан хтмл код као што је претходно описано у овом водичу. Додајте пасус од два реда у део тела. Да би текст био курзиван. Користите ознаку на почетку речи које желите да буду у курзиву
< и > ……</ и >Ово је ознака за курзивни текст. Као што можете видети на доњој слици, је почетна ознака написана на почетку и је завршна ознака. Затворите тело и хтмл.
Сада сачувајте датотеку и покрените је у прегледачу да бисте видели излаз датотеке.
Из излаза можете приметити да је реченица коју смо направили курзивом у коду у курзивном облику, док се прва реченица појавила у нормалном формату.
Пример 2
У овом примеру направићемо одређену реч у курзивном облику уместо целе реченице текста. ознаке за отварање и затварање се користе у целом пасусу, где год желимо да текст учинимо курзивом у реченици.
Сада још једном сачувајте датотеку, а затим је покрените у прегледачу. Можете видети да је неки одређени део текста у курзивном облику који желимо да учинимо курзивним у коду.
Пример 3
Осим коришћења ознака у тексту, постоји још један начин да се текст направи у курзиву. Ово је приступ којим се наглашава дио текста. Ова ознака такође има ознаке за отварање и затварање. Синтакса која се користи за то је;
< у >….</ у >Текст је написан између две ознаке; у овом примеру, користили смо ову ознаку два пута у пасусу. Погледајмо слику кода постављеног испод.
У обе реченице смо користили једном у параграфу. Излаз се добија покретањем хтмл датотеке у формату прегледача.
Пример 4
Ово је пример у коме смо користили други приступ за приказивање речи у курзивном облику. Подразумева употребу у тексту. У овом примеру смо применили ову ознаку на цео текст написан у телу хтмл -а.
< Ците > ……</ цитат > 
Након затварања свих ознака, покрените датотеку у прегледачу.
Пример 5
До сада смо разговарали о уграђеном стилу текста. Израда курзивне форме текста такође се односи на стилизовање и обликовање текста. Стилинг је три врсте. Један је линијски, други унутрашњи, а трећи спољашњи. Уграђено обликовање се врши унутар ознаке. Унутрашње је написано унутар тела главе. Спољни стил се ради у другој датотеци са наставком .цсс.
Ово је пример инлине цсс -а; овде смо написали код унутар ознака пасуса. Изјаву о стилу као стил фонта смо прогласили курзивом. Ова изјава је написана унутар ознаке, тако да неће имати никакву завршну ознаку, као што можете видети на горњој слици. Сада затворите све ознаке и покрените их у прегледачу. Показује исте резултате које смо желели.
< п стил=направити-стил: курзив;> 
Пример 6
Након инлине -а, сада ћемо додати пример унутрашњег стила. Овде се додаје класа унутар дела главе. Затим се име класе декларише унутар ознаке пасуса у телу хтмл -а. Тако да је лако доступан.
< глава >< стил >
.до{
Направити-стил: курзив;
}
</ стил ></ глава >
Можете видети да је класа иницијализована методом тачка. У коду постоје два пасуса; овај стил смо применили на једном од њих. Зато је корисно када желимо да форматирамо један пасус.
Декларација класе унутар пасуса је;
< п класа=а>< п класа='до'>
Ово ће приступити класи у глави. Сада погледајте излаз. Приметићете да је један од параграфа у курзиву.
Закључак
Овај чланак представља обликовање текста у курзиву. Дизајн текста је битан део дизајна веб странице.