Scribd Logo
Unggah

Selamat datang di Scribd!

  • Madani Aktif - 1

    Diunggah oleh

    Yessi Safitry
    6 tayangan9 halaman

    Judul Asli

    MADANI AKTIF - 1

    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
    6 tayangan9 halaman

    Madani Aktif - 1

    Diunggah oleh

    Yessi Safitry

    Hak Cipta:

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

    index.

    html

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <meta name="description" content="Web pembelajaran dasar html">
    <title>Web Fundamental - Home</title>
    </head>

    <body>
    <h1 style="text-align: center">Materi Pertemuan Ke-2</h1>
    <p style="text-align: justify">Se quem de labore do quo velit excepteur
    domesticarum non in pariatur nam
    laboris eu occaecat nulla ut ullamco reprehenderit. Do ut relinqueret ita a amet
    consectetur, te o imitarentur, doctrina dolore ingeniis. Consequat aut dolor
    occaecat. Ut legam graviterque. E quem cernantur, quid de est dolore probant.
    Offendit si nescius.</p>
    <ul>
    <li style="list-style: circle"><a href="formatting.html">Formatting</a></li>
    <li style="list-style: circle"><a href="table.html">Table</a></li>
    <li style="list-style: circle"><a href="form.html">Form</a></li>
    <li style="list-style: circle"><a href="mapping.html">Mapping</a></li>
    </ul>
    </body>
    </html>
    formatting.html

    <!doctype html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Formating dalam html</title>
    </head>
    <body>
    <h1>Ini adalah heading 1</h1>
    <h2>Ini adalah heading 2</h2>
    <h3>Ini adalah heading 3</h3>
    <h4>Ini adalah heading 4</h4>
    <h5>Ini adalah heading 5</h5>
    <h6>Ini adalah heading 6</h6>

    <p>Ini adalah text normal</p>


    <p style="font-size: 24px">Ini text dengan font size 24</p>
    <p style="font-family: arial">Ini text dengan font Arial</p>
    <p style="text-align: center">An quorum eiusmod praetermissum, ex sunt culpa
    magna offendit, ubi magna
    appellat ad se aliqua nescius, summis cernantur se multos fugiat o eiusmod
    irure
    litteris fabulas, cernantur irure legam iudicem fugiat ex ipsum admodum iis
    admodum. Fugiat eiusmod philosophari qui quo a quae mandaremus ex sed ab
    eruditionem eu in o nulla fugiat aliqua. An quid relinqueret. Laboris tamen
    senserit, id do tamen occaecat si nam si aute vidisse, amet quo incurreret.
    </p>
    <p style="text-align: right">Nisi ut laboris ut duis, ne hic culpa offendit,
    culpa consequat ex aliquip,
    magna quibusdam de distinguantur, irure eu e sunt commodo ex iudicem quid
    dolor
    nostrud nisi, quid expetendis fidelissimae a si quo dolore veniam lorem.
    Deserunt aute incurreret, a malis aute o incurreret qui hic non despicationes
    sed quis nostrud eruditionem, doctrina tamen fugiat si illum ita non dolore
    relinqueret aut varias si quibusdam hic irure a arbitror id anim. Iis velit
    aliqua in tempor, iis quo cillum incididunt. </p>
    <p>Id se culpa ipsum legam. De hic tractavissent ea singulis do ingeniis eu
    eiusmod
    a doctrina, ita id amet occaecat. Anim probant nam praetermissum. Offendit
    noster ubi commodo arbitrantur iis ab quid voluptate, minim firmissimum
    excepteur quis eiusmod hic deserunt eram anim pariatur nisi an tempor lorem
    fabulas voluptate, sed o veniam quem cillum in et velit labore summis
    pariatur,
    laboris sunt aliqua nescius sunt. Ea est reprehenderit, ubi tamen quibusdam
    voluptatibus.</p>
    <p style="text-align: justify">Est sed cillum occaecat. Laboris fore incurreret
    appellat, sed expetendis
    instituendarum, se irure singulis litteris ad quorum exquisitaque probant
    veniam
    occaecat. Senserit si fugiat offendit. Nulla ubi appellat. A nulla tempor.
    Ita
    mentitum reprehenderit, commodo voluptatibus ea probant se excepteur amet
    appellat, fore quamquam ab familiaritatem, nulla et mandaremus, si aut noster
    elit labore, commodo varias excepteur ita id fore fabulas exercitation.</p>
    <p>Ini adalah teks NORMAL, <big>Ini adalah teks BIG</big>, <small>Ini adalah teks
    SMALL</small>, <b>Ini adalah teks BOLD</b>, <strong>Ini adalah teks STRONG</strong>,
    <i>Ini adalah teks ITALIC</i>, <em>Ini adalah teks EMPHASIS</em>, <u>Ini adalah teks
    UNDERLINE</u>, <ins>Ini adalah teks INSERTED</ins>, <sup>Ini adalah teks
    SUPERSCRIPT</sup>, <sub>Ini adalah teks SUBSCRIPT</sub>, <del>Ini adalah teks
    DELETED</del>.</p>
    <p>Ini adalah contoh LIST:</p>
    <ul>
    <li>Bullet list 1</li>
    <li>Bullet list 2</li>
    <li>Bullet list 3</li>
    </ul>
    <ol>
    <li>Number list 1</li>
    <li>Number list 1</li>
    <li>Number list 1</li>
    </ol>
    <p>Ini adalah gambar:</p>
    <a href="img/web-design.jpg" target="_blank"><img src="img/web-design.jpg"
    alt="Gambar web design" width="200px"></a>
    <p><a href="index.html">Kembali ke halaman utama</a></p>
    </body>
    </html>
    tabel.html

    <!doctype html>
    <html>
    <head>
    <!-- <meta charset="utf-8">-->
    <meta name="description" content="Web pembelajaran dasar html">
    <title>Web Fundamental - Table</title>
    </head>
    <body>
    <h2>Contoh Tabel Dalam HTML</h2>
    <table border="">
    <caption style="caption-side: bottom">Tabel Nilai Kelas IK20B</caption>
    <thead>
    <tr>
    <th>No</th>
    <th>Nama</th>
    <th>Kelas</th>
    <th>Algoritma</th>
    <th>Database</th>
    </tr>
    </thead>

    <tbody>
    <tr>
    <td>1</td>
    <td>Andrew</td>
    <td>IK20B</td>
    <td>80</td>
    <td>90</td>
    </tr>
    <tr>
    <td>2</td>
    <td>Brian</td>
    <td>IK20B</td>
    <td>70</td>
    <td>60</td>
    </tr>
    <tr>
    <td>3</td>
    <td>Cynthia</td>
    <td>IK20B</td>
    <td>90</td>
    <td>70</td>
    </tr>
    </tbody>
    </table>
    <p><a href="index.html">Kembali ke halaman utama</a></p>
    </body>
    </html>
    form.html

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <meta name="description" content="Web pembelajaran dasar html">
    <title>Web Fundamental - Form</title>
    </head>
    <body>
    <h2>Contoh Form Dalam HTML</h2>
    <form action="datamhs.php" method="get">
    <fieldset>
    <legend> Isi form ini dengan data yang benar. </legend>
    <br>
    <label>Nama Lengkap</label>
    <input type="text" name="namalengkap" placeholder="Isi dengan nama
    lengkap">
    <br>
    <br>
    <label>Jenis Kelamin :</label>
    <label><input type="radio" name="jekel" value="laki">Laki-laki</label>

    <label><input type="radio" name="jekel"


    value="perempuan">Perempuan</label>
    <br>
    <br>
    <label>Tempat Lahir</label>
    <input type="text" name="tempatlahir" placeholder="Isi kota kelahiran">
    <br>
    <br>
    <label>Tanggal Lahir</label>
    <input type="date" name="tgllahir">
    <br>
    <br>
    <label>Alamat Email</label>
    <input type="email" name="emailmhs" placeholder="Isi dengan alaman
    email">
    <br>
    <br>
    <label>Password</label>
    <input type="password" name="passwd" placeholder="Masukan password baru">
    <br>
    <br>
    <label>Kelas</label>
    <select>
    <option value="ik">Informatika</option>
    <option value="to">Otomotif</option>
    <option value="ka">Akuntansi</option>
    <option value="om">Manajemen</option>
    <option value="ba">Bisnis</option>
    </select>
    <br>
    <br>
    <label>Alamat Lengkap</label>
    <textarea placeholder="Tulis alamat lengkap"></textarea>
    <br>
    <br>
    <label>Tinggi badan</label>
    <input type="number" min="1" max="300">
    <br>
    <br>
    <label>Hobi :</label>
    <label><input type="checkbox" name="hobi" value="musik">Musik</label>
    <label><input type="checkbox" name="hobi"
    value="olahraga">Olahraga</label>
    <label><input type="checkbox" name="hobi" value="baca">Baca</label>
    <br>
    <br>
    <input type="submit" name="simpan" value="Simpan Data">
    <input type="reset" name="reset" value="Reset Form">
    </fieldset>
    </form>
    <p><a href="index.html">Kembali ke halaman utama</a></p>
    </body>
    </html>
    mapping.html

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <meta name="description" content="Web pembelajaran dasar html">
    <title>Web Fundamental - Mapping</title>
    </head>
    <body>
    <h2>Contoh Coordinate Image Mapping</h2>
    <p>Silahkan klik pada salah satu shape dibawah ini untuk menuju situsnya.</p>
    <map name="mappinggambar">
    <area shape="rect" coords="34,64,183,211" href="http://facebook.com"
    target="_blank">
    <area shape="circle" coords="300,138,75" href="http://instagram.com"
    target="_blank">
    <area shape="poly" coords="419,120,497,63,576,120,546,213,448,213"
    href="http://twitter.com" target="_blank">
    </map>

    <img src="img/sosmed.jpg" usemap="#mappinggambar">


    <p><a href="index.html">Kembali ke halaman utama</a></p>
    </body>
    </html>

    Anda mungkin juga menyukai