Навигация:

Главная Случайная страница Обратная связь ТОП Интересно знать Избранные Новые материалы

Топ:

Процедура выполнения команд. Рабочий цикл процессора: Функционирование процессора в основном состоит из повторяющихся рабочих циклов, каждый из которых соответствует...

Организация стока поверхностных вод: Наибольшее количество влаги на земном шаре испаряется с поверхности морей и океанов...

Техника безопасности при работе на пароконвектомате: К обслуживанию пароконвектомата допускаются лица, прошедшие технический минимум по эксплуатации оборудования...

Интересное:

Искусственное повышение поверхности территории: Варианты искусственного повышения поверхности территории необходимо выбирать на основе анализа следующих характеристик защищаемой территории...

Финансовый рынок и его значение в управлении денежными потоками на современном этапе: любому предприятию для расширения производства и увеличения прибыли нужны...

Отражение на счетах бухгалтерского учета процесса приобретения: Процесс заготовления представляет систему экономических событий, включающих приобретение организацией у поставщиков сырья...

Дисциплины:

Автоматизация Антропология Археология Архитектура Аудит Биология Бухгалтерия Военная наука Генетика География Геология Демография Журналистика Зоология Иностранные языки Информатика Искусство История Кинематография Компьютеризация Кораблестроение Кулинария Культура Лексикология Лингвистика Литература Логика Маркетинг Математика Машиностроение Медицина Менеджмент Металлургия Метрология Механика Музыкология Науковедение Образование Охрана Труда Педагогика Политология Правоотношение Предпринимательство Приборостроение Программирование Производство Промышленность Психология Радиосвязь Религия Риторика Социология Спорт Стандартизация Статистика Строительство Теология Технологии Торговля Транспорт Фармакология Физика Физиология Философия Финансы Химия Хозяйство Черчение Экология Экономика Электроника Энергетика Юриспунденкция

Теги, выделяющие текст курсивом

2019-08-03

193

0.00 из 5.00 0 оценок

Заказать работу

Содержание

⇐ ПредыдущаяСтр 2 из 2

<cite></cite>
<dfn></dfn>


Эти теги выделяют текст курсивом, но делают они это по разным причинам.
Теги <cite></cite> используются для логического выделения названий книг, статей и цитат.
Теги <dfn></dfn> используются для выделения определений.
Тегами  и  выделяют важные фрагменты текста. Последний не рекомендуется к употреблению.

Пример кода:

<html>

<head>

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

</head>

<body>

<cite>

Этот текст в тегах cite

</cite>

<dfn>

Этот текст в тегах dfn

</dfn>

Этот текст в тегах em

Этот текст в тегах i

</body>

</html>

В окне браузера это будет выглядеть так:

Теги, выделяющие текст полужирным шрифтом



Оба используются для выделения важных фрагментов текста, но предпочтительнее использовать первый.

Пример кода:

<html>

<head>

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

</head>

<body>

Просто текст

Этот текст в тегах strong

Этот текст в тегах b

</body>

</html>

В окне браузера это будет выглядеть так:

Теги, выделяющие текст подчеркиванием

<ins></ins>

Оба используются для подчеркивания важных фрагментов текста, но предпочтительнее использовать первый.

Пример кода:

<html>

<head>

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

</head>

<body>

Просто текст

<ins>

Этот текст в тегах ins

</ins>

Этот текст в тегах u

</body>

</html>

В окне браузера это будет выглядеть так:

Теги, выводящие текст моноширинным шрифтом

<kbd></kbd>
<samp></samp>
<tt></tt>
Выводят текст моноширинным шрифтом, но предпочтительнее использовать первый.

Пример кода:

<html>

<head>

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

</head>

<body>

Просто текст

<kbd>

Этот текст в тегах kbd

</kbd>

<samp>

Этот текст в тегах samp

</samp>

<tt>

Этот текст в тегах tt

</tt>

</body>

</html>

В окне браузера это будет выглядеть так:

Теги, выводящие текст в верхнем и нижнем индексах

Теги  выводят текст ниже уровня строки шрифтом меньшего размера.
Теги  выводят текст выше уровня строки шрифтом меньшего размера.
Удобны для вывода математических и химических формул.

Пример кода:

<html>

<head>

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

</head>

<body>

y=x2 - уравнение параболы.

H2O - формула воды.

</body>

</html>

В окне браузера это будет выглядеть так:

Тег font и его параметры

Теги  указывают параметры шрифта текста:

face - название шрифта. Названий шрифтов можно привести несколько, через запятую. В этом случае, если первый указанный шрифт не будет найден (вы же не знаете, какие шрифты установлены на компьютере пользователя), браузер станет использовать следующий по списку.

size - размер шрифта в условных единицах от 1 до 7. По умолчанию размер шрифта равен 3.

color - цвет текста (по умолчанию - черный).

Существуют два способа задания цвета: по имени и указанием шестнадцатеричного кода цвета.

С именными цветами (их 156) все просто, смотрим в соответствующую таблицу, выбираем понравившийся цвет и пишем его имя в значение параметра (например, color="blue").

Но гораздо больший выбор предоставляет второй способ. Здесь мы можем выбирать из миллиона цветов, указав его шестнадцатеричный код. Этот код представляет собой 6 цифр и начинается с символа "#". Не будем вдаваться в подробности, как формируется код цвета, укажем лишь на то, что получить его можно, например, в программе Photoshop. О том, как это делать читайте на странице Цвета для web.

Пример кода:

<html>

<head>

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

</head>

<body>

Это простой текст.

Этот текст красный, размера 5.

Этот текст синий, размера 2.

</body>

</html>

В окне браузера это будет выглядеть так:

Тег center

Теги <center></center> предназначен для выравнивания всех элементов внутри него по центру окна браузера.

Пример кода:

<html>

<head>

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

</head>

<body>

Это простой текст

<center>Это выровненный по центру текст.</center>

</body>

</html>

Совместное использование тегов

Мы рассмотрели основные теги форматирования текста, но что если вам необходимо сделать какое-нибудь слово в тексте жирным красным курсивом? Для этого вам придется применить теги strong, font и em вместе. Здесь главное соблюдать порядок вложенности тегов. Тег, который открыт первым, должен быть закрыт последним.
Понятнее будет на примере:
Выделим слово "текст" красным цветом:

Текст
Теперь добавим теги курсива (открывающий - слева, закрывающий - справа):

Текст
А теперь - теги полужирного начертания:

Текст
Каждый раз все предыдущие теги мы помещаем в новые. Это и называется порядком вложенности. Вы можете использовать разные теги для оформления текста, главное не нарушать порядок вложенности.
На этом третий урок закончен, мы рассмотрели основные способы оформления текста, на следующем уроке мы рассмотрим менее применимые теги форматирования. Тем не менее, ознакомиться с ними будет не лишним

⇐ Предыдущая 12

Поделиться с друзьями:

Типы оградительных сооружений в морском порту: По расположению оградительных сооружений в плане различают волноломы, обе оконечности...

Организация стока поверхностных вод: Наибольшее количество влаги на земном шаре испаряется с поверхности морей и океанов (88‰)...

Эмиссия газов от очистных сооружений канализации: В последние годы внимание мирового сообщества сосредоточено на экологических проблемах...

Архитектура электронного правительства: Единая архитектура – это методологический подход при создании системы управления государства, который строится...