Scribd Logo
Upload

Welcome to Scribd!

  • Computer 7 Unit 2 Chapter 5

    Uploaded by

    marvin prianes
    1 views7 pages

    Copyright

    © © All Rights Reserved

    Available Formats

    PPTX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pptx, pdf, or txt
    1 views7 pages

    Computer 7 Unit 2 Chapter 5

    Uploaded by

    marvin prianes

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pptx, pdf, or txt
    of 7

    INTRODUCTION TO

    HTML STYLES
    HTML STYLE & ITS ATTRIBUTES
    HTML Styles
    The HTML style attribute is used to add styles to an element, such as color,
    font, size, and more.

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

    The HTML style attribute has the following syntax:

    <element style="property:value;">

    The element is the html element/tag.


    The property is a CSS property.
    The value is a CSS value.
    Background Color Property
    The CSS background-color property defines the background color for an HTML element.

    Example
    Set the background color for a page to blue:
    <body style="background-color:blue;">

    <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:blue;">This is a heading</h1>


    <p style="background-color:green;">This is a paragraph.</p>

    </body>
    Text Color Property
    The text color property defines the text color for an HTML element:

    <h1 style="color:blue;">This is a heading</h1>


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

    Font Family Property


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

    <h1 style="font-family:arial;">This is a heading</h1>


    <p style="font-family:verdana;">This is a paragraph.</p>
    Font Size Property
    The font-size property defines the text size for an HTML element:

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


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

    Text Alignment Property


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

    <h1 style="text-align:left;">Left 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
    THA N K Y O U
    FOR
    LIS TE N I NG

    You might also like