Learn HTML #8

Posted on by Apostube

HTML Styles

The HTML style attribute is used to add styles to an element, such as color, font, size, and more.

Example

I am Red

I am Blue

I am Big

The HTML Style Attribute

Setting the style of an HTML element, can be done with the style attribute.

The HTML style attribute has the following syntax:

<tagname style="property:value;">

Background Color

The CSS background-color property defines the background color for an HTML element.

Example

Set the background color for a page to powderblue:

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

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

</body>

Example

Set background color for two different elements:

<body>

<h1 style="background-color:powderblue;">This is a heading</h1>
<p style="background-color:tomato;">This is a paragraph.</p>

</body>

Text Color

The CSS color property defines the text color for an HTML element:

Example

<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>

Fonts

The CSS font-family property defines the font to be used for an HTML element:

Example

<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>

Text Size

The CSS font-size property defines the text size for an HTML element:

Example

<h1 style="font-size:300%;">This is a heading</h1>
<p style="font-size:160%;">This is a paragraph.</p>

Text Alignment

The CSS text-align property defines the horizontal text alignment for an HTML element:

Example

<h1 style="text-align:center;">Centered Heading</h1>
<p style="text-align:center;">Centered paragraph.</p>

Chapter Summary

  • Use the style attribute for styling HTML elements
  • Use background-color for background color
  • Use color for text colors
  • Use font-family for text fonts
  • Use font-size for text sizes
  • Use text-align for text alignment

Apostube

See author's posts

Related Posts

Learn HTML #50

HTML Uniform Resource Locators A URL is another word for a web address. A URL can be composed of words (e.g. […]

Learn HTML #49

HTML Plug-ins Plug-ins are computer programs that extend the standard functionality of the browser. Plug-ins Plug-ins were designed to be used […]

Learn HTML #48

HTML Audio The HTML <audio> element is used to play an audio file on a web page. The HTML <audio> Element To play […]

43 thoughts on “Learn HTML #8”

  3. Преимущества массажного роллера Здравствуйте, Елена! Ответ производителя: “Роллер чаще начинают использовать с 25 лет и старше. В связи со спецификой Вашей кожи, рекомендуем обратиться за советом к профессиональному косметологу – более точный и правильный ответ они смогут дать.” Pink Paradise – один из трех оттенков новых теней Clarins. Я попробовала еще и White Shadow, но, знаете, по качеству они сильно неодинаковы. Розовые – легкомысленная дымка, которая держится стойко и не собирается в складках кожи. А бежевые напоминают песок и совершенно не хотят прилипать к векам. Вроде бы оттенок совсем светлый, а все равно заметно, что он неравномерно ложится. Выберите страну Массаж роллером активирует целый ряд процессов в коже, которые приводят к ее обновлению и омоложению. Pink Paradise – один из трех оттенков новых теней Clarins. Я попробовала еще и White Shadow, но, знаете, по качеству они сильно неодинаковы. Розовые – легкомысленная дымка, которая держится стойко и не собирается в складках кожи. А бежевые напоминают песок и совершенно не хотят прилипать к векам. Вроде бы оттенок совсем светлый, а все равно заметно, что он неравномерно ложится. https://vopvn.com/hoithanh/community/profile/kathrynwoollard/ Ищете положительные и негативные отзывы о SHIK Гель для бровей Clear eyebrow gel? Ваш браузер устарел, пожалуйста обновите его. Уложите брови с помощью геля. В интернет-магазине парфюмерии Randewoo.ru каждый может выбрать и купить парфюмерию, косметику или аксессуар в 1 клик. В нашем каталоге более 5000 брендов мужской, женской, детской косметики и парфюмерии, ароматов для дома и аксессуаров разных ценовых категорий, всего более 180 000 товаров. Кроме того, ассортимент постоянно пополняется! Чтобы добавить отзыв, пожалуйста, зарегистрируйтесь или войдите Представлен в четырёх идеальных оттенках: Тинт для бровей. Обладает высокой стойкостью и придаёт натуральный оттенок. Незаметно фиксирует, делая брови естественными. Мусс-шампунь для бровей, ресниц и лица с бергамотом Nikk Mole, 100 мл Способ применения: уложите брови с помощью геля. Загрузка файла Оставьте Ваше сообщение и контактные данные и наши специалисты свяжутся с Вами в ближайшее рабочее время для решения Вашего вопроса.

    Reply

  4. Follow this publisher – current follower count:58 Spielzeugfahrzeuge „Der Besuch im CCG war recht nice, sodass ich sogar gleich am Abend mit meinen Eltern darüber gesprochen habe und natürlich auch die von mir gemachten Fotos zeigte.“ (Tasnim)„In einem Container erfuhren wir, wie z. B. ein Kleid aus China nach Graz (ins Cargo Center Graz) kommt. Die Reise des Kleides erfolgt in eben einem solchen Container.“ (Amira) EPT Neubau Gabelstapler Kran LKW Spielzeug auto 2Pc Krane Spielzeug Maschinen turm Modell Kinder kran Zum Verkauf Was tun, falls wieder einmal ein Biber – oder auch ein anderes Wildtier – auftaucht? „Gleich die Behörde informieren“, sagt die Bezirkshauptfrau. Streichelversuche oder andere Annäherungen sind weder ratsam noch erlaubt. Was kannst du eigentlich mit den LEGO® Classic Boxen bauen? Natürlich liefert LEGO® viele… https://tango-wiki.win/index.php?title=Roulette_online_casino CasinoTricks Wir arbeiten ständig daran, unsere große Sammlung mit kostenlosen Casinospielen zu erweitern. Im Moment wird unser Verzeichnis der kostenlose Spiele hauptsächlich von Spielautomaten (Slotspielen) dominiert, aber wir planen weitere Spiele wie Bingo, Baccarat, Würfelspiele oder Rubbellose hinzuzufügen. Wo kann man Spielautomaten online kostenlos spielen? Copyright 2012 – 2022 by automatentest.de Möchten Sie Free Slots ohne Anmeldung unterwegs spielen? Dann nehmen Sie die mobile Version der Automatenspiele ohne Anmeldung in Anspruch! Die Handy-Variante der Spielautomaten bietet Ihnen die Möglichkeit, Ihr Lieblingsspiel zu genießen, auch wenn Sie nicht zuhause sind. Es spielt keine Rolle, ob Sie ein Smartphone oder ein Tablet benutzen, es gibt Spielautomaten kostenlos für jedes Gerät wie iOS, Android und andere bekannten Betriebssysteme.

    Reply

  6. Arimidex is not a drug which is renowned for having particularly severe side effects and in many people, it is tolerated well lasix ototoxicity Tamoxifen is a selective estrogen receptor regulator and its use is well established in patients with breast cancer 15

    Reply

  41. Comprehensive side effect and adverse reaction information. Best and news about drug.
    ivermectin price
    Actual trends of drug. Prescription Drug Information, Interactions & Side.

    Reply

  43. drug information and news for professionals and consumers. п»їMedicament prescribing information.
    https://stromectolst.com/# ivermectin 3mg pill
    Comprehensive side effect and adverse reaction information. safe and effective drugs are available.

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *