Scribd Logo
Upload

Welcome to Scribd!

  • Prak BPW 3

    Uploaded by

    Wan zsalsabilla Laraswati
    11 views3 pages
    b,njknklmk

    Original Title

    prak bpw 3

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    b,njknklmk

    Copyright:

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

    Prak BPW 3

    Uploaded by

    Wan zsalsabilla Laraswati
    b,njknklmk

    Copyright:

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

    inline

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    </head>
    <body>
    <p style="color: blue; font-size: 16px;"> HTML css
    </body>
    </html>

    internal

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Contoh Internal CSS</title>
    <style>
    body{
    background-color: lightgray;
    font-family: Arial,sans-serif;
    }
    h1{
    color: navy;
    text-align: center;
    }
    p{
    color: black;
    font-size: 16px;
    }
    </style>
    </head>
    <body>
    <h1>Ini adalah judul halaman</h1>
    <p>Ini adalah paragraf pertama</p>
    <p>Ini adalah paragraf kedua</p>

    </body>
    </html>

    eksternal

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Contoh External CSS</title>
    <link rel="stylesheet" type="text/css" href="style.css">
    </head>
    <body>
    <h1>Ini adalah judul halaman</h1>
    <p>Ini adalah paragraf pertama</p>
    <p>Ini adalah paragraf kedua</p>
    </body>
    </html>

    css nya

    body{
    background-color: lightgray;
    font-family: Arial,sans-serif;
    }
    h1{
    color: navy;
    text-align: center;
    }
    P{
    color: black;
    font-size: 16px;
    }

    selector id

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Contoh External CSS</title>
    <link rel="stylesheet" type="text/css" href="style.css">
    </head>
    <body>
    <div id="header">
    <h1>Ini adalah bagian Header</h1>
    </div>
    <h1>Ini adalah judul halaman</h1>
    <p>Ini adalah paragraf pertama</p>
    <p>Ini adalah paragraf kedua</p>
    </body>
    </html>

    cssnya

    body{
    background-color: lightgray;
    font-family: Arial,sans-serif;
    }
    h1{
    color: navy;
    text-align: center;
    }
    P{
    color: black;
    font-size: 16px;
    }
    #header{
    background-color: gray;
    color: white;
    padding: 10px;
    }

    selectr class

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Contoh External CSS</title>
    <link rel="stylesheet" type="text/css" href="style.css">
    </head>
    <body>
    <div id="header">
    <h1>Ini adalah bagian Header</h1>
    </div>
    <h1 class="bgMerah">Ini adalah judul halaman</h1>
    <p class="bgMerah">Ini adalah paragraf pertama</p>
    <p class="bgMerah">Ini adalah paragraf kedua</p>
    </body>
    </html>

    css nya

    body{
    background-color: lightgray;
    font-family: Arial,sans-serif;
    }
    h1{
    color: navy;
    text-align: center;
    }
    P{
    color: black;
    font-size: 16px;
    }
    #header{
    background-color: gray;
    color: white;
    padding: 10px;
    }
    .bgMerah{
    background-color: red;
    }

    You might also like