Scribd Logo
Upload

Welcome to Scribd!

  • HTML

    Uploaded by

    UraiIchaAnjani
    11 views3 pages
    html

    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
    html

    Copyright:

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

    HTML

    Uploaded by

    UraiIchaAnjani
    html

    Copyright:

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

    <html>

    <title>Resep Membuat Pizza</title>


    <body>
    <font face="Century Schoolbook"
    color="pink">
    <h1>Resep Membuat Pizza</h1>
    <ol type="1">
    <li>Tepung terigu 150gr</li>
    <li>Ragi 1/4 sdt</li>
    <li>air hangat 70 cc</li>
    <ul type="disc">
    <li>Garam 1 sdt </li>
    <li>Minyak goreng 1 sdm</li>
    <li>Sosis Secukupnya</li>
    <ul type="circle">
    <li>Keju 100 gr</li>
    <li>Bawang Bombay
    Secukupnya</li>
    <li>Jamur Secukupnya</li>
    </ul>
    </ul>
    <ul type="square">
    <li>Mentega</li>
    <li>Mayones</li>
    <li>Blackpapar</li>
    </ul>
    <li>Saus Tomat</li>
    <li>Saus Sambal</li>
    </font>
    </ol>
    </body>
    </html>

    <html>
    <head>
    <title>list</title>
    <body>
    <h4>Daftar Mahasiswa</h4>
    <b>List</b>
    <ol type="a">
    <li>Urai</li>
    <li>Icha</li>
    <li>Anjani</li>
    </ol>
    <br>
    <b>Unorder List</b>
    <ul type="square">
    <li>Urai</li>
    <li>Icha</li>
    <li>Anjani</li>
    </ul>
    <br>
    <b>Definisi</b>
    <dl>
    <dt>Urai<dt>
    <dd>Icha<dd>
    <dt>Anjani<dt>
    <dd>Urai<dd>
    </dl>
    </body>
    </head>
    </html>

    <html>
    <head>
    <title>Table</title>
    <body>

    <table border="1">
    <caption>Tabel Mahasiswa</caption>
    <tr>
    <th>NIM</th>
    <th>Nama</th>
    <th>Jurusan</th>
    </tr>
    <tr>
    <td>01</td>
    <td>Udin</td>
    <td>Siskom</td>
    </tr>
    <tr>
    <td>02</td>
    <td>Indah</td>
    <td>Siskom</td>
    </tr>
    <tr>
    <td>03</td>
    <td>Indah</td>
    <td>Kimia</td>
    </tr>
    </table>
    </body>
    </head>
    </html>

    <html>
    <head>
    <title>Table</title>
    <body>
    <table border ="1">
    <caption>Tabel Mahasiswa</caption>

    <thead>
    <th>NIM</th>
    <th>Nama</th>
    <th>Jurusan</th>
    </thead>
    <tbody>
    <td rowspan="2">01</td>
    <td>Udin</td>
    <td>Siskom</td>
    </tbody>
    <tfoot>
    <td>Indah</td>
    <td>Siskom</td>
    </tfoot>
    </table>
    </body>
    </head>
    </html>

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="utf-8">
    <title>My First HTML5 Page</title>
    <link rel="stylesheet" href="style.css">
    </head>
    <body>
    <p>HTML5 is fun!</p>
    </body>

    </html>

    <html>
    <head>
    <title>CSS</title>
    <!-- eksternal css -->
    <style>
    h1,h2{color : pink;} /* tag selector */
    #nama{font-size:12pt;} /*id selector*/
    .judul{color : grey;} /*class selector*/
    </style>
    </head>
    <body bgcolor = "grey">
    <h1>heading 1</h1>
    <h2>heading 2</h2>
    <br>
    saya seorang <b
    class="judul">mahasiswa</b> di prodi <b
    id="nama">sistem komputer</b>
    universitas tanjungpura
    </body>
    </html>

    background-size : fixed;
    background-repeat : no-repeat;
    }
    a:link {
    color : #000000;
    }
    a:visited {
    color : #ff0000;
    }
    a:hover {
    color : #00FF00;
    }
    a:active{
    color : #0000FF;
    }
    a.highlight:hover{
    color: #FF0000;
    font-variant: small-caps;
    }
    </style>
    </head>
    <h1>Ini adalah halaman web anda</h1>
    <a href="#bawah">Ke Bawah</a>
    <br>
    <a name="bawah">Ini bagian bawah</a>
    <br>
    <a class="highlight"
    href="http://www.google.com">Link ke
    Google</a>
    <br>
    <p>
    Ini adalah halaman web dimana saya akan
    membagi pengalaman hidup saya
    ke semua teman-teman yang ada di dunia
    maya
    </p>
    <ul>

    <html>
    <head>
    <title>Web CSS</title>
    <style>
    body{
    background-color
    background-image :
    a4a0a68905b9c000.jpg;

    <li><a
    href="http://www.facebook.com">Facebook<
    /a></li>
    <li><a
    href="http://www.google.com">Google</a>
    </li>
    <li><a
    href="http://www.twitter.com">Twitter</a><
    /li>
    </ul>
    </body>
    </html>

    You might also like