Езикът за маркиране на хипертекст (HTML) е интерфейсен език, използван за проектиране и разработване на уебсайт. HTML е основният език на всички езици, използвани за проектиране на статични или динамични уеб страници. Html има много функции, които са необходими при проектирането. С помощта на тагове, команди, написани в ъглови скоби, се проектира уеб страница. HTML позволява на потребителя да създава или редактира текст, изображение или друг елемент като всеки текстов редактор, т.е. Microsoft Word. Съдържанието на HTML е текст, изображение, цвят, дизайн и т.н. Дизайнът е много важна част, тъй като е отговорен за декорирането на текста. Извършването на текста в курсив е един пример за проектиране на текста. Този елемент е важен за подчертаване или привличане на вниманието на потребителя. Някои от примерите са подчертани в този урок.
Задължителни основни неща
HTML изисква два инструмента за проектиране и разработване на уебсайт. Единият е текстов редактор, който е необходим, за да напише html кода в него. Това може да бъде всеки текстов редактор във вашия достъп, т.е. бележник, бележник ++, възвишен, визуално студио и др. Вторият е браузър на вашия компютър, Google Chrome, интернет изследовател и т.н. В тази статия сме използвали бележник и Google Chrome. За проектиране на статичната страница се нуждаете от HTML и за оформяне на стилова таблица на CSS. Всеки от тях се използва в това ръководство с примери.
HTML формат
За да обясним дизайна на курсив, първо разбираме кода на html. Html кодът има две части. Едната е частта на главата, а другата в тялото. Включваме заглавието в главата; това заглавие всъщност е заглавието на страницата. Вътрешното оформяне се извършва и вътре в тялото на главата. Като има предвид, че тялото съдържа всички други тагове, свързани с текст, изображение и цвят и т.н. освен това, което искате да добавите към html страницата, е записано в основната част на html кода.
< html >
< глава >...</ глава >
< тяло >….</ тяло >
</ html >
Изображението по -долу е примерен код на HTML. Можете да видите, че името на заглавието е написано вътре в главата. В същото време добавихме абзац в тялото на html с помощта на tag
. след това тагът body и html таговете се затварят.
Резултатът от тази извадка се вижда в браузъра. Можете да видите, че името на заглавието е показано в името на раздела, което сме декларирали в главата на html кода.
HTML има отварящи и затварящи тагове за всички тагове, написани в тялото му. След като кодът е отворен, трябва да бъде затворен, след като се напише текст между него. Етикетът е затворен с наклонена черта в него. След това кодът се записва във файла на бележника. Едно нещо, което трябва да имате предвид, е, че докато запазвате кода, файлът на текстовия редактор трябва да бъде записан с разширението html. Например sample.html. тогава ще видите, че файлът е записан с иконата на текущия браузър, който използвате за тази цел.
Това беше фонът на проектирането в html. Сега ще използваме прост пример, за да направим текста курсив.
Пример 1
Вземете бележник и напишете прост html код, както е описано по -горе в това ръководство. Добавете абзац от два реда в основната част. За да направите текста курсив. Използвайте етикета в началото на думите, които искате да бъдат в курсив
< i > ……</ i >Това е тагът за наклонен текст. Както можете да видите на изображението по -долу, е началният маркер, написан в началото и е затварящият маркер. Затворете тялото и html.
Сега запишете файла и го стартирайте в браузъра, за да видите изхода на файла.
От изхода можете да забележите, че изречението, което сме направили курсивно в кода, е в курсивна форма, докато първото изречение се появи в нормален формат.
Пример 2
В този пример ще направим конкретна дума в курсив вместо цялото изречение на текста. отварящите и затварящите тагове се използват в целия параграф, където и да искаме да направим текста курсив в изречението.
Сега още веднъж запишете файла и след това го стартирайте в браузъра. Можете да видите, че определена част от текста е в курсив, който искаме да направим курсив в кода.
Пример 3
Освен използването на маркер в текста, съществува друг метод да се направи текстът в курсив. Това е подходът за подчертаване на част от текста. Този маркер също има отварящ и затварящ етикет. Използваният за него синтаксис е;
< в >….</ в >Текстът е написан между двата маркера; в този пример сме използвали този маркер два пъти в абзаца. Нека да видим изображението на кода, поставен по -долу.
И в двете изречения сме използвали веднъж в абзаца. Резултатът се получава чрез стартиране на html файла във формат на браузъра.
Пример 4
Това е примерът, в който сме използвали друг подход, за да покажем думите в курсив. Това предполага използването на в текста. В този пример ние сме приложили този маркер към целия текст, написан в тялото на html.
< Цитирайте > ……</ цитат >
След като затворите всички тагове, стартирайте файла в браузъра.
Пример 5
Досега обсъждахме вградения стил на текста. Създаването на курсивна форма на текст също се отнася до стилизирането и дизайна на текста. Оформянето е от три типа. Единият е вграден, вторият е вътрешен, а третият е външен. Вграденият стил се извършва в рамките на маркера. Вътрешното е написано вътре в тялото на главата. Външното оформяне се извършва в друг файл с разширение .css.
Това е пример за вграден css; тук сме написали кода вътре в маркерите на абзаца. Ние обявихме изявлението за стил като шрифт за курсив. Това изявление е написано вътре в маркера, така че няма да има затварящ маркер, както можете да видите в горното изображение. Сега затворете всички тагове и ги стартирайте в браузъра. Той показва същите резултати, каквито сме искали.
< стр стил=направи-стил: курсив;>
Пример 6
След вграждане, сега ще добавим примера за вътрешен стил. Тук в частта на главата се добавя клас. Тогава името на класа се декларира в етикета на абзаца в тялото на html. Така че да е лесно достъпен.
< глава >< стил >
.да се{
Направете-стил: курсив;
}
</ стил ></ глава >
Можете да видите, че класът е инициализиран с метода dot. В кода има два параграфа; ние сме приложили този стайлинг върху един от тях. Така че е полезно, когато искаме да форматираме един абзац.
Декларацията за клас в абзаца е;
< стр клас=a>< стр клас='да се'>
Това ще влезе в класа в главата. Сега вижте изхода. Ще забележите, че един от параграфите е под формата на курсив.
Заключение
Тази статия представлява форматирането на текста в курсив. Проектирането на текст е съществена част от проектирането на уеб страница.