Scribd Logo
Upload

Welcome to Scribd!

  • The HTML Style Attribute

    Uploaded by

    jc ochavilla
    16 views2 pages
    The document discusses using the style attribute in HTML to set various CSS properties for elements. It provides examples of setting the background-color, color, font-family, font-size, and text-align properties to style body, heading, and paragraph elements. The last section prompts the reader to edit an activity1 page to experiment with these styles.

    Original Description:

    5t6t7

    Original Title

    2

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document discusses using the style attribute in HTML to set various CSS properties for elements. It provides examples of setting the background-color, color, font-family, font-size, and text-align properties to style body, heading, and paragraph elements. The last section prompts the reader to edit an activity1 page to experiment with these styles.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as docx, pdf, or txt
    16 views2 pages

    The HTML Style Attribute

    Uploaded by

    jc ochavilla
    The document discusses using the style attribute in HTML to set various CSS properties for elements. It provides examples of setting the background-color, color, font-family, font-size, and text-align properties to style body, heading, and paragraph elements. The last section prompts the reader to edit an activity1 page to experiment with these styles.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as docx, pdf, or txt
    of 2

    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;">

    The property is a CSS property. The value is a CSS value.

    You will learn more about CSS later in this tutorial.

    1. HTML Background Color


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

    This example sets 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>

    2. HTML Text Color


    The 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>

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

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


    <p style="font-family:courier;">This is a paragraph.</p>
    4. HTML Text Size
    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>

    5. HTML Text Alignment


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

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


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

    Activity 2. Open your activity1, edit page background color,


    edit text color and fonts.

    You might also like