Concept explainers
this html code
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>books </title>
<link rel="stylesheet" href="1.css" />
</head>
<body>
<br>
<label class="index"> Books list </label>
<br clear="all">
<br><br>
<div style="width:500px;height:1300px;border:1px solid black;float:left;margin-right:260px">
<label class="books" for="BOOKS" title="BOOKS">
《tomandjerry》 author tom <input type="checkbox" name="BOOK1" id="1111" value="tomand jerry by tom ">
</label>
<br clear="all">
<label class="books" for="BOOKS" title="BOOKS">
《THIS IS A BOOK LIST 》 author LIST <input type="checkbox" name="BOOK1" id="1111" value="tomand jerry by tom ">
</label>
<br clear="all">
</label>
<label class="books" for="BOOKS" title="BOOKS">
《MARKHAM》 author MARK <input type="checkbox" name="BOOK1" id="1111" value="tomand jerry by tom ">
</label>
<br clear="all">
</label>
<label class="books" for="BOOKS" title="BOOKS">
《DONT GO ANYWHERE 》 author ANNY <input type="checkbox" name="BOOK1" id="1111" value="tomand jerry by tom ">
</label>
<br clear="all">
</label>
<label class="books" for="BOOKS" title="BOOKS">
《SDRWGB》 author GHI <input type="checkbox" name="BOOK1" id="1111" value="tomand jerry by tom ">
</label>
<br clear="all">
</label>
</label>
<label class="books" for="BOOKS" title="BOOKS">
《BOOK LIST 1 》 author KOLG <input type="checkbox" name="BOOK1" id="1111" value="tomand jerry by tom ">
</label>
<br clear="all">
</label>
<label class="books" for="BOOKS" title="BOOKS">
《BOOK LIST 2》 author KOWLG <input type="checkbox" name="BOOK1" id="1111" value="tomand jerry by tom ">
</label>
<br clear="all">
<label class="books" for="BOOKS" title="BOOKS">
《ANNY BOOKS 》 author JUMP <input type="checkbox" name="BOOK1" id="1111" value="tomand jerry by tom ">
</label>
<br clear="all">
</label>
</label>
<br clear="all">
</label>
<label class="books" for="BOOKS" title="BOOKS">
《HOW TO RUN 》 author RUN <input type="checkbox" name="BOOK1" id="1111" value="tomand jerry by tom ">
</label>
<br clear="all">
</label>
</label>
<label class="books" for="BOOKS" title="BOOKS">
《HOW TO SWIM》 author SWIM <input type="checkbox" name="BOOK1" id="1111" value="tomand jerry by tom ">
</label>
<br clear="all">
</label>
</label>
<label class="books" for="BOOKS" title="BOOKS">
《HOW TO JUMP 》 author JUMP <input type="checkbox" name="BOOK1" id="1111" value="tomand jerry by tom ">
</label>
<br clear="all">
</label>
</div>
<div style="width:500px;height:1300px;border:1px solid black;float:left">
</div>
</body>
</html>
=========
how could i do some changes to this CSS and make it looks batter ?
the words size should be fit .i think it looks so weird .the words are so small.
Step by stepSolved in 3 steps with 4 images
- <!DOCTYPE html> <!-- Student Name: Jorge Negron Drowne File Name: index.html Date: 09/28/2023 --> <html lang="en"> <head> <title>Gradients</title> <meta charset="utf-8"> <link rel="stylesheet" href="css/styles.css"> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> <div id="container"> <!-- Use the header area for the website name or logo --> <header> <h1>Exploring Gradients</h1> </header> <main> <div class="columns"> <h3>Linear Gradient to right at 25%</h3> <div class="box gradient1"></div> </div> <div class="columns"> <h3>Linear Gradient to left at 90%</h3> <div class="box gradient2"></div>…arrow_forward<!DOCTYPE html> <html> <head> <title>JavaScript & jQuery - Chapter 5: Document Object Model - Example</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="css/c05.css"> </head> <body> <div id="page"> <h1 id="header">List</h1> <h2>Buy groceries</h2> <ul> <li id="one"><em>fresh</em> figs</li> <li id="two">pine nuts</li> <li id="three">honey</li> <li id="four">balsamic vinegar</li></ul> </div> <script src="js/example.js"></script> </body> </html> remove their list items and add your own for the following game consoles: Xbox Series X Xbox Series S Playstation 5 Playstation 5 DE Nintendo Switch Nintendo Switch Lite Use the javascript methods for removing nodes,…arrow_forwardwhat I have so far <!DOCTYPE html><html><head><link rel="stylesheet" href="mystyle.css"><title>About me</title></head><body> <h1>Josiah McSweeney</h1> <div ><div><h2>A bit about me</h2></div> <p>I'm a very open individual I like to chat maybe a little too much I love working with technology which is probably one of the biggest reasons why I'm here now and something that you may need to know about me is I have dysgraphia which is a medical condition and it makes it so I'm unable to write anything down on paper/write anything that could be read on paper</p> <p>Some other things to know about me are but I am very meticulous about any and all of my work but I'm not sure if this is because I'm responsible or because of my anxiety disorder which causes me to not forget about anything I really am not sure about this but I'm going to take it as is</p> <div><h2>Stuff I…arrow_forward
- <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Grid</title> </head> <body> </body></html>arrow_forward<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Part 4 - Positions</title> <style> /* element selector */ replace-me { font-size: 10px; margin: 0; background-color:#414046; } /* class selector */ .replace-me { position: fixed; left: 4em; top: 0; background-color: white; width: 4em; height: 100vh; } /* class selector */ .replace-me { position: fixed; right: 4em; top: 0; background-color: white; width: 4em; height: 100vh; } /* class selector */ .replace-me { position: fixed; right: 0; top: 0;…arrow_forwardMy code is like this <!doctype html> <html> <head> <title>Books Data</title> <script src= "https://code.jquery.com/jquery-3.5.1.js"> </script> <style> table { width=100%; } th { background-color:grey; } td { background-color:cyan; } </style> </head> <body> <table id="myTableData"> <tr> <th>id</th> <th>Book name</th> <th>description</th> <th>price</th> <th>author</th> <th>type</th> <th>img</th>…arrow_forward
- <?xml version="1.0" encoding ="UTF-8"?><AUCTIONBLOCK><ITEM><TITLE>Vase and Stones</TITLE><ARTIST>Linda Mann</ARTIST><DIMENSIONS>20x30 inches</DIMENSIONS><MATERIALS>Oil</MATERIALS><YEAR>1996</YEAR><DESCRIPTION/><PREVIEW-SMALL SRC="images/burl-s.jpg" WIDTH="300" HEIGHT="194" ALT="Vase and Stones"><!--The small image--></PREVIEW-SMALL><PREVIEW-LARGE SRC="images/burl.jpg" WIDTH="640" HEIGHT="413" ALT="Vase and Stones"/><BIDS><BID><PRICE>3300</PRICE><TIME>9:19:32 AM</TIME><BIDDER>John</BIDDER><TIMESTAMP>1315</TIMESTAMP></BID><BID><PRICE>3200</PRICE><TIME>8:18:31 AM</TIME><BIDDER>Andrew</BIDDER><TIMESTAMP>1308</TIMESTAMP></BID><BID><PRICE>3100</PRICE><TIME>2:48:08…arrow_forwardhtml: <!DOCTYPE html> <html lang="en"> <head> <metacharset="UTF-8"> <metaname="viewport"content="width=device-width, initial-scale=1.0"> <linkrel="stylesheet"href="all.css"> <title>dlasl shop</title> </head> <body> <hr> <sectionclass="container-1"> <h2>.:: 1111111 ::.</h2> <tableclass="product1"> <tr> <td><imgclass="items"src="images/1/1 (1).jpg"alt=item1"></td> <td><imgclass="items"src="images/1/1 (2).jpg"alt="item 2"></td> <td><imgclass="items"src="images/1/1 (3).jpg"alt="item3"></td> </tr> <trclass="td-name"> <td>shelf 1</td> <td>shelf 1</td> <td>shelf 1</td> </tr> <trclass="td-desc"> <td>qwe</td> <td>rte</td> <td>zxcw</td> </tr> <trclass="td-desc">…arrow_forwardwhat I have so far <!DOCTYPE html><html><head><link rel="stylesheet" href="mystyle.css"><title>About me</title></head><body> <h1>Josiah McSweeney</h1> <div ><div><h2>A bit about me</h2></div> <p>I'm a very open individual I like to chat maybe a little too much I love working with technology which is probably one of the biggest reasons why I'm here now and something that you may need to know about me is I have dysgraphia which is a medical condition and it makes it so I'm unable to write anything down on paper/write anything that could be read on paper</p> <p>Some other things to know about me are but I am very meticulous about any and all of my work but I'm not sure if this is because I'm responsible or because of my anxiety disorder which causes me to not forget about anything I really am not sure about this but I'm going to take it as is</p> <div><h2>Stuff I…arrow_forward
- <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Part 4 - Positions</title> <style> /* element selector */ replace-me { font-size: 10px; margin: 0; background-color:#414046; } /* class selector */ .replace-me { position: fixed; left: 4em; top: 0; background-color: white; width: 4em; height: 100vh; } /* class selector */ .replace-me { position: fixed; right: 4em; top: 0; background-color: white; width: 4em; height: 100vh; } /* class selector */ .replace-me { position: fixed; right: 0; top: 0;…arrow_forward<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Part 1b - Floats</title> <style> /* Finish this rule */ img:nth-of-type(1) { } /* Finish this rule */ img:nth-of-type(2) { } /* don't modify this rule */ p { font-size: 1.25em; text-align: center; } </style></head><body> <img src="https://via.placeholder.com/150"> <img src="https://via.placeholder.com/150"> <p> Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut…arrow_forward<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Black Goose Bistro Summer Menu</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Marko+One&display=swap" rel="stylesheet"> <style> body { font-family: 'Open Sans', sans-serif; } h1{ font-family: 'Marko One', serif; } </style> </head> <body> <div id="info"> <h1>Black Goose Bistro • Summer Menu</h1> <p>Baker's Corner, Seekonk, Massachusetts<br> <span class="label">Hours: Monday through Thursday:</span> 11 to 9, <span class="label">Friday and…arrow_forward
- Database System ConceptsComputer ScienceISBN:9780078022159Author:Abraham Silberschatz Professor, Henry F. Korth, S. SudarshanPublisher:McGraw-Hill EducationStarting Out with Python (4th Edition)Computer ScienceISBN:9780134444321Author:Tony GaddisPublisher:PEARSONDigital Fundamentals (11th Edition)Computer ScienceISBN:9780132737968Author:Thomas L. FloydPublisher:PEARSON
- C How to Program (8th Edition)Computer ScienceISBN:9780133976892Author:Paul J. Deitel, Harvey DeitelPublisher:PEARSONDatabase Systems: Design, Implementation, & Manag...Computer ScienceISBN:9781337627900Author:Carlos Coronel, Steven MorrisPublisher:Cengage LearningProgrammable Logic ControllersComputer ScienceISBN:9780073373843Author:Frank D. PetruzellaPublisher:McGraw-Hill Education