Html стиль текста: HTML: форматирование текста | СХОСТ блог

Содержание

HTML: форматирование текста | СХОСТ блог

Рассмотрим несколько важных моментов форматирования текста в HTML:

и 一 выделение текста.
и 一 курсив.
一 подчеркнутый текст.
и 一 надстрочный индекс.

Например:

<html>

<head>

<meta http-equiv=»Content-Type» content=»text/html; charset=utf-8″>

<title>Форматирование текста</title>

</head>

<body>

Содержание:

<ul>

<li>Работа со шрифтами. </li>

<li>Создание блока с отступом.</li>

<li>Цвет, стиль и размер шрифта.</li>

<li>Переход на следующую строку и выравнивание текста .</li>

</ul>

</body>

</html>

Текст в браузере:

Создание блока с отступом. За создание блока с отступом отвечает тег <BLOCKQUOTE>. например:

<BLOCKQUOTE>Содержание:</BLOCKQUOTE>

Текст в браузере:

Цвет, стиль и размер шрифта. Данные параметры задаются тегом <BASEFONT>, имеющим несколько атрибутов: color = (цвет шрифта), size = (размер шрифта), face = (перечень названий шрифтов). Для того, чтобы изменить размер шрифта, воспользуйтесь атрибутом size тега . Чтобы поменять цвет шрифта, воспользуйтесь атрибутом color тега . Чтобы добавить шрифт, нужен атрибут face тега .

Например:

<html>

<head>

<meta http-equiv=»Content-Type» content=»text/html; charset=utf-8″>

<title>Форматирование текста</title>

</head>

<body>

<BLOCKQUOTE>Содержание:</BLOCKQUOTE>

<ul>

<li>Работа со шрифтами. </li>

<li>Создание блока с отступом.</li>

<li>Цвет, стиль и размер шрифта.</li>

<li>Переход на следующую строку и Hвыравнивание текста .</li>

</ul>

</body>

</html>

Текст в браузере:

<li>Работа со шрифтами. </li>

Текст в браузере:

Стиль текста в HTML

Раздел: Сайтостроение / HTML /

Вёрстка сайта с нуля 2. 0

Как научиться верстать сайты любой сложности и под любые устройства, даже если сейчас Вы не знаете, что такое HTML? Есть несколько способов, но самый доступный — это видеокурс. Подробнее…

Вообще слово “стиль” не русское, и оно имеет несколько значений. И даже по отношению к тексту оно имеет не менее двух значений. Первое относится к содержанию текста (научный стиль, художественный, разговорный и т.п.) — это, можно сказать, логический стиль. Второе — к оформлению текста (виды отображения букв) — это физический стиль.

Разумеется, это делается с помощью тегов. Все эти теги парные. Поскольку всё это довольно просто, то я не буду здесь расписывать все подробности, а просто приведу примеры HTML-кода, из которых будет всё понятно даже новичку.


<b>Это жирный текст</b>

<strong>Это тоже жирный текст</strong>

<i>Это курсив</i>

<em>Это тоже курсив</em>

<u>Это подчёркнутый текст</u>

<s>Это зачёркнутый текст</s>

<strike>Это тоже зачёркнутый текст</strike>

<del>Это тоже зачёркнутый текст (поддерживается в HTML5)</del>

<tt>
Это моноширинный текст (все знакоместа имеют одинаковую ширину)
</tt>

Как видите, некоторые стили можно задать с помощью нескольких тегов.

Кроме того, эти теги можно использовать совместно. Например:


<b><i>Это жирный курсив</i></b>
    
<b><u>Это жирный подчёркнутый</u></b>

<b><i><u>Это жирный подчёркнутый курсив</u></i></b>

Для лучшего понимания посмотрите видео (выше) и изучите курс о вёрстке сайтов.

Примеры отображения текста разных стилей в браузере

Как создать свой сайт

Очень небольшая книга, которую можно прочитать буквально за 15 минут. Но эти 15 минут дадут вам представление о том, как создаются современные сайты… Подробнее…

Помощь в технических вопросах

Помощь студентам. Курсовые, дипломы, чертежи (КОМПАС), задачи по программированию: Pascal/Delphi/Lazarus; С/С++; Ассемблер; языки программирования ПЛК; JavaScript; VBScript; Fortran; Python; C# и др. Разработка (доработка) ПО ПЛК (предпочтение — ОВЕН, CoDeSys 2 и 3), а также программирование панелей оператора, программируемых реле и других приборов систем автоматизации. Подробнее.

HTML | Тег стиля — GeeksforGeeks

Просмотреть обсуждение

Улучшить статью

Сохранить статью

Уровень сложности: Easy
Последнее обновление: 17 мар, 2022

Читать

Обсудить

Посмотреть обсуждение

Улучшить статью

Сохранить статью

Тег