Язык разметки гипертекста (HTML) - это интерфейсный язык, используемый для проектирования и разработки веб-сайтов. HTML - это базовый язык всех языков, используемых для разработки статических или динамических веб-страниц. Html имеет множество функций, которые требуются при проектировании. С помощью тегов, команд, написанных в угловых скобках, оформляется веб-страница. HTML позволяет пользователю создавать или редактировать текст, изображение или любой другой элемент, как любой текстовый редактор, например, Microsoft Word. Содержимое HTML - это текст, изображение, цвет, дизайн и т. Д. Дизайн - очень важная часть, поскольку он отвечает за оформление текста. Выделение текста курсивом - один из примеров оформления текста. Этот элемент важен для привлечения внимания пользователя. Некоторые примеры выделены в этом руководстве.
Необходимые основы
HTML требует двух инструментов для проектирования и разработки веб-сайта. Один из них - это текстовый редактор, который необходим для написания в нем html-кода. Это может быть любой текстовый редактор в вашем доступе, например, блокнот, блокнот ++, возвышенный, визуальная студия и т. Д. Второй - браузер на вашем компьютере, Google Chrome, Internet Explorer и т. Д. В этой статье мы использовали блокнот и Гугл Хром. Для разработки статической страницы вам понадобится HTML, а для стилизации таблицы стилей CSS. Каждый из них используется в этом руководстве с примерами.
Формат HTML
Чтобы объяснить дизайн курсивного текста, мы сначала разберемся с кодом html. Код HTML состоит из двух частей. Один - это головная часть, а другой - в теле. Включаем заголовок в головную часть; это название заголовка на самом деле является заголовком страницы. Внутренняя укладка также выполняется внутри туловища головы. В то время как тело содержит все другие теги, относящиеся к тексту, изображению, цвету и т. Д., Кроме того, все, что вы хотите добавить на html-страницу, записывается в основной части html-кода.
< html >
< голова >...</ голова >
< тело >….</ тело >
</ html >
Изображение ниже - это образец кода HTML. Вы можете видеть, что название заголовка написано внутри заголовка. В то же время мы добавили абзац в тело html с помощью тега
. тогда тег body и теги html закрываются.
Результат этого примера виден в браузере. Вы можете видеть, что название заголовка отображается в названии вкладки, которое мы объявили в заголовке html-кода.
HTML имеет открывающие и закрывающие теги для всех тегов, написанных внутри его тела. После того, как код открыт, необходимо закрыть после написания текста между ним. Тег закрывается косой чертой. Затем код сохраняется в файле блокнота. Следует иметь в виду, что при сохранении кода файл текстового редактора должен быть сохранен с расширением html. Например, sample.html. тогда вы увидите, что файл сохранен со значком текущего браузера, который вы используете для этой цели.
Это было основой проектирования в html. Теперь на простом примере выделим текст курсивом.
Пример 1
Возьмите файл блокнота и напишите простой HTML-код, как описано ранее в этом руководстве. Добавьте абзац из двух строк в основной части. Сделать текст курсивом. Используйте тег в начале слов, которые должны быть выделены курсивом
< я > ……</ я >Это тег для выделения текста курсивом. Как вы можете видеть на изображении ниже, это открывающий тег, записанный в начале и закрывающий тег. Закройте тело и html.
Теперь сохраните файл и запустите его в браузере, чтобы увидеть вывод файла.
Из выходных данных вы можете заметить, что предложение, которое мы сделали курсивом в коде, имеет курсивную форму, тогда как первое предложение появилось в обычном формате.
Пример 2
В этом примере мы выделим курсивом конкретное слово вместо всего предложения текста. открывающие и закрывающие теги используются во всем абзаце, где бы мы ни хотели сделать текст в предложении курсивом.
Теперь еще раз сохраните файл и запустите его в браузере. Вы можете видеть, что некоторая определенная часть текста выделена курсивом, который мы хотим сделать курсивом в коде.
Пример 3
Помимо использования в тексте существует другой способ сделать текст курсивом. Это подход к выделению некоторой части текста. Этот тег также имеет открывающий и закрывающий теги. Используемый для этого синтаксис:
< в >….</ в >Текст пишется между двумя тегами; в этом примере мы использовали этот тег два раза в абзаце. Давайте посмотрим на изображение кода, размещенное ниже.
В обоих предложениях мы использовали один раз в абзаце. Вывод получается путем запуска файла html в формате браузера.
Пример 4
Это пример, в котором мы использовали другой подход, чтобы выделить слова курсивом. Подразумевает использование в тексте. В этом примере мы применили этот тег ко всему тексту, написанному в теле html.
< Cite > ……</ Цитировать >
Закрыв все теги, запустите файл в браузере.
Пример 5
До сих пор мы обсуждали встроенный стиль текста. Выделение текста курсивом также относится к стилизации и оформлению текста. Укладка бывает трех видов. Один встроенный, второй внутренний, а третий внешний. Встроенный стиль выполняется внутри тега. Внутренний написан внутри тела головы. А внешний стиль выполняется в другом файле с расширением .css.
Это пример встроенного CSS; здесь мы написали код внутри тегов абзаца. Мы объявили, что выражение style как font-style выделено курсивом. Этот оператор написан внутри тега, поэтому у него не будет закрывающего тега, как вы можете видеть на изображении выше. Теперь закройте все теги и запустите их в браузере. Он показывает те же результаты, что и мы.
< п стильзнак равноделать-стиль: курсив;>
Пример 6
После встраивания мы добавим пример внутреннего стиля. Здесь внутри головной части добавляется класс. Затем имя класса объявляется внутри тега абзаца в теле html. Чтобы он был легко доступен.
< голова >< стиль >
.к{
Делать-стиль: курсив;
}
</ стиль ></ голова >
Вы можете видеть, что класс инициализируется методом точки. В коде два абзаца; мы применили этот стиль к одному из них. Так что это полезно, когда мы хотим отформатировать один абзац.
Объявление класса внутри абзаца:
< п классзнак равноа>< п классзнак равно'к'>
Это получит доступ к классу в голове. Теперь посмотрим на результат. Вы заметите, что один из абзацев выделен курсивом.
Заключение
В этой статье представлено форматирование текста курсивом. Дизайн текста - важная часть разработки веб-страницы.