Scribd Logo
Unggah

Selamat datang di Scribd!

  • Prelab1 - 72190341 - Grub B

    Diunggah oleh

    Donny Maxmillian
    83 tayangan17 halaman

    Judul Asli

    Prelab1_72190341_Grub B

    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

    Hak Cipta:

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

    Prelab1 - 72190341 - Grub B

    Diunggah oleh

    Donny Maxmillian

    Hak Cipta:

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

    Nama : Gressia Sevani Putri

    NIM : 72190341

    Grup :B

    Attribut HTML

    1. Jelaskan apa yang dimaksud dengan attribut HTML!

    Atribut HTML adalah pengubah dari jenis elemen HTML. Atribut baik memodifikasi fungsi default
    jenis unsur atau menyediakan fungsionalitas untuk jenis elemen tertentu tidak dapat berfungsi
    dengan benar tanpa mereka. Dalam sintaks HTML, atribut ditambahkan ke tag HTML awal.

    2. Jelaskan dan berikan contoh cara menambahkan “tooltip” pada sebuah paragraf untuk paragraf

    yang memperkenalkan dirimu (sebutkan nim dan nama kamu masing-masing).

    Cara menambahkan tooltip pada sebuah paragraf adalah dengan cara menambahkan

    <p title="Tentang Saya"> yang kemudian disambungkan dengan isi paragraf.

    3. Berikan contoh cara mengatur lebar dan tinggi gambar dengan memakai foto profile kamu

    (harus asli)
    4. Bagaimana cara memindahkan halaman web ke dokumen yang bernama <nama_kamu>.html,

    jelaskan tag-nya dan cara menulis atribut-atributnya.

    Caranya adalah dengan menggunakan tag <a> yang dimana akan secara otomatis diikuti dengan
    atribut href. Tag <a> digunakan untuk membuat link dan href untuk menyatakan halaman tujuan
    dari link.

    5. Bagaimana cara memberikan keterangan teks pada suatu image yang ditampilkan untuk

    menjelaskan apabila suatu gambar tidak dapat ditampilkan. Berikan contoh dan screen

    shootnya.
    Heading HTML

    6. Jelaskan apa yang dimaksud dengan heading HTML!

    Heading HTML adalah judul yang akan kita tampilkan pada halaman web. Mesin pencari
    menggunakan judul web kita ke indeks struktur dan isi dari halaman web Anda.

    7. Jelaskan dan berikan contoh cara membuat heading <nim> dan <nama> kamu kemudian

    dibawahnya tambahkan sebuah paragraf yang menceritakan tentang siapa dirimu.

    Cara membuat heading adalah dengan menggunakan tag <h1> sampai dengan <h6>. Angka
    dibelakang tag <h1> tersebut adalah ukuran font serta tingkat kepentingannya. Semakin kecil
    angkanya maka semakin besar fontnya dan merupakan heading penting.

    8. Bagaimana cara menambahkan garis horisontal dibawah <nim> dan <nama> kamu tersebut?

    Cukup gunakan tag <hr>.

    9. Buatlah 6 macam heading yang masing-masing menampilkan <negara_asalmu>,

    <propinsi_kelahiranmu>, <kecamatan_kelahiranmu>, <kota_kelahiranmu>, <nama_kamu>,

    <nim_kamu>.
    10. Buatlah contoh pemakaian heading yang benar sampai dengan tingkat ke 3 dan berikan sebuah

    paragraf narasi dari judul 3 tingkat tersebut.


    Style HTML

    11. Jelaskan apa yang dimaksud dengan Style HTML!

    Style HTML adalah suatu atribut yang digunakan untuk menambah style atau gaya kepada suatu
    elemen seperti warna, font, ukuran, dll.

    12. Buatlah sebuah paragraf yang menceritakan tentang diri kamu yang teksnya berwarna biru.

    13. Jelaskan cara mengubah fornt suatu paragraf.

    Caranya adalah menggunakan property font-family, property ini digunakan untuk mengganti jenis
    font.

    14. Jelaskan cara mengatur alignment (rata kiri, rata kanan, rata kiri-kanan)

    Caranya adalah menggunakan property text-align, apabila ingin rata kiri text-align:left;, jika rata
    kanan text-align:right;, jika rata kiri-kanan text-align:justify;

    15. Jelaskan cara mengubah ukuran font suatu paragraf.

    Caranya adalah menggunakan property font-size. Contohnya kita akan mengubah ukuran font
    menjadi 24, style=”font-size:24px;”.

    16. Jelaskan cara merubah warna latar belakang dokumen HTML.

    Caranya adalah menggunakan property background-color yang kemudian diikuti dengan warna yang
    diinginkan. Contohnya style=”background-color:green;”. Property ini diletakkan pada tag <body>.

    17. Jelaskan bagaimana cara mengatur aligment sekuruh dokumen.

    Caranya adalah menggunakan property text-align pada tag <body> sehingga seluruh dokumen akan
    langsung teratur.
    18. Jelaskan cara menampilkan paragraf yang menceritkan tanggal berapa dan jam berapa ketika

    tugas ini dibuat dan berikan penekanan (emphases) pada bagian tanggal dan jam tersebut.

    Caranya adalah menggunakan atribut <em>. Contohnya

    19. Bagaimana caranya agar pada bagian tanggal dan jam tersebut ditandai (mark) text highlight

    color.

    Caranya adalah kita akan menggunakan atribut <mark> pada bagian tanggal dan jam. Contohnya

    20. Berikan contoh cara membuat Subsribe.

    Caranya adalah kita akan menggunakan atribut <sub>. Contohnya

    21. Berikan contoh cara mencoret teks : <nama_kamu> Lulus/Tidak Lulus.

    Quotation

    22. Jelaskan apa yang dimaksud dengan Quotation!

    Quotation adalah suatu atribut yang digunakan untuk mengutip kalimat yang ditandai.

    23. Bagaimana cara memberikan tanda kutip dengan Quotation pada teks <nama_mamu> sangat

    “pandai”.
    24. Jelaskan cara menampilkan kutipan dari suatu situs yang baik dan benar.
    Caranya adalah dengan menggunakan tag blockqoute cite=”link webiste”, yang kemudian diikuti
    dengan isi kutipannya.

    25. Jelaskan cara membalik teks yang menjelaskan siapa kamu (misalnya nama, alamat, kota).

    Caranya adalah dengan menggunakan tag <bdo> yang diikuti dengan atribut dir = “rtl”. Contohnya

    26. Jelaskan cara menjelaskan suatu singkatan, buatlah singkatan mengenai dirimu (misalnya : JKW

    = Jokowi)

    Caranya adalah dengan menggunakan tag <abbr> yang kemudian diikuti dengan atribut title=”teks
    penuh” lalu tutup tag, dan masukkan kata singkatan dari teks sebelumnya. Contohnya

    HTML Links

    27. Jelaskan apa yang dimaksud dengan HTML Links!

    HTML Link adalah hyperlink yang apabila kita klik akan membawa kita ke halaman web lain.

    28. Berikan contoh suatu teks yang menyambungkan ke halaman web tertentu.

    Caranya adalah dengan menggunakan tag <a> yang diikuti dengan href=”link”. Contohnya
    29. Bagaimana cara menghilangkan garis bawah pada hyperlink?

    Caranya adalah dengan menggunakan atribut style, dengan prototype text-decoration dengan value
    none.

    30. Bagaimana cara membuat hyperlink membuka jedela kosong?

    Caranya adalah dengan menggunakan atribut target dengan value _blank. Contohnya

    31. Berikan contoh cara membuat sebuah ganbar menjadi hyperlink.

    32. Berikan contoh cara menambahkan tool tips pada suatu hyperlink.
    HTML Images

    33. Jelaskan apa yang dimaksud dengan HTML Images!

    HTML Images digunakan untuk memasukkan gambar yang ingin ditampilkan pada halaman website.

    34. Gunakan CSS to untuk mengatur lebar gambar 250 pixels dan tingginya 400 pixels.

    35. Buatlah suatu gambar yang letaknya akan tampil di sebelah kanan.

    Tabel HTML

    36. Jelaskan apa yang dimaksud dengan Tabel HTML!

    Tabel HTML digunakan untuk mengatur data kedalam baris dan kolom.
    37. Buatlah tabel dengan judul Nama dan Usia dan sebuah baris <nama_kamu> dan <usia_kamu>.

    38. Tambahkan judul tabel (caption) : “Daftar Nama”.

    39. Gunakan CSS untuk mengatur lebar tabel tersebut menjadi 300 pixels.
    40. Tambahkan ke baris berikutnya, nama dan usia teman kamu.

    41. Buatlah agar header “Nama” menggabungkan (span) 2 kolom, kemudian pada nama kamu dan

    teman kamu tadi tambahkan nama belakangnya.


    42. Buatlah contoh pemakaian rowspan (penggabungan baris).

    Form HTML

    43. Jelaskan apa yang dimaksud dengan Form HTML!

    Form HTML digunakan untuk mengumpulkan hasil inputan dari user.

    44. Jelaskan cara membuat Form

    Cara Membuat Form:

    - Mendeklarasikan tag Form yaitu <form>...</form>


    - Kemudian memberikan Method dan Action pada form (<form method=”(Post / Get)”
    action=”url”>... </form>

    - Mengisi Field Form yang sesuai kebutuhan

    45. Berikan contoh Form yang terdiri dari minimal 10 macam Form Elements beserta dokumen PHP

    yang menerima data dari form tersebut.

    Source Code Form:

    Hasil Form :
    Source Code PHP:
    Hasil Output PHP:

    Anda mungkin juga menyukai