Scribd Logo
Unggah

Selamat datang di Scribd!

  • Materi HTML Dasar

    Diunggah oleh

    Moh Syahid
    6 tayangan2 halaman
    materi HTML Dasar

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    DOCX, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    materi HTML Dasar

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    6 tayangan2 halaman

    Materi HTML Dasar

    Diunggah oleh

    Moh Syahid
    materi HTML Dasar

    Hak Cipta:

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

    MATERI HTML DASAR

    1. Sinta penulisan HTML terdiri dari sintak pembuka dan penutup


    Contoh :
    <html> sintak/coding pembuka <>
    </html> sintak/coding penutup </>
    2. Bentuk umum
    <html>
    <head></head>
    <body>
    </body>
    </html>
    Sintak penulisan terdiri dari sinta html, head, body.
    3. Macam-macam sintak html
    Sintak pembuka Sintak penutup Keguanaan
    <br> </br> Pindah baris ke bawah seperti tombol enter
    <hr> </hr> Membuat garis
    <p> </p> Membuat pragraf
    <i> </i> Membuat tulisan miring
    <b> </b> Membua tulisan tebal
    <u> </u> Membuat tulisan bergaris bawah

    4. Sintak khusus
    a. Heading
    <h1></h1> tulisan tingkat besar
    <h2></h2>tulisan tingkat 2 dari h1
    ...............
    </h6></h6>
    b. Link
    Sintak <a href=””></a> di gunakan untuk membuat tombol yang akan di tuju.. dalam hal ini
    tombol klik disini diarahkan ke halam download.html.
    <a href=”download.html”>Klik Disini</a>
    c. Table
    Table terdiri atau dalam sintak table ada sintak tr dan td
    <td></td>

    <tr></tr>
    Sintak html nya
    <table>
    <tr>
    <td></td>
    <td></td>
    <td></td>
    </tr>
    <tr>
    <td></td>
    <td></td>
    <td></td>
    </tr>

    </table>

    d. Form
    Atribut form :
    <form action=”simpan.php” method=”post/get” >
    Isi dari sintak form :
    1. <input type=”text” name=”nama”> digunakan untuk inputan berupa angka/huruf
    2. <input type=”password” name=”pass”>digunakan untuk merubah inputan menjadi
    password
    3. <input type=”radio” name=”jenis_kelamin” value=”laki2”>laki-laki
    digunakan untuk mebuat inputan pilihan berupa lingkaran
    4. <input type=”checkbox” name=”hobi” value=”bola”>bola
    digunakan untuk mebuat inputan pilihan berupa checkbox(contreng)
    5. <textarea name=”isi”></textarea>
    Digunakan untuk menginputkan isian yang banyak
    6. <input type=”submit” name=”simpan” value=”simpan”>digunakan untuk membuat
    tombol agar bisa mengirim inputan yang diatas
    7. <input type=”reset” name=”batal” value=”batal”> digunakan utuk mebuat tombol
    batal

    Contoh
    <form action=”simpan.php” method=”post” >
    <input type=”text” name=”nama”>
    <input type=”password” name=”pass”>
    <input type=”radio” name=”jenis_kelamin” value=”laki2”>laki-laki
    <input type=”checkbox” name=”hobi” value=”bola”>bola
    <textarea name=”isi”></textarea>
    <input type=”reset” name=”batal” value=”batal”>
    <input type=”submit” name=”simpan” value=”simpan”>
    </form>

    Ingat... setiap sintak harus ada dalam sintak body

    Anda mungkin juga menyukai