Build a Library Management System Using html, css, and JavaScript (Source Code) By Faraz : This declares the document type and version of HTML being used (HTML5 in this case).
2
səhifə 2/6 tarix 22.03.2024 ölçüsü 293,01 Kb. #168954
Build a Library Management System Using HTML 1. : This declares the document type and version of HTML being used (HTML5 in this case).
2. : This is the root element of the HTML document. The lang attribute specifies the language of the document , which is English in this case.
3. : This section contains metadata about the webpage , such as character encoding , viewport settings , and linked resources.
: Specifies the character encoding for the document (UTF-8, which supports various characters and symbols).
: Sets the viewport settings for better responsiveness on various devices.
: Links an external stylesheet for styling the webpage. The stylesheet is fetched from a CDN (Content Delivery Network) and provides styles from the Bootstrap framework.
Library Management System : Sets the title of the webpage , which is displayed in the browser's title bar or tab.
4. : This is the main content of the webpage.
5. : Defines a navigation bar at the top of the page.
The brand name "Online Library" is displayed on the left side.
A "navbar-toggler" button is provided for small screens to collapse and expand the navigation links.
Navigation links include a "Home" link and a search form.
6.
: A placeholder div element where alerts or notifications could be displayed later.
7. : Creates a container for the main content of the page.
Page heading "Welcome to My Library" is displayed.
A form labeled "mylibraryform" is provided for users to input information.
It includes fields for "User Name" and "Book Name," along with radio buttons for selecting a book genre ("Fiction," "Programming," "Cooking").
A button labeled "Add Book" is used to submit the form.
A table with a dark style is defined to display library records.
The table headers include "Sl No.," "Date of issue ," "Reader," "Book Name," "Genre," and an empty header cell.
The table body has an empty tbody element with the id "table-body" where book records will be added later.
Dostları ilə paylaş: