ЛУЧШИЙ САЙТ ДЛЯ РАЗРАБОТЧИКОВ
×

HTML5 Tutorial

HTML HOME HTML Introduction HTML Editors HTML Basic HTML Elements HTML Attributes HTML Headings HTML Paragraphs HTML Styles HTML Formatting HTML Quotations HTML Comments HTML Colors HTML CSS HTML Links HTML Images HTML Tables HTML Lists HTML Blocks HTML Classes HTML Id HTML Iframes HTML JavaScript HTML File Paths HTML Head HTML Layout HTML Responsive HTML Computercode HTML Entities HTML Symbols HTML Charset HTML URL Encode HTML XHTML

HTML Forms

HTML Forms HTML Form Elements HTML Input Types HTML Input Attributes

HTML5

HTML5 Intro HTML5 Support HTML5 New Elements HTML5 Semantics HTML5 Migration HTML5 Style Guide

HTML Graphics

HTML Canvas HTML SVG HTML Google Maps

HTML Media

HTML Media HTML Video HTML Audio HTML Plug-ins HTML YouTube

HTML APIs

HTML Geolocation HTML Drag/Drop HTML Web Storage HTML Web Workers HTML SSE

HTML Examples

HTML Examples HTML Accessibility

HTML References

HTML Tag List HTML Attributes HTML Events HTML Colors HTML Canvas HTML Audio/Video HTML Doctypes HTML Character Sets HTML URL Encode HTML Lang Codes HTTP Messages HTTP Methods PX to EM Converter Keyboard Shortcuts

HTML Стили

Пример

Я красный

Я голубой

Я большой


Атрибут стиля HTML

Задание стиля элемента HTML можно выполнить с помощью атрибута style.

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

<tagname style="property:value;">

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

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


Цвет фона HTML

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

В этом примере устанавливается цвет фона страницы для повдерблуе:

Пример

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

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

</body>


Цвет текста HTML

Свойство 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 style="text-align:center;">Centered paragraph.</p>

Cправка

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