• Servlet
  • PHP
  • JavaScript
  • SQL Tutorial
  • jQuery
  • Java IO
  • Core Java
  • RubyonRails
  • Struts

  • <

    HTML Style

    Styles in HTML are describe how a document will be presented in a browser. Setting the style of an HTML element, can be done with the style attribute.

    There type of style in HTML :

    Inline Style : In this method, the style attribute is used inside the HTML start tag.

    Embedded Style : In this method, the style element is used inside the element of the document.

    External Style Sheet : In this method the <link> element is used to point to an external CSS file.

    Inline style example

    <!DOCTYPE html>
    <html>
    <body>
     
    <h1 style="color:green;font-size:20px;">
                   Welcome to JAVAMEANT</h1>
     
     
    <p style="color:red;font-size:30px;">
                            paragraph</p>
     
    
     
    </body>
    </html>
    


    Embedded Style example

    <!DOCTYPE html>
    <html lang = "en">
    <head>
    <style type = "text/css">
    body { background-color : green; }
    h1{color:red; font-family : arial;}
    p{color:black; font - family : verdana;}
    </style>
    </head>
    <body>
        <h1>welcome to javameant</h1>
        <p>paragraph.</p>
    </body>
    </html>
    
    
    
    


    External Style Sheet example

    
    <!DOCTYPE html>
    <html>
    <head>
        <link rel="stylesheet" type="text/css"
                href="/externalstyle.css">
    </head>
    <body>
        <h3>External Style Sheet Example</h3>
        
    </body>
    </html>
    
    
    
















    © copyright 2017-2021 Completedone pvt ltd.