Scribd Logo
Unggah

Selamat datang di Scribd!

  • Dasar HTML

    Diunggah oleh

    David D'bayu
    6 tayangan19 halaman
    Dasar dasar HTML

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    PPTX, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    Dasar dasar HTML

    Hak Cipta:

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

    Dasar HTML

    Diunggah oleh

    David D'bayu
    Dasar dasar HTML

    Hak Cipta:

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

    PEMROGRAMAN WEB

    David Bayu F, S.Kom., M.Kom


    • HTML adalah kependekan dari Hyper Text Markup
    Language, yaitu sebuah bahasa markup yang
    digunakan untuk membuat sebuah halaman web. Si
    HTML inilah yang menyusun sebuah halaman web
    menjadi sebagaimana yang kita lihat melalui
    browser
    Pengertian Web Browser

    • Web Browser (atau biasa disebut browser) adalah


    sebuah software aplikasi untuk
    menerima, menampilkan, dan menerjemahkan
    informasi dari world wide web
    Fungsi Web Browser
    • Untuk mempelajari HTML, web browser adalah
    perangkat utama yang kita butuhkan. Ibarat bahasa
    pemrograman lainnya, Web Browser adalah compiler
    dan intrepreter HTML. Anda bebas menggunakan web
    browser yang disukai, namun dalam tutorial Belajar
    HTML ini saya akan menggunakan Mozilla Firefox.
    Pengertian Tag dalam HTML

    Sebagai sebuah bahasa markup, HTML


    membutuhkan cara untuk memberitahu web
    browser untuk apa fungsi sebuah text. Apakah text
    itu ditulis sebagai sebuah paragraf, list, atau sebagai
    link. Dalam HTML, tanda ini dikenal dengan istilah
    tag.
    Struktur Dasar HTML

    <html>
    <head>
    <title>RPL KLS 3</title>
    </head>
    <body>
    <p>Selamat Pagi Dunia, Hello World!</p>
    </body>
    </html>
    <img src=“nama gambar.jpg" />

    Atribut alt dalam tag <img>

    Atribut alt adalah singkatan dari alternative description, dimana alt digunakan untuk
    keterangan dari gambar jika gambar tersebut gagal ditampilkan oleh browser.

    <img alt="gambar apa" src=“rpl.jpg"/>

    <img alt="Gambar apa" src=“rpl.jpg" height="200" width="100" />


    Daftar/List di HTML
    (tag ol, ul dan li)
    • Ordered list menggunakan tag <ol>, dan unordered
    list menggunakan tag <ul>, sedangkan untuk list
    sendiri menggunakan tag <li>.
    •
    <h1>daftar belanjaan</h1>
    <ol>
    <li>minyak goreng</li>
    <li>sabun mandi</li>
    <li>deterjen</li>
    <li>shampoo</li>
    <li>obat nyamuk</li>
    </ol>
    Membuat link di HTML

    Link ditulis dengan <a> yang merupakan singkatan


    cari anchor (jangkar). Setiap tag <a> setidaknya
    memiliki sebuah atribut href. Dimana href berisi
    alamat yang dituju (href adalah singkatan dari
    hypertext reference).

    <a href="https://www.tiktok.com">Tik Tok</a></p>

    <p>Halaman HTML pertama saya adalah <a href="hello.html">Hello</a></p>


    Membuat tabel di HTML

    Untuk membuat tabel di HTML, kita membutuhkan


    setidaknya 3 tag, yaitu tag <table>, tag <tr>, dan tag
    <td>:
    Tag <table> digunakan untuk memulai tabel
    Tag <tr> adalah singkatan dari table row, digunakan
    untuk membuat baris dari tabel.
    Tag <td> adalah singkatan dari table data, digunakan
    untuk menginput data ke tabel.
    <h1>Belajar Tag Tabel</h1>
    <table border="1">
    <tr>
    <td>Baris 1, Kolom 1</td>
    <td>Baris 1, Kolom 2</td>
    <td>Baris 1, Kolom 3</td>
    </tr>
    <tr>
    <td>Baris 2, Kolom 1</td>
    <td>Baris 2, Kolom 2</td>
    <td> Baris 2, Kolom 3</td>
    </tr>
    <tr>
    <td> Baris 3, Kolom 1</td>
    <td> Baris 3, Kolom 2</td>
    <td> Baris 3, Kolom 3</td>
    </tr>
    <tr>
    <td> Baris 4, Kolom 1</td>
    <td> Baris 4, Kolom 2</td>
    <td> Baris 4, Kolom 3</td>
    </tr>
    </table>
    Form di HTML

    Tag input merupakan tag paling banyak digunakan di


    dalam form dan memiliki banyak bentuk, mulai dari
    isian text biasa, text password, checkbox, radio,
    sampai dengan tombol submit, semuanya dalam
    bentuk tag <input>.
    • <input type=”text” /> atau bisa juga <input /> adalah
    textbox inputan biasa yang menerima input berupa text,
    contohnya digunakan untuk inputan nama, username,
    dan inputan yang berupa text pendek.
    • <input type=”password” /> dalam tampilannya sama
    dengan type text, namun teks yang diinput tidak akan
    terlihat, akan berupa bintang atau bulatan.
    • <input type=”checkbox” /> adalah inputan berupa
    checkbox yang dapat diceklist atau di centang oleh user.
    User dapat memilih atau tidak memilih checkbox ini.
    • <input type=”radio” /> mirip dengan checkbox, namun
    user hanya bisa memilih satu diantara pilihan group
    radio.
    • <input type=”submit” /> akan menampilkan tombol
    untuk memproses form
    Mengenal tag <select>
    <select>
    <option>Pilihan 1</option>
    <option>Pilihan 2</option>
    <option value="pilihan ketiga">Pilihan 3</option>
    </select>

    Ketika form dikirim untuk diproses, nilai dari tag <option> akan dikirimkan.
    Nilai ini adalah berupa text diantara tag option, kecuali jika kita memberikan
    atribut value. Jika atribut value berisi nilai, maka nilai value-lah yang akan
    dikirim. Ada atau tidaknya atribut value ini tidak akan tampak dalam tampilan
    form.
    Mengenal Atribut: Name

    • Setiap tag inputan di dalam form harus


    ditambahkan atribut name agar dapat diproses
    oleh web server nantinya.

    <input type="text" name="username">


    <input type="text" name="email">
    Pengertian PHP
    Personal Home Page
    • PHP disebut bahasa pemrograman server side
    karena PHP diproses pada komputer server.

    Anda mungkin juga menyukai