Sabtu, 11 April 2020

(Tugas Pendahuluan) Praktikum Modul 1 Pemrograman Web

Document

Assalamualaikum wr.wbr



TUGAS PENDAHULUAN

1. Jelaskan apa yang dimaksud dengan HTML beserta fungsinya!
Jawaban : HyperText Markup Language (HTML) adalah sebuah bahasa standar pemrograman yang di gunakan untuk membuat sebuah halaman web yang terdiri dari beberapa kode singkat, yang dapat menampilkan berbagai informasi seperti teks, grafik, audio, dan video ke dalam halaman web yang disimpan dalam sebuah file dengan ekstensi *.html. Fungsinya yaitu untuk memudahkan pengguna saat mengelola atau mengatur sebuah data dalam bentuk dokumen pada website. Sehingga menghasilkan dokumen yang menarik dan mudah dibaca oleh seluruh pengguna internet di seluruh dunia.

2. Jelaskan perbedaan antara Tag, Atribut, Value dan Element pada HTML !
Jawaban:

  • Tag adalah sebuah tanda yang digunakan HTML untuk memberitahukan kepada web browser untuk apa fungsi dari sebuah teks. Apakah teks tersebut ditulis sebagai sebuah paragraf, list, atau sebagai link. Tanda ini lah yang dikenal dengan istilah Tag. Di dalam HTML hampir semua tag yang ada ditulis secara berpasangan, yakni tag pembuka (<) dan tag penutup (>).
  • Atribut merupakan informasi tambahan yang diberikan kepada tag. Informasi yang dimaksud bisa berupa perintah untuk warna dari teks, ukuran huruf teks, menentukan posisi teks, dan masih banyak lagi. Secara umum attribute HTML terbagi atas attribute Global dan attribute. Global attribute dapat diterapakan diseluruh Tag pada HTML, sedangkan attribute hanya dapat diterapkan pada Tag tertentu saja.
  • Value merupakan nilai dari sebuah attribute. Value memberikan nilai pada attribute yang merupakan informasi tambahan dari sebuah Tag. Struktur, tampilan dan tingkah laku pada Tag yang dipengaruhi oleh attribute sangat berpengaruh dengan nilai atau Value dari Attribute itu sendiri. Penulisan value harus diapit dengan tanda kutip, bisa menggunakan tanda kutip satu (') atau tanda kutip dua (").
  • Element merupakan isi dari tag yang berada di antara tag pembuka dan tag penutup, juga termasuk tag itu sendiri dan atribut yang dimilikinya.

3. Tuliskan Tag HTML beserta fungsinya (Minimal 30 + Wajib Table, Form & Link) !
Jawaban:

  • <!DOCTYPE> Tag untuk menentukan tipe dokumen.
  • <html> Tag untuk membuat sebuah dokumen HTML.
  • <title> Tag untuk membuat judul dari sebuah halaman
  • <body> Tag untuk membuat tubuh dari sebuah halaman
  • <h1> to <h6> Tag untuk membuat heading
  • <p> Tag untuk membuat paragraf
  • <br> Memasukan satu baris putus
  • <hr> Tag untuk membuat perubahan dasar kata didalam isi
  • <b> Tag untuk membuat huruf bercetak tebal.
  • <small> Tag untuk membuat teks kecil
  • <strike> Tag untuk membuat teks yang di coret tengah.
  • <sub> Tag untuk membuat teks subskrip (seperti dalam penulisan Jat Kimia).
  • <sup> Tag untuk membuat teks superscripted (seperti dalam penulisan akar kuadrat).
  • <form> Tag untuk membuat sebuah form HTML untuk input pengguna.
  • <input> Tag untuk membuat sebuah kontrol input.
  • <textarea> Tag untuk membuat sebuah kontrol input multibaris (text area).
  • <button> Tag untuk membuat sebuah tombol yang dapat diklik
  • <select> Tag untuk membuat sebuah daftar drop-down.
  • <optgroup> Tag untuk membuat sebuah kelompok pilihan yang terkait dalam daftar drop-down.
  • <option> Tag untuk membuat pilihan dalam daftar drop-down.
  • <label> Tag untuk membuat sebuah label untuk sebuah elemen <input>.
  • <legend> Tag untuk membuat sebuah caption untuk sebuah elemen <fieldset>, <figure>, atau <details>
  • <a> Tag untuk membuat hyperlink
  • <link> Tag untuk membuat hubungan antara dokumen dan sumber daya eksternal (paling sering digunakan untuk link ke style sheet).
  • <ul> Tag untuk membuat daftar dengan selain nomor.
  • <ol> Tag untuk membuat daftar dengan nomor
  • <li> Tag untuk membuat sebuah item daftar.
  • <table> Tag untuk membuat tabel
  • <th> Tag untuk membuat sebuah sel header tabel.
  • <tr> Tag untuk membuat baris dalam sebuah tabel.
  • <td> Tag untuk membuat sel dalam sebuah tabel
  • <thead> Mengelompokan isi header dalam sebuah tabel.
  • <tbody> Mengelompokanisi tubuh dalam sebuah tabel

4. Tuliskan contoh penggunaan tag HTML (Minimal 5) !
Jawaban:

  • Contoh Tag Basic (p, h1, h2)
  • [code hl=""]

    Contoh Penggunaan Tag p

    Contoh Penggunaan Heading 1

    Contoh Penggunaan Heading 2

    [/code]
    Output

    Contoh Penggunaan Tag p

    Contoh Penggunaan Heading 1

    Contoh Penggunaan Heading 2



  • Contoh Tag Formatting (pre, sub,sup)
  • [code hl=""]

    Contoh Penggunaan Tag Formatting pre

    Contoh Penggunaan Tag Formatting sub

    Contoh Penggunaan Tag Formatting sup

    [/code]
    Output

    Contoh Penggunaan Tag Formatting pre

    Contoh Penggunaan Tag Formatting sub

    Contoh Penggunaan Tag Formatting sup



  • Contoh Tag Link
  • [code hl=""]

    Link Materi Sebelumnya KLIK

    [/code]
    Output

    Link Materi Sebelumnya KLIK



  • Contoh Tag List (ul, li)
  • [code hl=""]
    • SD Negeri Tanggul Patompo I
    • SMP Negeri 24 Makassar
    • SMA Negeri 8 Makassar
    • Universitas Muslim Indonesia
    [/code]
    Output

    Riwayat Pendidikan

    • SD Negeri Tanggul Patompo I
    • SMP Negeri 24 Makassar
    • SMA Negeri 8 Makassar
    • Universitas Muslim Indonesia


  • Contoh Tag Table (tr, td)
  • [code hl=""]
    WWW World Wide Web
    URL : Universal Resource Locator
    HTTP : Hypertext Transfer Protocol
    FTP : File Transfer Protocol
    [/code]
    Output

    WWW : World Wide Web
    URL : Universal Resource Locator
    HTTP : Hypertext Transfer Protocol
    FTP : File Transfer Protocol


  • Contoh Tag Form
  • [code hl=""]
    LOGIN Username

    Password

    [/code]
    Output

    LOGIN Username

    Password


    5. Tuliskan dan Jelaskan Atribut-Atribut yang dapat digunakan pada Nomor 3 !
    Jawaban:

    • Atribut align yang digunakan pada tag <table>, <p>, <h1> to <h6>, <b>, <small> untuk meratakan text secara horizontal.
    • Atribut valign yang digunakan pada tag <th>, <tr>, <td> untuk meratakan text secara vertikal.
    • Atribut width dan height yang digunakan pada tag <table> dan <img> untuk mengatur lebar dan tinggi.
    • Atribut type yang digunakan pada tag <input>, <ul>, <ol>, <li> untuk menentukan jenis simbol.
    • Atribut background yang digunakan pada tag <body> untuk memberikan gambar atau warna pada background.
    • Atribut href yang digunakan pada tag <a> untuk menentukan tujuan dari hyperlink tersebut.
    • Atribut font-size yang digunakan pada tag <body>, <p>, <h1> to <h6>, <b> untuk menentukan ukuran font text.
    • Atribut color yang digunakan pada tag <body>, <p>, <h1> to <h6>, <b> untuk mengatur warna pada teks yang dibuat.
    • Atribut border yang digunakan pada tag <img>, <table> untuk membuat bingkai disekitar element.

    6. Tuliskan dan Jelaskan Atribut yang digunakan dalam menggabungkan baris dan kolom pada table!
    Jawaban: Menggunakan atribut colspan atau rowspan. Colspan yaitu atribut yang digunakan untuk menggabungkan beberapa kolom menjadi satu. Sedangkan Rowspan yaitu atribut yang digunakan untuk menggabungkan beberapa baris menjadi satu.

    Tidak ada komentar:

    Posting Komentar