Cara Memberi List, Gambar dan Hyperlink Pada HTML || BLC Telkom Klaten

3 min read

 

A. PENDAHULUAN
    a. Pengertian

    List adalah catatan sebuah kata yang disusun dari atas ke bawah. Jadi kesempatan kali ini saya akan memberikan cara memberikan List, Gambar dan Hyperlink pada HTML.


    b. Latar Belakang Masalah

    Di dalam pemrograman HTML sangat perlu adanya List supaya tulisan terlihat rapi dan tersusun.


B. MAKSUD DAN TUJUAN

    Memahami dan mempraktekan cara memberi List dan Hyperlink pada HTML agar tulisan dapat tersusun rapi.

 
C. BATASAN DAN RUANG LINGKUP PEKERJAAN

    Buku HTML 5

  • List
  • Gambar
  • Hyperlink

 

D. TARGET DAN HASIL YANG DIHARAPKAN

    Dapat memberikan List pada codingan HTML


E. ALAT DAN BAHAN

  • Laptop
  • Internet
  • Buku HTML 5

 

F. TARGET WAKTU

    8 Jam (08.00-16.00 WIB)


G. TAHAPAN PELAKSANAAN

  • Briefing
  • Membaca
  • Mempraktekan di bawah ini codingan cara memberi list pada HTML
  • <h2><a name="Meubel">Meubel</a></h2>
    <h3>a. Perlengkapan Kantor</h3>
    <ul>
    <li>Kursi Kantor/ACTIV
    <p>
    Alumunium (Warna Hitam, Putih dan Merah)
    </p>
    </li>
    <li>Kursi Susun/INFORMA
    <p>
    Plastik (Warna Biru dan Merah)
    </p>
    </li>
    <li>Kursi Sapporo
    <p>
    Plastik (Warna HIjau)
    </p>
    </li>
    <li>Lemari Kantor/ACTIV
    <p>
    Alumunium dan Partikel
    </p>
    </li>
    </ul>
  • Dibawah ini adalah hasilnya
  • Cara memberi gambar ada di bawah
  • <body>
    <center>
    <img src="fashion.jpeg" widht="80" height="80">
    <img src="mebel.jpeg" widht="80" height="80">
    </center>
    </body>  
  • Ini hasilnya
  • Pada halaman web, kita sering melihat ada teks atau gambar yang dapat diklik dan kemudian menghantarkan ke halaman lain. Hal tersebut dikenal dengan istilah hyperlink. Untuk membuat teks atau gambar menjadi hyperlink digunakan tag <a>
  • <p>
    <a href="#Profile">Profile</a>
    </p>
    <h2><a name="Profile">Profile</a></h2>
  • Ini hasilnya


H. TEMUAN PERMASALAN DAN PENYELESAIANNYA
I. REFERENSI


Anda mungkin menyukai postingan ini

Posting Komentar