ТОР 5 статей:
Методические подходы к анализу финансового состояния предприятия
Проблема периодизации русской литературы ХХ века. Краткая характеристика второй половины ХХ века
Характеристика шлифовальных кругов и ее маркировка
Служебные части речи. Предлог. Союз. Частицы
КАТЕГОРИИ:
- Археология
- Архитектура
- Астрономия
- Аудит
- Биология
- Ботаника
- Бухгалтерский учёт
- Войное дело
- Генетика
- География
- Геология
- Дизайн
- Искусство
- История
- Кино
- Кулинария
- Культура
- Литература
- Математика
- Медицина
- Металлургия
- Мифология
- Музыка
- Психология
- Религия
- Спорт
- Строительство
- Техника
- Транспорт
- Туризм
- Усадьба
- Физика
- Фотография
- Химия
- Экология
- Электричество
- Электроника
- Энергетика
Внутренние таблицы стилей
Использование внутренних стилей мало, чем отличается от использования обычных HTML тегов. Они задают стиль только одному элементу документа при помощи атрибута style в HTML теге.
Пример без использования стилей:
<font color="blue" size="3" face="Arial">
Вперед в будущее
</font>
Пример с использованием внутренних стилей:
<font style="color:blue; font-size:12pt; font-family:Arial">
Вперед в будущее
</font>
Как можно заметить, код Inline Style Sheet получился больше чем HTML. Поэтому внутренние стили следует использовать, только если необходимо задать определенному элементу свой индивидуальный стиль, существующий в классификации CSS и нереализованный в HTML.
Пример использования внутренних стилей:
<html>
<head>
<title> Пример Глобальных Таблиц Стилей </title>
</head>
<body style="background-color:#ffebcd; ">
<h1 style="text-align:center;">
Домашняя страници Сергея Сергеева
</h1>
<span style="font-weight:bold;">
Сергей Сергеев
</span>
- писатель-авангардист, автор двадцати рассказов.
<br>
В жизни большой любитель собак и компьютерных игр.
<br>
<br>
Некоторые его рассказы Вы можете прочитать прямо здесь
<div style="text-align:left;">
<a href="#skazka">
Сказка Иван-царевич и серый волк
</a>
<br>
<a href="#rasskaz">
Рассказ Молоток
</a>
<br>
<a name=skazka></a>
Текст сказки
<br><br>
<a name=rasskaz></a>
Текст рассказа
</body>
</html>
Результат выполнения программы:
Не нашли, что искали? Воспользуйтесь поиском: