Scribd Logo
Unggah

Selamat datang di Scribd!

  • Rahma Yanti - Tugas Per 7 Web

    Diunggah oleh

    rahmayanti21 yantye
    1 tayangan5 halaman

    Judul Asli

    2520016_rahma Yanti_tugas Per 7 Web

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    1 tayangan5 halaman

    Rahma Yanti - Tugas Per 7 Web

    Diunggah oleh

    rahmayanti21 yantye

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 5

    Nama : Rahma Yanti

    Nim : 2520016
    Tugas : Web Programming

    Latihan 1
    Coding :
    <!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>Pertemaun 7</title>
    <style>
    h1 {
    color: red;
    background: yellow;
    font-family: Arial;
    }

    p {
    color: blue;
    }

    em {
    color: red;
    }

    .ptik-6a {
    font-size: 30px;
    color: white;
    background: magenta;
    }

    .kotak {
    color: blue;
    border-style: solid;
    border-color: blue;
    text-align: justify;
    }

    .gambar {
    width: 250px;
    float: right;
    margin-left: 30px;
    margin-top: 20px;
    margin-right: 30px;
    margin-bottom: 30pxs;
    }
    </style>
    </head>

    <body>
    <h1>My First Heading</h1>
    <p>My First Paragraph</p>
    <h1>Tes CSS Internal</h1>
    <h1>paragraf 1</h1>

    <p>
    paragraf 1 CSS paragraf 1 CSS paragraf 1 CSS paragraf 1 CSS paragraf 1
    CSS
    <em>CSS Miring</em>
    paragraf 1 CSS paragraf 1 CSS paragraf 1 CSS paragraf 1 CSS paragraf 1
    CSS
    paragraf 1 CSS paragraf 1 CSS paragraf 1 CSS paragraf 1 CSS paragraf 1
    CSS
    </p>
    <h1>paragraf 2</h2>

    <p>
    paragraf 2 CSS paragraf 2 CSS paragraf 2 CSS paragraf 2 CSS
    paragraf 2 CSS
    <em>CSS Miring</em>
    paragraf 2 CSS paragraf 2 CSS paragraf 2 CSS paragraf 2 CSS
    paragraf 2 CSS
    paragraf 2 CSS paragraf 2 CSS paragraf 2 CSS paragraf 2 CSS
    paragraf 2 CSS paragraf 2 CSS paragraf 2 CSS
    </p>

    <div class="ptik-6a">
    CSS dengan class ptik-6a CSS dengan class ptik-6a CSS dengan class
    ptik-6a CSS dengan
    class ptik-6a CSS dengan class ptik-6a CSS dengan class ptik-6a
    CSS dengan class ptik-6a CSS dengan class
    ptik-6a
    </div>
    <p>
    <div class="ptik-6a">
    CSS dengan class ptik-6a CSS dengan class ptik-6a CSS dengan class
    ptik-6a CSS dengan
    class ptik-6a CSS dengan class ptik-6a CSS dengan class ptik-6a
    CSS dengan class ptik-6a CSS dengan class
    ptik-6a
    </div>
    </p>
    <div class="kotak">
    <img src="kelas.jpg" class="gambar" alt="">
    tes gambar tes gambertes gambertes gambertes gambartes gambartes
    gambar tes gamber tes gmbartes gambartes
    tes gambar tes gambertes gambertes gambertes gambartes gambartes
    gambar tes gamber tes gmbartes gambartes
    tes gambar tes gambertes gambertes gambertes gambartes gambartes
    gambar tes gamber tes gmbartes gambartes
    tes gambar tes gambertes gambertes gambertes gambartes gambartes
    gambar tes gamber tes gmbartes gambartes
    tes gambar tes gambertes gambertes gambertes gambartes gambartes
    gambar tes gamber tes gmbartes gambartes

    tes gambar tes gambertes gambertes gambertes gambartes gambartes


    gambar tes gamber tes gmbartes gambartes
    tes gambar tes gambertes gambertes gambertes gambartes gambartes
    gambar tes gamber tes gmbartes gambartes
    tes gambar tes gambertes gambertes gambertes gambartes gambartes
    gambar tes gamber tes gmbartes gambartes
    tes gambar tes gambertes gambertes gambertes gambartes gambartes
    gambar tes gamber tes gmbartes gambartes
    tes gambar tes gambertes gambertes gambertes gambartes gambartes
    gambar tes gamber tes gmbartes gambartes
    tes gambar tes gambertes gambertes gambertes gambartes gambartes
    gambar tes gamber tes gmbartes gambartes
    tes gambar tes gambertes gambertes gambertes gambartes gambartes
    gambar tes gamber tes gmbartes gambartes
    tes gambar tes gambertes gambertes gambertes gambartes gambartes
    gambar tes gamber tes gmbartes gambartes

    </div>
    </body>

    </html>

    Ouput:
    Latihan 2
    Coding :
    <!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>
    <style>
    p {
    border-style: solid;
    border-color: blue;
    border-width: 10px;
    color: white;
    background: teal;
    width: 600px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 10px;
    margin-left: 80px;
    }
    </style>
    </head>

    <body>
    <h1>LATIHAN 2 CSS</h1>
    <p>
    Latihan Membuat Kotak Atau Border Dengan CSS
    Latihan Membuat Kotak Atau Border Dengan CSS
    Latihan Membuat Kotak Atau Border Dengan CSS
    Latihan Membuat Kotak Atau Border Dengan CSS
    Latihan Membuat Kotak Atau Border Dengan CSS
    Latihan Membuat Kotak Atau Border Dengan CSS
    Latihan Membuat Kotak Atau Border Dengan CSS
    </p>
    </body>

    </html>

    Ouput :

    Anda mungkin juga menyukai