Pemrograman WEB : Elemen Dasar HTML

 

Modul 1 : Elemen dasar HTML

Tugas Pendahuluan

      1.      Jelaskan apa yang dimaksud dengan HTML beserta fungsinya.
             Jawaban:

HTML atau HyperText Markup Language adalah bahasa standar untuk menyusun format teks, gambar, audio, dan video dalam sebuah website. Fungsi html adalah sebagai fondasi sebuah website, di mana dengan menggunakan kode HTML untuk mendesain tampilan elemen halaman web di browser, seperti teks, hyperlink, dan file media.

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

    • Tag adalah sebuah penanda awalan dan akhiran dari sebuah elemen di HTML.  Tag dibuat dengan kurung sudut "<...>", lalu di dalamnya berisi nama tag dan kadang juga ditambahkan dengan atribut.Tag selalu ditulis berpasangan, ada tag pembuka dan ada tag penutupnya. untuk tag penutup menambahkan "/" dalam kurung sudutnya "</...>"
    • Elemen adalah yang bertanggung jawab untuk membuat halaman web dan menentukan konten/isi di halaman web tersebut. Sebuah elemen dalam HTML biasanya terdiri dari tag pembuka, konten, dan tag penutup.
    • Atribut adalah informasi tambahan yang diberikan kepada tag. Informasi ini bisa berupa instruksi untuk warna dari teks, posisi teks, dan lain-lain
    • Value merupakan nilai dari sebuah attribute.Setiap atribut memiliki pasangan nama dan nilai (value), dan ditulis dengan name_atribut=”value”. Value diapit tanda kutip.
        3.  Tuliskan Tag HTML beserta fungsinya (Minimal 30 + Wajib Table, Form & Link)!
   Jawaban:    

 No         Tag HTML                                         Fungsi
1 <html> Berfungsi menandakan awal dari dokumen HTML.
2 <head> Menyediakan informasi tentang dokumen HTML.
3 <title> Menentukan judul dokumen HTML yang di tampilkan di bilah judul browser.
4 <body> Berisi konten/isi utama dari dokumen HTML.
5 <h1>-<h6> Mengatur heading dengan tingkat kepentingan atau ukuran yang berbeda.
6 <p> Menandai sebuah paragraf.
7 <a> Membuat hyperlink ke halaman web atau URL lainnya.
8 <img> Menambahkan gambar ke dalam halaman web.
9 <ul> Membuat list tak berurutan.
10 <li> Menandai setiap item dalam list.
11 <ol> Membuat list berurutan.
12 <b> Digunakan untuk membuat teks menjadi tebal (bold).
13 <i> Digunakan untuk membuat teks menjadi miring (italic).
14 <br> Digunakan untuk membuat sebuah baris baru (line break).
15 <div> Digunakan untuk mengelompokkan beberapa elemen.
16 <span> Digunakan untuk menandai bagian dari teks.
17 <style> Menyediakan gaya untuk dokumen HTML.
18 <u> Berfungsi untuk menggarisbawahi teks di dalam dokumen HTML.
19 <font> Digunakan untuk mengatur gaya teks seperti ukuran font, warna, dan jenis font.
20 <dl> (Definition List) Tag ini digunakan untuk membuat daftar definisi.
21 <dt> (Definition Term) Digunakan untuk menandai istilah dalam daftar definisi.
22 <dd> (Definition Description) Digunakan untuk menandai deskripsi dari istilah dalam daftar definisi.
23 <sub> Tag untuk menurunkan teks ke dalam garis dasar, sering digunakan untuk menampilkan teks sebagai subscript.
24 <sup> Tag untuk meninggikan teks di atas garis dasar, sering digunakan untuk menampilkan teks sebagai superscript.
25 <select> Digunakan untuk membuat sebuah dropdown list, di mana pengguna dapat memilih satu atau lebih opsi dari daftar yang ada.
26 <option> Untuk membuat opsi atau pilihan yang akan tersedia dalam dropdown list.
27 <table> Membuat sebuah tabel di dalam halaman web.
28 <tr> Mendefinisikan baris dalam sebuah tabel.
29 <th> Digunakan untuk mendefinisikan sel header dalam tabel.
30 <td> Mendefinisikan sel data dalam sebuah tabel.
31 <form> Membuat sebuah form untuk interaksi pengguna.
32 <input> Mendefinisikan sebuah input dalam sebuah form.

        4.  Tuliskan contoh penggunaan tag HTML (Minimal 5)!
   Jawaban:
