Последние учебники веб-разработки
×

HTML5 Руководство

HTML ГЛАВНАЯ HTML Введение HTML редакторы HTML базовый HTML элементы HTML Атрибуты HTML Заголовки HTML Пункты HTML Стили HTML форматирование HTML цитаты HTML Компьютерный код HTML Комментарии HTML Цвета HTML CSS HTML связи HTML Изображений HTML таблицы HTML Списки HTML Блок и строковые элементы HTML Классы HTML раскладка HTML отзывчивый HTML Iframes HTML JavaScript HTML Глава HTML юридические лица HTML Символы HTML Charset HTML URL шифровать HTML XHTML

HTML формы

HTML формы HTML Форма Элементы HTML Типы входных данных HTML Входные атрибуты

HTML5

HTML5 вступление HTML5 Поддержка HTML5 элементы HTML5 Семантика Миграция HTML5 HTML5 Гид по стилю

HTML Графика

HTML холст HTML SVG

HTML СМИ

HTML СМИ HTML видео HTML аудио HTML Плагины HTML YouTube

HTML APIs

HTML Geolocation HTML Перетаскивания HTML Локальное хранилище HTML App кэш HTML Web Workers HTML SSE

HTML Примеры

HTML Примеры HTML викторина HTML5 викторина HTML Резюме

HTML Рекомендации

HTML Список тегов HTML Атрибуты HTML События HTML холст HTML Аудио Видео HTML DOCTYPEs HTML Цвета HTML Наборы символов HTML URL шифровать HTML Языковые коды HTTP Сообщения HTTP методы PX to EM конвертер Горячие клавиши

Стили HTML

Стили HTML

I am red

I am blue

Попробуй сам "

HTML Style Атрибут

Настройка стиля HTML - элемент, может быть сделано с style атрибутом.

Атрибут HTML стиль имеет следующий синтаксис:

style=" property : value; "

property является свойством CSS. value является значением CSS.

Вы узнаете больше о CSS позже в этом руководстве.


HTML Цвет фона

background-color свойство определяет цвет фона для HTML - элемента:

Этот пример устанавливает фон для страницы в светло-серый:

пример

<body style="background-color:lightgrey;">

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
Попробуй сам "

HTML Text Color

color свойство определяет цвет текста для HTML - элемента:

пример

<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>
Попробуй сам "

HTML шрифты

font-family свойство определяет шрифт , который будет использоваться для HTML элемента:

пример

<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>
Попробуй сам "

HTML Размер текста

font-size свойство определяет размер шрифта для HTML - элемента:

пример

<h1 style="font-size:300%;">This is a heading</h1>
<p style="font-size:160%;">This is a paragraph.</p>
Попробуй сам "

HTML Выравнивание текста

text-align свойство определяет горизонтальное выравнивание текста для HTML элемента:

пример

<h1 style="text-align:center;">Centered Heading</h1>
<p>This is a paragraph.</p>
Попробуй сам "

Краткое содержание главы

  • Используйте style атрибут для укладки HTML элементов
  • Используйте background-color для цвета фона
  • Используйте color для цвета текста
  • Используйте font-family для текстовых шрифтов
  • Используйте font-size для текста размера
  • Использование text-align для выравнивания текста

Проверьте себя с упражнениями!

Упражнение 1 » Упражнение 2» Упражнение 3 » Упражнение 4» Упражнение 5 » Упражнение 6»