Database System Concepts
7th Edition
ISBN: 9780078022159
Author: Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher: McGraw-Hill Education
expand_more
expand_more
format_list_bulleted
Related questions
Question
<!DOCTYPE html>
<html lang="en">
<head>
<title>Page Title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
font-family: Arial, Helvetica, sans-serif;
}
</style>
</head>
<body>
<h1>My Website</h1>
<p>A website created by me.</p>
</body>
</html>
Transcribed Image Text:Part la - Floats (float-content.html)
Implement a drop cap letter in float-content.html. Using placeholder text
(https://loremipsum.io/) for the text content. Use em units for expressing all sizes/spacing in
your style sheets. You will need to add HTML elements and style rules to complete this section.
Style Requirements:
The line height for all elements should be lem
• The font size for the drop cap letter should be 3em
• The font of the drop cap letter should be different than the font of adjacent text
Remove all margins from the drop cap letter except for the right margin
o You can experiment with the right margin until you find a value that you think
looks good
Text should flow around the drop cap letter
HTML Requirements:
1 x Paragraph element
• 1x Span element
When you are done you should have something that looks like the images below:
Reduced Screen Size
ed ut perspiciatis unde omais iste nats emor sit voluptatem
accusantim doloremge laudantium. tam em speriam.cague ipsa
quae ab illo invetore veritatis et quasi architecto beatae vitae dicta
sunt enplicabo. Nemo enim ipsam voluptatem quia voluptas sit apematur
aut odit aut fugit,
veluptatem sequi nesciunt. Neque pomo quisquam est.qui delorem ipsum
quia dukr sit aet, consectetur, adipisci velit, sed quia on umqua eius
modi tempors incidunt ut labore et dolore magnam aliquam quaerat
voluptatem. Dt enim ad minima veniam, quis nosrum eserciationem
ullam corporis suscipit laborionam, misi ut aliquid es ca commodi
conequatur? Quis autem vel eum iure reprehenderit qui in ca voluptate
velit esse quam nihil molestiae comequatur, vel illum qui dolorem eum
fugiat que valuptas nalla pariatur?
, sed quia consequtr magni doloes cos qui raione
Full Screen Size
Expert Solution
This question has been solved!
Explore an expertly crafted, step-by-step solution for a thorough understanding of key concepts.
Step by stepSolved in 2 steps
Knowledge Booster
Learn more about
Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.Similar questions
- <!doctype html><html><head><meta charset="UTF-8"><title>Flexbox Product Listing Exercise</title> <style>html { box-sizing: border-box;}*, *:before, *:after { box-sizing: inherit;}body { font-family: Georgia, serif; line-height: 1.5em;}h1 { font-size: 4em; font-weight: normal;}h2 { font-size: 1.2em; margin-top: 0;}#menu { border: 3px solid #783F27; }section { background: #F6F3ED; margin: 10px; padding: 20px; border: 1px dotted maroon; width: 240px; display:flex; flex-direction:column;}.title { background-color: #783F27; color: #F9AB33; line-height: 4em;}.price { font-weight: bold; background: #F9AB33; padding: 5px; width: 100%; text-align: center; margin-top:auto;}</style> </head> <body><div id="menu"><section class="title"><h1>Bistro Items To Go</h1></section> <section class="dish"><h2>1<br>Black bean purses</h2><p class="info">Spicy black bean…arrow_forwardwhat I have so far <!DOCTYPE html><html><head><h1>Lab 5</h1> <h2>Part 1</h2></head><body bgcolor="Lightskyblue"><br><br><form><label> Firstname </label><input type="text" name="firstname" size="15"/> <br> <br><label> Lastname: </label><input type="text" name="lastname" size="15"/> <br> <br>Email:<input type="email" id="email" name="email"/> <br><br> <br>Password:<input type="Password" id="pass" name="pass"> <br><br> <br></form></body></html> </body></html>arrow_forward1 DO NOT COPY FROM OTHER WEBSITES Upvote guarenteed for a correct and detailed answer. Thank you!!!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<html> <head><meta charset="utf-8"><title>Black Goose Bistro Summer Menu</title><link href='http://fonts.googleapis.com/css?family=Marko+One' rel='stylesheet' type='text/css'><style>body { font-family: Georgia, serif; font-size: 100%; line-height: 175%; margin: 0 15% 0; background-color:rgb(210,220,157); background-image: url("bullseye.png"); /* Rounded Shape image */ background-size: contain; } bgc { width: 200px; height: 200px; display: block; position: relative; } bgc::after { content: ""; background: url(image/bullseye.png); opacity: 0.5; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; } header { margin-top: 0; padding: 3em 1em 2em 1em; text-align: center; border-radius:4px; background-color:hsl(0, 14%, 95%); background-image: url("purpledot.png"); background-repeat: repeat-x; } a { text-decoration: none; color:rgb(153,51,153); } a:visited { color: hsl(300, 13%, 51%); } a:hover { background-color: #fff; } a:focus {…arrow_forward
arrow_back_ios
arrow_forward_ios
Recommended textbooks for you
- Database System ConceptsComputer ScienceISBN:9780078022159Author:Abraham Silberschatz Professor, Henry F. Korth, S. SudarshanPublisher:McGraw-Hill Education
Starting Out with Python (4th Edition)Computer ScienceISBN:9780134444321Author:Tony GaddisPublisher:PEARSON
Digital Fundamentals (11th Edition)Computer ScienceISBN:9780132737968Author:Thomas L. FloydPublisher:PEARSON 
C How to Program (8th Edition)Computer ScienceISBN:9780133976892Author:Paul J. Deitel, Harvey DeitelPublisher:PEARSON
Database Systems: Design, Implementation, & Manag...Computer ScienceISBN:9781337627900Author:Carlos Coronel, Steven MorrisPublisher:Cengage Learning
Programmable Logic ControllersComputer ScienceISBN:9780073373843Author:Frank D. PetruzellaPublisher:McGraw-Hill Education
Database System Concepts
Computer Science
ISBN:9780078022159
Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:McGraw-Hill Education
Starting Out with Python (4th Edition)
Computer Science
ISBN:9780134444321
Author:Tony Gaddis
Publisher:PEARSON
Digital Fundamentals (11th Edition)
Computer Science
ISBN:9780132737968
Author:Thomas L. Floyd
Publisher:PEARSON
C How to Program (8th Edition)
Computer Science
ISBN:9780133976892
Author:Paul J. Deitel, Harvey Deitel
Publisher:PEARSON
Database Systems: Design, Implementation, & Manag...
Computer Science
ISBN:9781337627900
Author:Carlos Coronel, Steven Morris
Publisher:Cengage Learning
Programmable Logic Controllers
Computer Science
ISBN:9780073373843
Author:Frank D. Petruzella
Publisher:McGraw-Hill Education