Scribd Logo
Upload

Welcome to Scribd!

  • !doctype HTML Head Link /head Body h1 /h1 P /P /body /HTML

    Uploaded by

    didik faridi
    8 views3 pages

    Original Title

    Eksternal css

    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

    Copyright:

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

    !doctype HTML Head Link /head Body h1 /h1 P /P /body /HTML

    Uploaded by

    didik faridi

    Copyright:

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

    Eksternal css

    <!DOCTYPE html>
    <html>
    <head>
    <link rel="stylesheet" href="mystyle.css">
    </head>
    <body>

    <h1>This is a heading</h1>
    <p>This is a paragraph.</p>

    </body>
    </html>

    body {
      background-color: lightblue;
    }

    h1 {
      color: navy;
      margin-left: 20px;
    }

    ==================================
    Internal CSS
    <!DOCTYPE html>
    <html>
    <head>
    <style>
    body {
      background-color: linen;
    }

    h1 {
      color: maroon;
      margin-left: 40px;
    }
    </style>
    </head>
    <body>

    <h1>This is a heading</h1>
    <p>This is a paragraph.</p>
    </body>
    </html>

    CSS with comment

    <!DOCTYPE html>

    <html>

    <head>

    <style>

    p{

    color: red; /* Set text color to red */

    </style>

    </head>

    <body>

    <h2>My Heading</h2>

    <!-- These paragraphs will be red -->

    <p>Hello World!</p>

    <p>This paragraph is styled with CSS.</p>

    <p>HTML and CSS comments are not shown in the output.</p>

    </body>

    </html>

    ========================

    Background color

    <!DOCTYPE html>

    <html>

    <body>
    <h1 style="background-color:Tomato;">Tomato</h1>

    <h1 style="background-color:Orange;">Orange</h1>

    <h1 style="background-color:DodgerBlue;">DodgerBlue</h1>

    <h1 style="background-color:MediumSeaGreen;">MediumSeaGreen</h1>

    <h1 style="background-color:Gray;">Gray</h1>

    <h1 style="background-color:SlateBlue;">SlateBlue</h1>

    <h1 style="background-color:Violet;">Violet</h1>

    <h1 style="background-color:LightGray;">LightGray</h1>

    </body>

    </html>

    You might also like