HTML Text Color Code

Trang chủ » Html Color Text Inline » HTML Text Color Code

Có thể bạn quan tâm

HTML Text Color Code

You can use the following HTML code to specify color text within your HTML documents.

In HTML, color is applied using CSS (Cascading Style Sheets). More specifically, to set the foreground color of an element, you use the color property. To set the background color, use the background-color property.

Text Color - Inline Styles

Using inline styles, your code is inserted within the HTML element that you want to apply color to. This is done by using the style attribute along with the <span> tag.

<p>Normal text color <span style="color:green">different text color</span> normal text color <span style="background-color:yellow">different background color</span></p>

Text Color - Embedded Styles:

Using embedded styles, the CSS code is inserted between the <style> tags within the head of the document.

<!DOCTYPE html> <html> <head> <style type="text/css"> .different-text-color { color: green; } </style> </head> <body> <p>Normal text color <span class="different-text-color">different text color</span> normal text color</p> </body> </html>

Text Color - External Style Sheet

If you have a multiple page website, you should consider placing your text color code into an external style sheet. This makes it much easier to maintain the styles across your whole website.

Choosing your Colors

There are millions of different colors to choose from when creating color schemes for websites. The easiest way to choose your colors is to use this color picker.

More Text Codes

Here's a list of the various text/font properties you can use on your website.

  • font
  • font-family
  • font-size
  • font-size-adjust
  • font-stretch
  • font-style
  • font-variant
  • font-weight
  • letter-spacing
  • line-height
  • color
  • background-color
  • text-align
  • text-decoration
  • text-indent
  • text-shadow
  • text-transform

HTML Reference

  • Screenshot of HTML code

    HTML Tutorial

    Free HTML tutorial that explains how to code in HTML.

    This tutorial explains what HTML elements and attributes are, and how to use them.

    I explain the basics, such as what you need in order to write HTML and how to create your first web page.

    I then cover other HTML topics including tables, adding color, images, forms, image maps, iframes, meta tags, and more.

    I also explain the difference between HTML and CSS (and when to use each one).

    Go to HTML Tutorial
  • Screenshot of HTML tags

    HTML Tags

    Full list of all HTML elements.

    This is an alphabetical list of HTML elements, linking to a full page of details for each element.

    All elements are based on the official HTML5 specification, and include usage notes, full attribute list, as well as links to the various specifications for each element (i.e. HTML4 spec, HTML5 spec, WHATWG spec).

    Go to HTML Tags
  • Screenshot of CSS Properties

    CSS Properties

    Full list of CSS properties.

    Alphabetical list of CSS properties as per the W3C specifications.

    CSS stands for Cascading Style Sheets. CSS is the standard way to style web pages.

    You can use CSS to set the style for a whole website in one place. CSS allows you to set colors, fonts, widths, heights, margins, padding, and much more.

    Go to CSS Properties

Từ khóa » Html Color Text Inline