Scribd Logo
Unggah

Selamat datang di Scribd!

  • Modul Programming

    Diunggah oleh

    Galand
    6 tayangan7 halaman
    web programming

    Judul Asli

    MODUL PROGRAMMING

    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
    web programming

    Hak Cipta:

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

    Modul Programming

    Diunggah oleh

    Galand
    web programming

    Hak Cipta:

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

    MODUL

    PEMROGRAMAN
    WEB

    Indri Anugrah Ramadhani, M.Pd.

    indianugrah18@gmail.com
    Kata Pengantar
    Alhamdulillah saya panjatkan puja dan puji syukur
    kehadirat Allah swt yang senantiasa melimpahkan segala
    rahmat, taufik dan hidayah-Nya sehingga penulis dapat
    menyelesaikan modul ini. Modul ini dipersiapkan terutama
    untuk mahasiswa yang mengambil mata kuliah
    pemrograman web sebagai salah satu buku pegangan
    praktikum.
    Pembahasan modul ini dimulai dengan menjelaskan
    tujuan yang akan dicapai dan disertai dengan Latihan
    praktikum yang mengukur tingkat penguasaan materi
    setiap topik. Dengan demikian pengguna modul ini
    secara mandiri dapat mengukur tingkat ketuntasan
    yang dicapainya
    Penulis menyadari bahwa di dalam pembuatan modul
    ini masih banyak kekurangan, untuk itu penulis sangat
    membuka saran dan kritik yang sifatnya membangun.
    Mudah-mudahan modul ini dapat memberikan manfaat
    untuk dunia pendikan khususnya kepada para mahasiswa
    yang mengambil mata kuliah pemrograman web.

    Sorong, 02 November 2021


    Indri Anugrah Ramadhani, M.Pd.


    DAFTAR ISI

    Sampul 1
    Kata Pengantar 2
    Daftar Isi 3
    Modul 1 Struktur Dasar dan Tag HTML 4
    Modul 2 Format Text HTML 8
    Modul 3 Tabel dan Gambar 12
    Modul 4 Hyperlink 15
    Modul 5 Pengenalan Form 19
    Modul 6 Dasar-Dasar PHP 23
    Daftar Pustaka 28

    Modul Pemrograman Web


    STRUKTUR DASAR
    DAN TAG HTML
    MODUL 1
    1.Tujuan
    Mahasiswa mampu menjelaskan struktur dasar dan tag HTML

    2.Materi
    2.1 Pengertian HTML
    Hypertext Markup Language (HTML) digunakan untuk membuat struktur halaman
    website bisa dibilang secara umum bahwa HTML digunakan untuk mendesain website,
    meskipun dalam praktiknya HTML tidak berdiri sendiri sebab pasti akan digabungkan
    dengan CSS atau script lain, seperti Javascript. Kita akan menganggap HTML sebagai
    program untuk membuat desain sebuah website, dimana anda bisa menulis teks,
    memasukkan gambar, membuat form, dan sebagainya (Enterprise, 2018). Struktur HTML
    sebagai berikut:

    Dari struktur dasar HTML di atas dapat dijelaskan sebagai berikut:


    Tag adalah teks khusus (markup) berupa dua karakter "<" dan ">", sebagai contoh
    <head> adalah tag dengan nama head. Secara umum tag ditulis secara
    berpasangan, yang terdiri atas tag pembuka dan tag penutup (ditambahkan
    karakter "/" setelah karakter "<"), sebagai contoh <head> ini adalah tag pembuka isi
    dokumen HTML, dan </head> ini adalah tag penutup isi dokumen HTML
    Tag HTML secara default dimulai dari <HTML> dan diakhiri dengan </HTML>
    Tag <HEAD> … </HEAD> merupakan tag kepala sebelum badan. Tag kepala ini akan
    terlebih dulu dieksekusi sebelum tag badan. Di dalam tag ini berisi tag<META> dan
    <TITLE>. Tag <META> merupakan informasi atau header suatu dokumen HTML.
    Tag <TITLE> … </TITLE> adalah tag judul. Sebaiknya setiap halaman web memiliki
    judul, dan judul tersebut dituliskan di dalam <TITLE> … </TITLE>. Judul ini akan
    muncul dalam titlebar dari browser.
    Tag <BODY> … </BODY> adalah tag berisi content dari suatu halaman web
    2.2 Tag HTML
    Tag HTML adalah tanda-tanda dalam bahasa baku dalam web yang
    menentukan tampilan suatu teks atau tingkat kepentingan dari teks
    tersebut dalam suatu dokumen. Penulisan tag dinyatakan dengan bentuk
    tanda lebih kecil “<” (tag awal) dan tanda lebih besar “>” (tag akhir).
    Penggunaan tag pada HTML harus diawali dengan <nama_tag> dan ditutup
    dengan </nama_tag>.

    Latihan 1

    Menampilkan teks “Belajar Bahasa Pemrograman HTML”


    Simpan dengan nama file “Latihan1a.html”

    <html>
    <head>
    <title>Latihan 1a</title>
    </head>
    <body>
    Belajar bahasa pemrograman HTML
    </body>
    </html>
    Latihan 2
    Mengubah warna teks dengan warna hijau
    Belajar bahasa pemrograman HTML
    Simpan dengan nama file “Latihan1b.html”

    <html>
    <head>
    <title>Latihan 1b</title>
    </head>
    <body>
    <font color="green">Belajar bahasa
    pemrograman HTML
    </body>
    </html>

    Latihan 3
    Mengubah warna background menjadi kuning
    Simpan dengan nama file “Latihan1c.html”

    <html>
    <head>
    <title>Latihan1c</title> Latihan 4
    Mengubah jenis font dengan jenis “Aharoni”
    </head>
    Simpan dengan nama file “Latihan1d.html”
    <body bgcolor="yellow">
    <font color=”green”>Belajar bahasa
    <html>
    pemrograman HTML
    <head>
    </body>
    <title>latihan 1d</title>
    </html>
    </head>
    <body bgcolor="yellow"><font
    color="green"><font face="aharoni">
    Belajar bahasa pemrograman HTML
    </body>
    </html>
    KUIS
    Buatlah output seperti gambar di bawah
    dengan title “Kuis”.
    Simpan dengan nama file “kuis1.html”

    Anda mungkin juga menyukai