Scribd Logo
Upload

Welcome to Scribd!

  • DOCTYPE HTML

    Uploaded by

    Putra Bihz
    21 views4 pages
    html

    Original Title

    DOCTYPE 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
    21 views4 pages

    DOCTYPE HTML

    Uploaded by

    Putra Bihz
    html

    Copyright:

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

    <!

    DOCTYPE html>
    <html>

    <head>
        <meta charset="utf-8">
        <title>Putra bumi wijaya</title>
    </head>

    Nama,pengarah link,dan menambahkan image/gambar,paragraph,music,

    <body>
       
        <h1>web punya Putra</h1>
        <hr>
        <h5>design by Putra</h5>
      <a href="https://www.instagram.com/?hl=id " target="_blank" title="this takes
    you to instagram">my instagram</a>

        <a href=" https://www.instagram.com/?hl=id " target="_blank">klik


    instagram</a> <br>
        <a <href="https://www.youtube.com/" target="_blank">klik youtube</a> <br>
        <a href="https://web.facebook.com/?_rdc=1&_rdr" target="_blank">klik
    facebook</a> <br>
        <img src="Pak Fauzan.png" alt="gambar Pak Fauzan">
        <a href="https://www.youtube.com/watch?v=5fnAU2jonFM&t=7426s" target="-
    blank">klik 2:07:51</a> <br>
            <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sit omnis
    delectus blanditiis tenetur dicta doloribus neque aut, modi earum temporibus,
    molestiae similique error nulla nostrum fuga. Et mollitia vero doloribus!</p>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas
    quibusdam saepe blanditiis placeat reprehenderit minus repudiandae provident
    earum ipsum distinctio, libero cupiditate! Fuga, quis blanditiis! Delectus
    inventore sint fuga exercitationem?</p>

    <!--mp3-->
            <a href="page2.html" target=_self title="this takes you top music">My
    favorite music</a><br>

        </body>
        <body>

    </body>
    Membuat table

    <body> 
          <table border="1">
                <tr>
                    <td>No</td>
                    <td>Name</td>
                </tr>
                <tr>
                    <td>1</td>
                    <td>Putra</td>
                </tr>
            </table>
    </body>

    Membuat form

    <body> 
          <form>
                <label>
                    Nama Lengkap : <br>
                    <input type="text" placeholder="Masukan Nama">
                </label> 
              <br>
                <label>
                    Jenis Kelamin : <br>
                    <select>
                        <option>Laki-Laki</option>
                        <option>Perempuan</option>
                    </select>
                </label>
                <br>
                Skill : <br>
                <label>
                    <input type="checkbox"> HTML
                </label>
                <label>
                    <input type="checkbox"> CSS
                </label>
                <br>
                <label>
                    Pesan : <br>
                    <textarea placeholder="masukan pesan"></textarea>
                </label>
                <input type="submit">
            </form>

    </body>

    Inline css

        <h1 style="color:aqua">web punya Putra</h1>


    Internal css(dengan id tambahan hamam/bebas)

    <head>
        <meta charset="utf-8">
        <title>Putra bumi wijaya</title>
        <style>

        h1 {
            color: red;
        }
        #hamam {
            color:aqua;
        }
        </style>
    </head>

    Dengan id tambahan hamam


        <h1>web punya Putra</h1>
        <h1 id="hamam">hamam</h1>

    Eksternal css

    Membuat file baru yaitu style.css dan tulis

    #hamam {
        color: aqua;
    }

    Setelah itu membuat tag link di tag head

    <head>
        <meta charset="utf-8">
        <title>Putra bumi wijaya</title>
        <link href="style.css" rel="stylesheet">
    </head>
    Memformat font dengan ukuran font,warna font,background font(display inline untuk
    membackgroundkan fontnya saya/tidak rakus),jarak,boder background,jarak dari
    border/jarak dari nama di dalam, tag style di tag head

         <style>

            h1 {
                font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe
    UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-
    serif;
                font-size: 45px;
                color:rgb(0, 0, 0);
                background:rgb(7, 106, 119);
                display: inline;
                margin: 60px;
                border: 5px solid chocolate;
                padding: 20px;
            }
        </style>

    Untuk memformat font link dengan warna font,(text-decoration untuk tidak ada
    garis di bawah font link),memilih font yg(display inline-block agar background
    tidak rakus),membackgroundkan font,membuat jarak nama di dalam,jarak dengan tag
    style di tag head

            a {
                color:aliceblue;
                text-decoration: none;
                display: inline-block;
                background-color: blue;
                font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe
    UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-
    serif;
                padding: 10px;
                margin: 50px;
            }

    You might also like