use validator to tidy up index.html

Dave-Vermeulen · Dave-Vermeulen · commit 6980aeb8a9f1 · 2025-08-20T16:56:10.000+02:00
diff --git a/debugging/book-library/index.html b/debugging/book-library/index.html
@@ -1,20 +1,14 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
   <head>
-    <title> </title>
-    <meta
-      charset="utf-8"
-      name="viewport"
-      content="width=device-width, initial-scale=1.0"
-    />
+    <title>The Book Report</title>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
-    <link
-      rel="stylesheet"
-      href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
-    />
-    <link rel="stylesheet" type="text/css" href="style.css" />
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
+    <link rel="stylesheet" type="text/css" href="style.css">
   </head>
 
   <body>
@@ -30,43 +24,15 @@ <h1>Library</h1>
     <div id="demo" class="collapse">
       <div class="form-group">
         <label for="title">Title:</label>
-        <input
-          type="text"
-          class="form-control"
-          id="title"
-          name="title"
-          required
-        />
+        <input type="text" class="form-control" id="title" name="title" required>
         <label for="author">Author: </label>
-        <input
-          type="text"
-          class="form-control"
-          id="author"
-          name="author"
-          required
-        />
+        <input type="text" class="form-control" id="author" name="author" required>
         <label for="pages">Pages:</label>
-        <input
-          type="number"
-          class="form-control"
-          id="pages"
-          name="pages"
-          required
-        />
+        <input type="number" class="form-control" id="pages" name="pages" required>
         <label class="form-check-label">
-          <input
-            type="checkbox"
-            class="form-check-input"
-            id="check"
-            value=""
-          />Read
+          <input type="checkbox" class="form-check-input" id="check" value="">Read
         </label>
-        <input
-          type="submit"
-          value="Submit"
-          class="btn btn-primary"
-          onclick="submit();"
-        />
+        <input type="submit" value="Submit" class="btn btn-primary" onclick="submit();">
       </div>
     </div>
 
@@ -93,4 +59,4 @@ <h1>Library</h1>
 
     <script src="script.js"></script>
   </body>
-</html>
+</html>
