Html, css va JavaScript (manba kodi) yordamida kutubxona boshqaruv tizimini yaratish Faraz

Manba kodi
1-qadam (HTML kodi):
Boshlash uchun avvalo asosiy HTML faylini yaratishimiz kerak. Ushbu faylda biz kutubxonani boshqarish tizimi uchun asosiy tuzilmani o'z ichiga olamiz.

Fayllarni yaratgandan so'ng, quyidagi kodlarni faylingizga joylashtiring. HTML hujjatingizni veb-brauzerda to'g'ri ko'rish uchun .html kengaytmasi bilan saqlang.

Keling, kodni bosqichma-bosqich ajratamiz:

1. : Bu hujjat turi va foydalanilayotgan HTML versiyasini e'lon qiladi (bu holda HTML5).

2. : Bu HTML hujjatining ildiz elementi. Lan atributi hujjat tilini belgilaydi, bu holda bu ingliz tilidir.

3. : Ushbu bo'limda veb-sahifa haqidagi metama'lumotlar mavjud, masalan, belgilarni kodlash, ko'rish oynasi sozlamalari va bog'langan resurslar.

• 
  : Hujjat uchun belgilar kodlashni belgilaydi (turli belgilar va belgilarni qo'llab-quvvatlaydigan UTF-8).
  
• 
  : Turli qurilmalarda yaxshiroq javob berish uchun ko'rish oynasi sozlamalarini o'rnatadi.
  
• 
  : Veb-sahifani uslublash uchun tashqi uslublar jadvaliga havola. Uslublar jadvali CDN (Content Delivery Network) dan olinadi va Bootstrap ramkasidan uslublarni taqdim etadi.
  
• 
  : Brauzerning sarlavha satrida yoki yorlig'ida ko'rsatiladigan veb-sahifaning sarlavhasini o'rnatadi.
  

4. : Bu veb-sahifaning asosiy mazmuni.

5.

: Sahifaning yuqori qismidagi navigatsiya panelini belgilaydi.

• 
  Chap tomonda "Onlayn kutubxona" brendi ko'rsatilgan.
  
• 
  Kichkina ekranlar uchun navigatsiya havolalarini yopish va kengaytirish uchun "navbar-toggler" tugmasi taqdim etiladi.
  
• 
  Navigatsiya havolalari "Uy" havolasini va qidiruv shaklini o'z ichiga oladi.