Scribd Logo
Upload

Welcome to Scribd!

  • Lec 11+12 (Styles)

    Uploaded by

    Informational Videos
    8 views11 pages
    This document discusses using HTML styles to modify the appearance of elements. It explains that every HTML element has default styles that can be overridden using the style attribute. Common CSS properties for styling elements, such as color, background-color, font-family, and text-align are demonstrated. Examples are provided of changing background colors for the body and paragraph elements, as well as text color, font, and alignment.

    Original Description:

    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
    This document discusses using HTML styles to modify the appearance of elements. It explains that every HTML element has default styles that can be overridden using the style attribute. Common CSS properties for styling elements, such as color, background-color, font-family, and text-align are demonstrated. Examples are provided of changing background colors for the body and paragraph elements, as well as text color, font, and alignment.

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    8 views11 pages

    Lec 11+12 (Styles)

    Uploaded by

    Informational Videos
    This document discusses using HTML styles to modify the appearance of elements. It explains that every HTML element has default styles that can be overridden using the style attribute. Common CSS properties for styling elements, such as color, background-color, font-family, and text-align are demonstrated. Examples are provided of changing background colors for the body and paragraph elements, as well as text color, font, and alignment.

    Copyright:

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

    HTML Styles

    HTML Style
    ▸ HTML Style is used to change or add the style on existing HTML elements.
    ▸ There is a default style for every HTML element e.g. background color is
    white, text color is black etc.
    ▸ The style attribute can by used with any HTML tag.
    ▸ To apply style on HTML tag, you should have the basic knowledge of css
    properties e.g. color, background-color, text-align, font-family, font-size etc.

    2
    HTML Style Attribute
    ▸ Setting the style of an HTML element, can be done with the style attribute.
    ▸ Syntax
    ▹ <tagname style="property:value;">

    3
    Background Color
    ▸ The CSS background-color property defines the background color for an
    HTML element.

    ▸ Syntax
    <body style="background-color:yellow;">

    4
    Background Color Example

    <html>
    <head><title> Working with HTML style </title> </head>

    <body style="background-color:yellow;">
    <p style="background-color:pink;"> Hello Hi </p>

    </body>
    </html>

    5
    Text Color Example

    <html>
    <head><title> Working with HTML style </title> </head>

    <body style="background-color:yellow;">
    <p style="color:green;"> Hello Hi </p>
    </body>
    </html>

    6
    HTML Style font-family
    ▸ The font-family property specifies the font family of the HTML tag.

    ▸ Syntax
    ▹ <h1 style="font-family:times new roman">……. </h1>  

    7
    HTML Style font-size
    ▸ The font-size property is used to define the text size of the HTML tag.

    ▸ Syntax
    ▹ <h1 style="font-size:200%">………..</h1>  

    8
    HTML Style text-align
    ▸ The text-align property is used to define the horizontal text alignment for the
    HTML element.
    ▹ Left
    ▹ Center
    ▹ Right

    ▸ Syntax
    ▹ <h1 style="text-align:center;">This text is located at
    center</h1>
    9
    HTML Style text-align

    ▸ HTML5 doesn't support <center> tag which is supported in older


    version of HTML.

    10
    THANKS!
    Any questions?

    11

    You might also like