Курсив в html. Как сделать текст на странице курсивом?


Курсив на странице часто используется для того, чтобы выделить какой-то участок текста на странице, заострить на нем внимание пользователя или просто сделать текст красивее. В HTML для этого существует специальный тег <i>, то есть текст, который вам необходимо сделать курсивом, нужно поместить в этот парный тег:

1
<i>Этот текст будет отображаться курсивом</i>

Вы можете выделить кусок текста:

1
2
3
4
5
6
7
<html>
<head>
</head>
<body>
Это небольшой текст, <i>внутри которого</i> несколько слов выделены курсивом.
</body>
</html>

Также текст курсивом можно сделать с помощью css. Для этого используется свойство font-style со значением italic:

1
2
3
4
5
6
7
8
9
10
11
12
13
<html>
<head>
<style>
.my_text {
    font-style: italic;
}
</style>
</head>
<body>
Это другой пример текста, <span class=”my_text”>внутри которого</span> несколько 
слов выделены курсивом.
</body>
</html>

Стили удобно помещать в отдельный css-файл.





Другие посты

Категория: HTML

Оставить комментарий