Langkah Langkah Penggunaan Framework Bootstrap dan Jquery

Bootstrap merupakan framework untuk membangun desain web secara responsif. Artinya, tampilan web yang dibuat oleh bootstrap akan menyesuaikan ukuran layar dari browser yang kita gunakan baik di desktop, tablet ataupun mobile device. Fitur ini bisa diaktifkan ataupun dinon-aktifkan sesuai dengan keinginan kita sendiri.
Bootstrap mengedapankan tampilan untuk mobile device (Handphone, smartphone dll.) guna mempercepat dan mempermudah pengembangan website. Bootstrap menyediakan HTML, CSS dan Javascript siap pakai dan mudah untuk dikembangkan.

Berikut langkah langkah menggunakan bootstrap dan jquery :

1. Buat sebuah direktori baru.

2. Setelah itu Download Bootstrap di https://getbootstrap.com/docs/4.1/getting-started/download/

3. Setelah file terdownload, kamu akan mendapatkan file zip. Buat folder baru dengan nama Praktikum di Folder xampp/htdocs. selanjutnya ekstrak file zip ke dalam folder praktikum. 

4. Didalam folder praktikum, akan ada folder asset 

5. Selanjutnya buka text editor, saya menggunakan sublime text. save link dibawah ini :

     1, https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css (save di folder css).

     2. https://code.jquery.com/jquery-3.3.1.slim.min.js (save di folder js).

     3. https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js (save di folder js).

     4. https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js (save di folder js).

6. Setelah selesai menyimpan semua link. sekarang framework bootstrap sudah bisa digunakan.

Demikian sedikit penjelasan mengenai bootstrap dan jquery. Semoga bermanfaat.

Penggunaan Tag HTML Sederhana

Setelah kita mengetahui struktur dari HTML selanjutnya kita akan membuat beberapa program sederhana dengan menggunakan elemen tag yang ada pada HTML.
HTML memiliki banyak elemen tag yang bisa digunakan. Kali ini saya akan memberikan contoh penggunaan tag HTML yang biasa digunakan

Image Tag < img >

img menunjukkan image yang berarti gambar dan oleh karenanya digunakan untuk menyisipkan gambar. Gambar didalam sebuah dokumen HTML tidak dimasukkan sepenuhnya pada file (.html, misalnya) akan tetapi, hanya merujukkan file sumber gambar tersebut berada (disimpan).
Contoh Script HTML nya sebagai Berikut :

Tampilan yang muncul seperti ini

Elemen Tag < ol >

 

Membuat daftar terurut yang selalu diawali dengan huruf dan angka

Contoh Script nya seperti dibawah ini:

Tampilan dari script HTML Tag

Tag Elemen < table > < tr > dan < td >

Jumlah baris tabel ditentukan dengan banyaknya < tr >
Jumlah kolom dalam tabel ditentukan dengan banyaknya < td >

Contoh pada Script HTML dibawah ini :

Hasil Tampilan elemen tabel seperti gambar di bawah ini

Demikian beberapa contoh penggunaan tag di HTML. Semoga bermanfaat.