designbytowo

Implementasi Bootstrap pada Html

Sebelum Kita Implementasi pada html , Alangkah baik nya kita harus tau terlebih dahulu Pengertian dan basic Stuktur pada HTML
Berikut adalah struktur html:

Penjelasan Struktur HTML
• <!Doctype html> ini mengidentifikasikan bahwa html ini merupakan dokumen HTML5, HTML5 adalah sebuah generasi terbaru pada bahasa HTML.
• <html> ini biasa disebut sebagai elemen root karena mengandung semua elemen lain.
• <head> ini berisi informasi dasar pada web tersebut seperti title dan meta tag.
• <title> berfungsi untuk memberikan judul<br /> dari dokumen atau halaman tersebut.<br />

• <body> adalah isi dari dokumen tersebut.</p>

Baca Juga : 01. Berkenalan Dengan Framework Bootstrap Fundamental

Penerapan Bootstrap Pada Html

Langkah untuk penerapan Boostrap pada html ada 2

  1. Bisa terlebih dahulu download source dan menggunakanya
  2. Bisa menggunakan Boostrap CDN

Mendownload Source Bootstrap

Berikut adalah Langkah Langkah jika kita ingin mendownload source boostrap dan menerapkan di html

  1. Buka Web boostrap https://getbootstrap.com/docs/
    4.0/getting-started/introduction/
  2. Klik Download Source pada Bagian Source File
04. Penerapan dan Implementasi Bootstrap pada Html Belajar Desain Bareng

3. Jika sudah terdownload maka buat folder projek pertama kita implementasi boostrap pada html.

4. Pindahkan file / source boostrap yang sudah kita download ke file projek yang tadi sudah kita buat kemudian Pindahkan Folder Css & Js yang ada di dalam folder dist ke File projek kita.

Cukup sekian dulu untuk tahap implementasi Bootstrapnya, Selanjutnya kita akan membahas tentang menggunakan Text Editor untuk Membuka Projek….

%d blogger menyukai ini: