Scroll down to the article element and directly below the h1 heading, insert a video clip with the controls enabled, displaying the poster image ws_jfk_poster.png file. Add two possible sources to the video clip: ws_jfk_speech.mp4 and ws_jfk_speech.webm, including the mime-type for each video source. ws jfk.htmlws_base.cssws_media.cssws captions.vtt x39Rhetoric in the United states4041424344John F. Kennedy Inaugural Address45Vice President Johnson, Mr. Speaker, Mr. Chief Justice, PresidentEisenhower,46Vice President Nixon, President Truman, reverend clergy, fellowcitizens:4748We observe today not a victory of party, but a celebration offreedom —49symbolizing an end, as well as a beginning — signifyingrenewal, as wellas change. For I have sworn before you and Almighty God the same50solemn oath51our forebears prescribed nearly a century and three-quarters ago.5253The world is very different now. For man holds in his mortal handsthe power to54abolish all forms of human poverty and all forms of human life. Andyet the same55revolutionary beliefs for which our forebears fought are still atissue around the+

Dear Student , As per the requirement submitted above , kindly find the below solution. Here a new…

croll down to the article element and directly below the h1 heading, insert a video clip with the controls enabled, displaying the poster image ws_jfk_poster.png file. Add two possible sources to the video clip: ws_jfk_speech.mp4 and ws_jfk_speech.webm, including the mime-type for each video source.

croll down to the article element and directly below the h1 heading, insert a video clip with the controls enabled, displaying the poster image ws_jfk_poster.png file. Add two possible sources to the video clip: ws_jfk_speech.mp4 and ws_jfk_speech.webm, including the mime-type for each video source.

New Perspectives on HTML5, CSS3, and JavaScript

6th Edition

ISBN:9781305503922

Author:Patrick M. Carey

Publisher:Patrick M. Carey

Chapter13: Programming For Web Forms: Creatings Forms For Orders And Pa

Section: Chapter Questions

Problem 1CP3

See similar textbooks

Similar questions

what I have so far <!DOCTYPE html><html><head><link rel="stylesheet" href="style.css"><meta charset=”utf-8”><title>Lab1</title></head> <body> <h1><img><br><img src="21.png"><p>Amet Justo Donec</p></h1> <p>Cursus EgetPurus sit amet volutpat consequat mauris nunc congue nisi vitae. Suscipit tellus mauris a diam maecenas sed enim ut sem viverra aliquet eget sit.<p/><h2>Cursus Eget</h2><p>Purus sit amet volutpat consequat mauris nunc congue nisi vitae. Suscipit tellus mauris a diam maecenas sed enim ut sem viverra aliquet eget sit.<p/><h2>Diam</h2><p>Urna condimentum mattis pellentesque id nibh tortor. Id aliquet lectus proin nibh nisl condimentum id venenatis. A condimentum vitae sapien pellentesque habitant.<p/><h2>Aliquam Sem Fringilla</h2><p>Pellentesque, NecEst velit egestas dui id ornareEst ultricies integer quis…
Practice Question: <!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>TECH 3500 - Final Exam</title> <link href="https://fonts.googleapis.com/css?family=Caveat" rel="stylesheet"> <style> .myStyle { font-family: 'caveat'; font-size:40px; text-shadow: 4px 4px 2px rgba(150, 150, 150, 1); text-align: center; color:purple; } h1 { color: orange; } blockquote { color: white; } .holder{ overflow-x:hidden; } .exam-name{ text-align: center; } .btn { color:dodgerblue; } #class-name{ font-size:40px; color: orange; text-align: center; } .container{ margin: 0 auto; max-width: 100%; padding: 0 13px; } #header{ background:…
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Shape Up!</title> <link rel="shortcut icon" href="images/favicon.ico"> </head> <body> <header> <img src="images/shape_up_logo.png" alt="Shape Up logo"> <h2>Shape Up!</h2> <h3>Find the best fit for you</h3> </header> <main> <section> <h1>Get ready to Shape Up!</h1> <p>How many times have you started a new workout routine or diet? And how many times has it failed to give you the results you want? Now, with the help of this site, you can learn about the exercises and diet that work best for you. We offer personalized programs as well as access to several health and dieting tools. So don't wait! Get started looking and feeling better today.</p> <p>As fitness expert Amanda Russell said:</p> <blockquote>Fitness is about so much more than exercise. It’s a catalyst for…
<!DOCTYPE html><html><head><title>ABOUT</title></head><body><main> <nav> <a href="home.html">Home</a> <a href="contact.html">Contact</a> <a href="about.html">About</a> </nav> <h1>About ME</h1> <picture> <source media="(min-width:650px)" srcset="lake-650.jpg"> <source media="(min-width:465px)" srcset="lake-465.jpg"> <img src="lake.jpg" alt="lake" style="width:auto;"> </picture> <p>Why hello there and welcome!.</p><p>Hello there my name is Josiah McSweeney and I am a computer engineering student I really enjoy working with computers and exploring what I'm able to do with them I am currently 22 years and I'm working towards getting my associate's degree In computer engineering.</p><p>My motto: is take your time do your best and you will always succeed.</p><div>…
Not reject warrning <!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>Hoverable Sidebar Menu HTML CSS & JavaScript</title> <link rel="stylesheet" href="style.css" />  <link flex href="https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css" rel="stylesheet" /> <script src="script.js" defer></script> </head> <body> <nav class="sidebar locked"> <div class="logo_items flex"> <span class="nav_image"> <img src="images/logo.png" alt="logo_img" /> </span> <span class="logo_name">CodingNepal</span> <i class="bx bx-lock-alt" id="lock-icon" title="Unlock…
Make a CSS for this Portfolio Website. <!DOCTYPE html> <html> <head> <body> <h2><b>Menu </b></h2> <img src="image.jpg" alt="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTpSgrWjI0eiI8GRLzvlUGt9yDaEp-egi26XrHZAE1hbGG89420GMvbOsMj_4GAip6x4-U&usqp=CAU"> <menu> <li> Home</li> <li>About Me </li> <li>Interest </li> <li> Contacts</li> </menu> <p><b> This shows words bold </b></p> <p><center> This shows words bold </center></p> <p><i> This shows words italic </i></p> <a href="https://www.dlsu.edu.ph">DLSU</a> <a href="https://www.ateneo.edu/">ATENEO</a> <a href="https://www.fatima.edu.ph/">OLFU</a> <h3> unordered list</h3> <ul> <li>information 1 </li> <li>information 2 </li> <li>information 3…
<!DOCTYPE html><html><head><title>Home Page</title></head><body><main> <nav> <a href="home.html">Home</a> <a href="contact.html">Contact</a> <a href="about.html">About</a> </nav><h1>Welcome to my (about me) site</h1> <picture> <source media="(min-width:650px)" srcset="me3-650.jpg"> <source media="(min-width:465px)" srcset="me3-465.jpg"> <img src="me3.JPG" alt="ME" style="width:auto;"> </picture> <h3>HI there this is one of my favorite songs down below.</h3> <iframe width="420" height="345"…
what I have so far please help with what you can <!DOCTYPE html><html> <head> <title>ABOUT</title> </head> <body> <main> <nav> <a href="index.html">Home</a> <a href="contact.html">Contact</a> <a href="about.html">About</a> </nav> <h1>About ME</h1> <picture> <source media="(min-width:650px)" srcset="./images/lake-650.jpg"> <source media="(min-width:465px)" srcset="./images/lake-465.jpg"> <img src="./images/lake.jpg" alt="lake" style="width:auto;"> </picture> <p>Why hello there and welcome!.</p> <p>Hello there my name is Josiah McSweeney and I am a computer engineering student I really enjoy working with computers and exploring what I'm able to do with them I am currently 22 years and I'm working…
CSS not working, Figure 1 is my output, and Figure 2 is the desired output. What's wrong?--- <!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> Calculator </title> <style> * { margin: 0; padding: 0; box-sizing: border-box; font: bold 14px Arial, sans-serif; } html { height: 100%; background: white; background: radial-gradient(circle, #fff 20%, #ccc); background-size: cover; } .calculator { display: flex; flex-direction: column; width: 275px; height: auto; margin: 100px auto; padding: 20px 20px 9px; background: #9dd2ea; background: linear-gradient(#9dd2ea, #8bceec); border-radius: 3px; box-shadow: 0px 4px #009de4, 0px 10px 15px rgba(0, 0, 0, 0.2); } .inputbox{ padding:…
<!DOCTYPE html><html><head><title>Contact me</title></head><body><main> <nav> <a href="home.html">Home</a> <a href="contact.html">Contact</a> <a href="about.html">About</a> </nav> <h1>Contact ME</h1> <span>photo of me Joe Mc</span><br> <picture> <source media="(min-width:650px)" srcset="me1-650.jpg"> <source media="(min-width:465px)" srcset="me1-465.jpg"> <img src="me1.jpg" alt="lake" style="width:auto;"> </picture> <p>You can contact me through : </p><div> <ul> <li>Email - 332boyman@gmail.com</li> <li>Phone - (802)3730290</li></ul> <footer> <p>Author: Josiah McSweeney<br><footer> <p>Copyright Reserved</p>…
this is what I have so far please help and please use my code don't just post some random other persons code in and say it's mine becase that does not help me MY html below MY CODE <!DOCTYPE html><html> <head><title>Home Page</title></head> <body><main><nav><a href="index.html">Home</a><a href="contact.html">Contact</a><a href="about.html">About</a></nav><h1>Welcome to my (about me) site</h1><picture><source media="(min-width:650px)" srcset="./images/me3-650.jpg"><source media="(min-width:465px)" srcset="./images/me3-465.jpg"><img src="./images/me3.JPG" alt="ME" style="width:auto;"></picture> <h3>HI there this is one of my favorite songs down below.</h3><iframe width="420" height="345"src="https://www.bing.com/search?q=Nirvana%20-%20The%20Man%20Who%20Sold%20The…
<!doctype html><html><head><meta charset="UTF-8"><title>Black Goose Bakery</title><meta name="viewport" content="width=device-width, initial-scale=1"><link href="https://fonts.googleapis.com/css?family=Stint+Ultra+Expanded" rel="stylesheet"><style>@import url(bakery-styles.css);</style> </head> <body> <header> <nav> <ul> <li><a href="">Menu</a></li> <li><a href="">News</a></li> <li><a href="">About</a></li> <li><a href="">Contact</a></li> </ul> </nav> <h1><img src="images/bgb_logo.png" alt="Black Goose Bakery"></h1> <p>The delicious baked goods you love at Black Goose Bistro...now available to go!</p></header> <main> <h2>Fresh from the Oven</h2> <h3>Breads</h3> <p><img…