1. <h1>
    <h1>Heading 1</h1>
 2. <p>
     <p>HTML adalah kepanjangan dari HyperText Markup Language</p\>
3. <img>
    <img src="ICLABS_FIKOM.png" alt="Logo ICLabs">
4. <a>
    <a href="https://www.instagram.com/accounts/login/">Klik untuk login ke
    Instagram</a>
5. <ol>
<ol>
  <li>Anak pertama</li>
  <li>Anak kedua</li>
  <li>Anak ketiga</li>
</ol>
5. Tuliskan dan jelaskan atribut-atribut yang dapat digunakan pada Nomor 3!
    Jawaban:
        1.      <html> :
    •      lang: adalah atribut untuk menentukan bahasa dari dokumen HTML . 
        2.      <body> :
    •     bgcolor: adalah atribut untuk menentukan warna latar belakang dari halaman website.
    •      text: Untuk menentukan warna teks pada halaman web.
        3.      <p> :
    •     align: Untuk menentukan posisi teks dalam paragraf (left, right, center, justify).
        4.      <a> :
    •      href: Menentukan URL atau alamat yang akan dituju pada website.
    •    target: Menentukan di mana dokumen yang ditautkan akan ditampilkan (misalnya, _self link dibuka pada tab yang sama , _blank link dibuka pada tab baru, dll).
    •       title: Menyediakan informasi tambahan mengenai tautan yang dituju.
        5.      <img>:
    •     src: Untuk menentukan lokasi atau URL dari gambar.
    •     alt: Menyediakan teks alternatif yang akan muncul jika gambar tidak dapat dimuat.
    •     width: untuk mengatur lebar dari gambar.
    •      height: untuk menagtur tinggi dari gambar yang ditambahkan.
        6.      <b>
    •     style : Bisa digunakan untuk mengatur warna pada teks yang ditebalkan.
        7.      <span> dan <div> :
    •     class: digunakan untuk mengklasifikasikan satu atau beberapa elemen pada HTML
    •      id: Menentukan/memberikan identifikasi unik untuk elemen.
    •      style: untuk memodifikasi gaya pada elemen yang ada pada html.
        8.      <font>:
    •      color: adalah atribut untuk menentukan warna dari teks.
    •      size: untuk menentukan/mengatur ukuran teks.
    •      face: Untuk menentukan jenis font teks.
        9.      <table>, <tr>, <td>, <th>:
    •      border: untuk menentukan lebar border untuk tabel.
    •      cellpadding: untuk mengatur jarak dari border sisi dalam tabel dengan isi text tabel itu  sendiri.
    •      cellspacing: Untuk menentukan jarak antara sel dalam tabel.
    •       width: mengatur lebar dari tabel.
    •      height: untuk mengatur/menentukan tinggi tabel.
    •      align: Menentukan posisi konten dalam sel table (left, right, center).
    •      bgcolor: Menentukan warna latar belakang sel.
    •   colspan: digunakan untuk jumlah kolom yang akan digabung untuk sel tertentu secara horizontal.
    •    rowspan: untuk menentukan jumlah baris yang akan digabung untuk sel tertentu secara vertikal.
    •      valign: digunakan untuk menentukan posisi konten dalam sel secara vertikal (top,middle, bottom).
        10.  <form> dan <input>:
    •   action: mengatur URL tempat/lokasi data formulir akan dikirimk setelah pengguna mengirimkan formulirnya.
    •     method: digunkan untuk menentukan metode yang akan digunakan untuk mengirimkan data formulir (GET atau POST).
    •       type: ini digunakan menentukan jenis input (seperti teks, kata sandi, tombol, checkbox, dll.)

                 11. Untuk tag lainnya tidak memiliki atribut khusus  

6. Tuliskan dan jelaskan atribut yang digunakan dalam menggabungkan baris   dan kolom pada tabel!

    Jawaban:

Untuk menggabungkan beberapa baris ataupun kolom dalam sebuah table, bisa menggunakan atribut colspan untuk menggabungkan kolom dan rowspan untuk menggabungkan baris yang disertakan dalam tag table data <td>.

 

 

  Nama  : Ainun Naqiyah
  Kelas     : B1
  NIM      : 13020220028
 

Komentar

Posting Komentar